@skbkontur/markdown 2.6.3 → 2.7.0-alpha.0

package/src/Markdown/MarkdownHelpers/markdownTextareaHelpers.js

@@ -3,16 +3,15 @@ import { setMarkdownPastedHtml } from './markdownHelpers';
 import { MENTION_WRAPPER_ID_POSTFIX } from '../constants';
 import { ViewMode } from '../types';
 import { turndownService } from '../utils/htmlToMd';
-export var textareaTokensRegExp = /(\[[\w\s\dА-Яа-яЁёЙй]+]\(@[\w\d]+\)|[@А-Яа-яЁёЙйA-Za-z]+)/g;
-export var getTextareaTokens = function (value) {
-    var _a, _b;
-    var splitValue = value.split(textareaTokensRegExp).filter(Boolean);
-    var tokens = [];
-    for (var i = 0; i < splitValue.length; i++) {
-        var prevPositions = (_b = (_a = tokens[i - 1]) === null || _a === void 0 ? void 0 : _a.positions) !== null && _b !== void 0 ? _b : [0, 0];
-        var start = i ? prevPositions[1] + 1 : prevPositions[0];
-        var val = splitValue[i] || '';
-        var end = i ? start + (val.length - 1 || 0) : val.length;
+export const textareaTokensRegExp = /(\[[\w\s\dА-Яа-яЁёЙй]+]\(@[\w\d]+\)|[@А-Яа-яЁёЙйA-Za-z]+)/g;
+export const getTextareaTokens = (value) => {
+    const splitValue = value.split(textareaTokensRegExp).filter(Boolean);
+    const tokens = [];
+    for (let i = 0; i < splitValue.length; i++) {
+        const prevPositions = tokens[i - 1]?.positions ?? [0, 0];
+        const start = i ? prevPositions[1] + 1 : prevPositions[0];
+        const val = splitValue[i] || '';
+        let end = i ? start + (val.length - 1 || 0) : val.length;
         if (val === ' ' || val === '\n')
             end = start;
         tokens.push({
@@ -22,19 +21,18 @@ export var getTextareaTokens = function (value) {
     }
     return tokens;
 };
-export var getCursorCoordinates = function (textArea, id) {
-    var container = document.getElementById("".concat(id).concat(MENTION_WRAPPER_ID_POSTFIX));
-    var textBefore = textArea.value.slice(0, textArea.selectionStart).replace('\n', '<br/>');
-    var textAfter = textArea.value.slice(textArea.selectionStart).replace('\n', '<br/>');
-    var textareaStyles = getComputedStyle(textArea);
+export const getCursorCoordinates = (textArea, id) => {
+    const container = document.getElementById(`${id}${MENTION_WRAPPER_ID_POSTFIX}`);
+    const textBefore = textArea.value.slice(0, textArea.selectionStart).replace('\n', '<br/>');
+    const textAfter = textArea.value.slice(textArea.selectionStart).replace('\n', '<br/>');
+    const textareaStyles = getComputedStyle(textArea);
     if (container) {
-        var content = "<span style='position: relative; display: inline;'>" + textBefore + '</span>';
+        let content = "<span style='position: relative; display: inline;'>" + textBefore + '</span>';
         content += "<span id='caret' style='position: relative; display: inline;'>|</span>";
         content += "<span style='position: relative; display: inline;'>" + textAfter + '</span>';
         container.contentEditable = 'true';
         container.innerHTML = content;
-        for (var _i = 0, _a = textareaStyles; _i < _a.length; _i++) {
-            var prop = _a[_i];
+        for (const prop of textareaStyles) {
             container.style[prop] = textareaStyles[prop];
         }
         container.style['top'] = '0';
@@ -47,50 +45,50 @@ export var getCursorCoordinates = function (textArea, id) {
         container.style['visibility'] = 'hidden';
         container.scrollTop = textArea.scrollTop;
     }
-    var caret = document.getElementById('caret');
-    var _b = caret.getBoundingClientRect(), top = _b.top, left = _b.left;
+    const caret = document.getElementById('caret');
+    const { top, left } = caret.getBoundingClientRect();
     container.innerHTML = '';
     return {
         x: left,
         y: top + window.scrollY + parseInt(textareaStyles.lineHeight),
     };
 };
-export var useListenTextareaScroll = function (setMention, textarea) {
-    var resetMention = useCallback(function () {
+export const useListenTextareaScroll = (setMention, textarea) => {
+    const resetMention = useCallback(() => {
         setMention(undefined);
     }, [setMention]);
-    useEffect(function () {
+    useEffect(() => {
         if (textarea) {
-            var node_1 = textarea === null || textarea === void 0 ? void 0 : textarea.node;
-            node_1 === null || node_1 === void 0 ? void 0 : node_1.addEventListener('scroll', resetMention);
-            return function () { return node_1 === null || node_1 === void 0 ? void 0 : node_1.removeEventListener('scroll', resetMention); };
+            const node = textarea?.node;
+            node?.addEventListener('scroll', resetMention);
+            return () => node?.removeEventListener('scroll', resetMention);
         }
     }, [resetMention, textarea]);
-    useEffect(function () {
+    useEffect(() => {
         window.addEventListener('scroll', resetMention);
         return window.removeEventListener('scroll', resetMention);
     }, [resetMention]);
 };
-export var useFullscreenHorizontalPadding = function (fullscreen, viewMode, textareaWidth) {
-    var _a = useState(), padding = _a[0], setPadding = _a[1];
-    useLayoutEffect(function () {
+export const useFullscreenHorizontalPadding = (fullscreen, viewMode, textareaWidth) => {
+    const [padding, setPadding] = useState();
+    useLayoutEffect(() => {
         if (!fullscreen || !textareaWidth || viewMode === ViewMode.Split) {
             setPadding(undefined);
             return;
         }
-        var observable = document.body;
-        var handleChangeWidth = function (width) {
-            var newPadding = (width - textareaWidth) / 2;
+        const observable = document.body;
+        const handleChangeWidth = (width) => {
+            const newPadding = (width - textareaWidth) / 2;
             setPadding(newPadding ? newPadding : undefined);
         };
         handleChangeWidth(observable.clientWidth);
-        var observer = new ResizeObserver(function (entries) { return entries.forEach(function (e) { return handleChangeWidth(e.target.clientWidth); }); });
+        const observer = new ResizeObserver(entries => entries.forEach(e => handleChangeWidth(e.target.clientWidth)));
         observer.observe(observable);
-        return function () { return observer.disconnect(); };
+        return () => observer.disconnect();
     }, [fullscreen, textareaWidth, viewMode]);
     return padding;
 };
-export var getPastedHtml = function (html, event, textArea) {
+export const getPastedHtml = (html, event, textArea) => {
     /** Игнорируем Google Docs/Tables/Presentations **/
     if (!html.includes('id="docs-internal-guid') && !html.includes('<google-sheets-html')) {
         event.preventDefault();

package/src/Markdown/MarkdownMention.js

@@ -1,39 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { Toast } from '@skbkontur/react-ui';
 import { Menu } from '@skbkontur/react-ui/internal/Menu';
 import { ZIndex } from '@skbkontur/react-ui/internal/ZIndex';
@@ -42,36 +6,26 @@ import { createPortal } from 'react-dom';
 import { MARKDOWN_RENDER_CONTAINER, INPUT_DEBOUNCE_TIME } from './constants';
 import { getMarkdownMentionStyle, MentionMenuItem, UserDescriptions, UserWrapper, Avatar } from './Markdown.styled';
 import { getAvatarUrl, useMenuKeyListener } from './MarkdownHelpers/markdownMentionHelpers';
-export var MarkdownMention = function (_a) {
-    var _b;
-    var value = _a.value, onSelectUser = _a.onSelectUser, x = _a.x, y = _a.y, getUsersApi = _a.getUsersApi;
-    var _c = useState(), users = _c[0], setUsers = _c[1];
-    var menuRef = useRef(null);
-    var markdownMentionsRef = useRef(document.getElementById(MARKDOWN_RENDER_CONTAINER));
-    var timerRef = useRef(INPUT_DEBOUNCE_TIME);
-    var usersLength = (_b = users === null || users === void 0 ? void 0 : users.length) !== null && _b !== void 0 ? _b : 0;
+export const MarkdownMention = ({ value, onSelectUser, x, y, getUsersApi }) => {
+    const [users, setUsers] = useState();
+    const menuRef = useRef(null);
+    const markdownMentionsRef = useRef(document.getElementById(MARKDOWN_RENDER_CONTAINER));
+    const timerRef = useRef(INPUT_DEBOUNCE_TIME);
+    const usersLength = users?.length ?? 0;
     if (!markdownMentionsRef.current) {
-        var container = document.createElement('div');
+        const container = document.createElement('div');
         container.id = MARKDOWN_RENDER_CONTAINER;
         document.body.appendChild(container);
         markdownMentionsRef.current = container;
     }
-    useEffect(function () {
+    useEffect(() => {
         window.clearTimeout(timerRef.current);
         try {
-            var load_1 = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var result;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, getUsersApi(value)];
-                        case 1:
-                            result = _a.sent();
-                            result && setUsers(result);
-                            return [2 /*return*/];
-                    }
-                });
-            }); };
-            timerRef.current = window.setTimeout(function () { return void load_1(); }, INPUT_DEBOUNCE_TIME);
+            const load = async () => {
+                const result = await getUsersApi(value);
+                result && setUsers(result);
+            };
+            timerRef.current = window.setTimeout(() => void load(), INPUT_DEBOUNCE_TIME);
         }
         catch (e) {
             Toast.push('Ошибка в получении списка пользователей');
@@ -81,18 +35,18 @@ export var MarkdownMention = function (_a) {
     if (!usersLength)
         return null;
     return createPortal(React.createElement(ZIndex, { priority: "Toast", style: getMarkdownMentionStyle(x, y) },
-        React.createElement(Menu, { ref: menuRef, preventWindowScroll: true, hasShadow: true, initialSelectedItemIndex: 0, maxHeight: 300, width: 320 }, users === null || users === void 0 ? void 0 : users.map(function (user, idx) { return (React.createElement(MentionMenuItem, { key: user.id, id: "".concat(idx), onClick: function () { return handleSelectUser(idx); } },
+        React.createElement(Menu, { ref: menuRef, preventWindowScroll: true, hasShadow: true, initialSelectedItemIndex: 0, maxHeight: 300, width: 320 }, users?.map((user, idx) => (React.createElement(MentionMenuItem, { key: user.id, id: `${idx}`, onClick: () => handleSelectUser(idx) },
             React.createElement(UserWrapper, null,
                 React.createElement(Avatar, { height: 48, width: 48, src: getAvatarUrl(user.sid) }),
                 React.createElement("div", null,
                     React.createElement("div", null, user.name),
-                    React.createElement(UserDescriptions, null, user === null || user === void 0 ? void 0 : user.teams.map(function (t) { return t.caption; }).join(', ')))))); }))), markdownMentionsRef.current);
+                    React.createElement(UserDescriptions, null, user?.teams.map(t => t.caption).join(', '))))))))), markdownMentionsRef.current);
     function handleSelectUser(idx) {
         if (users) {
-            var selectedUser = users[idx];
+            const selectedUser = users[idx];
             if (selectedUser) {
-                var login = selectedUser.login, name_1 = selectedUser.name;
-                onSelectUser(login, name_1);
+                const { login, name } = selectedUser;
+                onSelectUser(login, name);
             }
         }
     }

package/src/Markdown/constants.js

@@ -1,6 +1,6 @@
-export var MENTION_WRAPPER_ID_POSTFIX = '_MentionWrapper';
-export var INPUT_DEBOUNCE_TIME = 500;
-export var MARKDOWN_RENDER_CONTAINER = 'markdownRenderContainer';
-export var COMMONMARK_HELP_URL = 'https://commonmark.org/help/';
-export var FULLSCREEN_HEIGHT = '85vh';
-export var SPLIT_VIEW_THRESHOLD = '1024px';
+export const MENTION_WRAPPER_ID_POSTFIX = '_MentionWrapper';
+export const INPUT_DEBOUNCE_TIME = 500;
+export const MARKDOWN_RENDER_CONTAINER = 'markdownRenderContainer';
+export const COMMONMARK_HELP_URL = 'https://commonmark.org/help/';
+export const FULLSCREEN_HEIGHT = '85vh';
+export const SPLIT_VIEW_THRESHOLD = '1024px';

package/src/Markdown/utils/guid.js

@@ -1,23 +1,18 @@
 import { v4 as uuid } from 'uuid';
-var Guid = /** @class */ (function () {
-    function Guid() {
+export class Guid {
+    _generated;
+    constructor() {
         this._generated = uuid();
     }
-    Object.defineProperty(Guid.prototype, "generated", {
-        get: function () {
-            if (this._generated) {
-                return this._generated;
-            }
-            return this.generate();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Guid.prototype.generate = function () {
-        var id = uuid();
+    get generated() {
+        if (this._generated) {
+            return this._generated;
+        }
+        return this.generate();
+    }
+    generate() {
+        const id = uuid();
         this._generated = id;
         return id;
-    };
-    return Guid;
-}());
-export { Guid };
+    }
+}

package/src/Markdown/utils/htmlToMd.js

@@ -1,5 +1,5 @@
 import TurndownService from 'turndown';
 import * as TurndownPluginGfm from 'turndown-plugin-gfm';
-var gfm = TurndownPluginGfm.gfm;
-export var turndownService = new TurndownService({ hr: '---', headingStyle: 'atx' });
+const gfm = TurndownPluginGfm.gfm;
+export const turndownService = new TurndownService({ hr: '---', headingStyle: 'atx' });
 turndownService.use(gfm);

package/src/Markdown/utils/onInsertText.d.ts

@@ -0,0 +1 @@
+export declare function onInsertText(value?: string): void;

package/src/Markdown/utils/onInsertText.js

@@ -0,0 +1,3 @@
+export function onInsertText(value) {
+    document.execCommand('insertText', false, value);
+}

package/src/Markdown/utils/saveFile.js

@@ -1,8 +1,8 @@
-export var saveFile = function (response, fileName) {
-    var url = window.URL.createObjectURL(response);
-    var link = document.createElement('a');
+export const saveFile = (response, fileName) => {
+    const url = window.URL.createObjectURL(response);
+    const link = document.createElement('a');
     link.href = url;
-    link.setAttribute('download', "".concat(fileName || response.name));
+    link.setAttribute('download', `${fileName || response.name}`);
     document.body.appendChild(link);
     link.click();
     window.URL.revokeObjectURL(url);

package/src/MarkdownCombination/MarkdownCombination.js

@@ -4,18 +4,17 @@ import { markdownFormatToShortKeyLong, markdownFormatToShortKeyShort } from '../
 import { isMacintosh } from '../Markdown/utils/isMacintosh';
 import { ThemeProvider } from '../styles/styled-components';
 import { DEFAULT_MARKDOWN_THEME, MarkdownThemeConsumer } from '../styles/theme';
-export var MarkdownCombination = function (_a) {
-    var format = _a.format, text = _a.text, showShortKey = _a.showShortKey;
-    var shortKeyLong = markdownFormatToShortKeyLong[format];
-    var shortKeyShort = markdownFormatToShortKeyShort[format];
-    var shortKey = shortKeyLong || shortKeyShort;
-    return (React.createElement(MarkdownThemeConsumer, null, function (theme) { return (React.createElement(ThemeProvider, { theme: theme !== null && theme !== void 0 ? theme : DEFAULT_MARKDOWN_THEME },
+export const MarkdownCombination = ({ format, text, showShortKey }) => {
+    const shortKeyLong = markdownFormatToShortKeyLong[format];
+    const shortKeyShort = markdownFormatToShortKeyShort[format];
+    const shortKey = shortKeyLong || shortKeyShort;
+    return (React.createElement(MarkdownThemeConsumer, null, theme => (React.createElement(ThemeProvider, { theme: theme ?? DEFAULT_MARKDOWN_THEME },
         React.createElement(HintContentWrapper, null,
             text && React.createElement("span", null, text),
-            showShortKey && !!shortKey && renderHint()))); }));
+            showShortKey && !!shortKey && renderHint())))));
     function renderHint() {
-        var ctrlKey = isMacintosh() ? '⌘' : 'CTRL';
-        var extraKey = shortKeyLong ? '+SHIFT' : '';
+        const ctrlKey = isMacintosh() ? '⌘' : 'CTRL';
+        const extraKey = shortKeyLong ? '+SHIFT' : '';
         return (React.createElement("span", null,
             ctrlKey,
             extraKey,

package/src/MarkdownCombination/MarkdownCombination.styled.js

@@ -1,7 +1,8 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled from '../styles/styled-components';
-export var HintContentWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n"])));
-var templateObject_1;
+export const HintContentWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  width: 100%;
+`;

package/src/MarkdownIcons/AttachLink.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var AttachLink = function () { return (React.createElement("svg", { width: "18", height: "11", viewBox: "0 0 18 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+export const AttachLink = () => (React.createElement("svg", { width: "18", height: "11", viewBox: "0 0 18 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M0 5.5C0 2.46243 2.46243 0 5.5 0H6.75C7.02614 0 7.25 0.223858 7.25 0.5C7.25 0.776142 7.02614 1 6.75 1H5.5C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10H6.75C7.02614 10 7.25 10.2239 7.25 10.5C7.25 10.7761 7.02614 11 6.75 11H5.5C2.46243 11 0 8.53757 0 5.5Z", fill: "currentColor" }),
     React.createElement("path", { d: "M18 5.5C18 2.46243 15.5376 0 12.5 0H11.25C10.9739 0 10.75 0.223858 10.75 0.5C10.75 0.776142 10.9739 1 11.25 1H12.5C14.9853 1 17 3.01472 17 5.5C17 7.98528 14.9853 10 12.5 10H11.25C10.9739 10 10.75 10.2239 10.75 10.5C10.75 10.7761 10.9739 11 11.25 11H12.5C15.5376 11 18 8.53757 18 5.5Z", fill: "currentColor" }),
-    React.createElement("path", { d: "M5 5C4.72386 5 4.5 5.22386 4.5 5.5C4.5 5.77614 4.72386 6 5 6H13C13.2761 6 13.5 5.77614 13.5 5.5C13.5 5.22386 13.2761 5 13 5H5Z", fill: "currentColor" }))); };
+    React.createElement("path", { d: "M5 5C4.72386 5 4.5 5.22386 4.5 5.5C4.5 5.77614 4.72386 6 5 6H13C13.2761 6 13.5 5.77614 13.5 5.5C13.5 5.22386 13.2761 5 13 5H5Z", fill: "currentColor" })));

package/src/MarkdownIcons/AttachPaperclip.js

@@ -1,3 +1,3 @@
 import React from 'react';
-export var AttachPaperclip = function () { return (React.createElement("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M10.4504 0.95575C11.7177 -0.311543 13.7724 -0.311544 15.0397 0.955749C16.307 2.22304 16.307 4.27773 15.0397 5.54502L7.91213 12.6726C6.10883 14.4759 3.18509 14.4759 1.38178 12.6726C-0.421531 10.8693 -0.421529 7.94555 1.38178 6.14224L6.34291 1.18111C6.53817 0.985847 6.85476 0.985847 7.05002 1.18111C7.24528 1.37637 7.24528 1.69295 7.05002 1.88822L2.08889 6.84935C0.676101 8.26213 0.6761 10.5527 2.08888 11.9655C3.50167 13.3783 5.79224 13.3783 7.20503 11.9655L14.3326 4.83792C15.2094 3.96115 15.2094 2.53962 14.3326 1.66286C13.4558 0.786087 12.0343 0.786088 11.1575 1.66286L4.14265 8.67776C3.80189 9.01851 3.80189 9.57098 4.14265 9.91173C4.4834 10.2525 5.03587 10.2525 5.37662 9.91173L10.2251 5.06328C10.4203 4.86801 10.7369 4.86801 10.9322 5.06328C11.1274 5.25854 11.1274 5.57512 10.9322 5.77038L6.08373 10.6188C5.35245 11.3501 4.16682 11.3501 3.43554 10.6188C2.70426 9.88756 2.70426 8.70193 3.43554 7.97065L10.4504 0.95575Z", fill: "currentColor" }))); };
+export const AttachPaperclip = () => (React.createElement("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M10.4504 0.95575C11.7177 -0.311543 13.7724 -0.311544 15.0397 0.955749C16.307 2.22304 16.307 4.27773 15.0397 5.54502L7.91213 12.6726C6.10883 14.4759 3.18509 14.4759 1.38178 12.6726C-0.421531 10.8693 -0.421529 7.94555 1.38178 6.14224L6.34291 1.18111C6.53817 0.985847 6.85476 0.985847 7.05002 1.18111C7.24528 1.37637 7.24528 1.69295 7.05002 1.88822L2.08889 6.84935C0.676101 8.26213 0.6761 10.5527 2.08888 11.9655C3.50167 13.3783 5.79224 13.3783 7.20503 11.9655L14.3326 4.83792C15.2094 3.96115 15.2094 2.53962 14.3326 1.66286C13.4558 0.786087 12.0343 0.786088 11.1575 1.66286L4.14265 8.67776C3.80189 9.01851 3.80189 9.57098 4.14265 9.91173C4.4834 10.2525 5.03587 10.2525 5.37662 9.91173L10.2251 5.06328C10.4203 4.86801 10.7369 4.86801 10.9322 5.06328C11.1274 5.25854 11.1274 5.57512 10.9322 5.77038L6.08373 10.6188C5.35245 11.3501 4.16682 11.3501 3.43554 10.6188C2.70426 9.88756 2.70426 8.70193 3.43554 7.97065L10.4504 0.95575Z", fill: "currentColor" })));

package/src/MarkdownIcons/CheckboxCheckedIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTheme } from '../styles/styled-components';
-export var CheckboxCheckedIcon = function () {
-    var colors = useTheme().colors;
+export const CheckboxCheckedIcon = () => {
+    const { colors } = useTheme();
     return (React.createElement("svg", { width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M14.7617 2C16.9709 2 18.7617 3.79086 18.7617 6V14C18.7617 16.2091 16.9709 18 14.7617 18H6.76172C4.55258 18 2.76172 16.2091 2.76172 14V6C2.76172 3.79086 4.55258 2 6.76172 2H14.7617Z", fill: colors.brand }),
         React.createElement("path", { d: "M15.0905 8.25982C15.3834 7.96693 15.3834 7.49206 15.0905 7.19916C14.7976 6.90627 14.3228 6.90627 14.0299 7.19916L9.8555 11.3735C9.66024 11.5688 9.34365 11.5688 9.14839 11.3735L7.49322 9.71837C7.20032 9.42547 6.72545 9.42548 6.43256 9.71837C6.13967 10.0113 6.13967 10.4861 6.43256 10.779L8.08773 12.4342C8.86878 13.2152 10.1351 13.2152 10.9162 12.4342L15.0905 8.25982Z", fill: "white" })));

package/src/MarkdownIcons/CheckboxUncheckedIcon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTheme } from '../styles/styled-components';
-export var CheckboxUncheckedIcon = function () {
-    var colors = useTheme().colors;
+export const CheckboxUncheckedIcon = () => {
+    const { colors } = useTheme();
     return (React.createElement("svg", { width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.76172 5.73333C2.76172 3.67147 4.43319 2 6.49505 2H15.0284C17.0902 2 18.7617 3.67147 18.7617 5.73333V14.2667C18.7617 16.3285 17.0902 18 15.0284 18H6.49505C4.43319 18 2.76172 16.3285 2.76172 14.2667V5.73333ZM6.49505 3.06667C5.02229 3.06667 3.82839 4.26057 3.82839 5.73333V14.2667C3.82839 15.7394 5.02229 16.9333 6.49505 16.9333H15.0284C16.5011 16.9333 17.6951 15.7394 17.6951 14.2667V5.73333C17.6951 4.26057 16.5011 3.06667 15.0284 3.06667H6.49505Z", fill: colors.grayDefault })));
 };

package/src/MarkdownIcons/CheckedList.js

@@ -1,8 +1,8 @@
 import React from 'react';
-export var CheckedList = function () { return (React.createElement("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+export const CheckedList = () => (React.createElement("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M5.60355 1.35355C5.79882 1.15829 5.79882 0.841709 5.60355 0.646447C5.40829 0.451184 5.09171 0.451184 4.89645 0.646447L2.5 3.04289L1.60355 2.14645C1.40829 1.95118 1.09171 1.95118 0.896447 2.14645C0.701184 2.34171 0.701184 2.65829 0.896447 2.85355L1.79289 3.75C2.18342 4.14053 2.81658 4.14052 3.20711 3.75L5.60355 1.35355Z", fill: "currentColor" }),
     React.createElement("path", { d: "M15.5 3H7.5C7.22386 3 7 2.77614 7 2.5C7 2.22386 7.22386 2 7.5 2H15.5C15.7761 2 16 2.22386 16 2.5C16 2.77614 15.7761 3 15.5 3Z", fill: "currentColor" }),
     React.createElement("path", { d: "M7.5 7C7.22386 7 7 7.22386 7 7.5C7 7.77614 7.22386 8 7.5 8H15.5C15.7761 8 16 7.77614 16 7.5C16 7.22386 15.7761 7 15.5 7H7.5Z", fill: "currentColor" }),
     React.createElement("path", { d: "M15.5 12H7.5C7.22386 12 7 12.2239 7 12.5C7 12.7761 7.22386 13 7.5 13H15.5C15.7761 13 16 12.7761 16 12.5C16 12.2239 15.7761 12 15.5 12Z", fill: "currentColor" }),
     React.createElement("path", { d: "M5.60355 5.64645C5.79882 5.84171 5.79882 6.15829 5.60355 6.35355L3.20711 8.75C2.81658 9.14052 2.18342 9.14053 1.79289 8.75L0.896447 7.85355C0.701184 7.65829 0.701184 7.34171 0.896447 7.14645C1.09171 6.95118 1.40829 6.95118 1.60355 7.14645L2.5 8.04289L4.89645 5.64645C5.09171 5.45118 5.40829 5.45118 5.60355 5.64645Z", fill: "currentColor" }),
-    React.createElement("path", { d: "M5.60355 11.3536C5.79882 11.1583 5.79882 10.8417 5.60355 10.6464C5.40829 10.4512 5.09171 10.4512 4.89645 10.6464L2.5 13.0429L1.60355 12.1464C1.40829 11.9512 1.09171 11.9512 0.896447 12.1464C0.701184 12.3417 0.701184 12.6583 0.896447 12.8536L1.79289 13.75C2.18342 14.1405 2.81658 14.1405 3.20711 13.75L5.60355 11.3536Z", fill: "currentColor" }))); };
+    React.createElement("path", { d: "M5.60355 11.3536C5.79882 11.1583 5.79882 10.8417 5.60355 10.6464C5.40829 10.4512 5.09171 10.4512 4.89645 10.6464L2.5 13.0429L1.60355 12.1464C1.40829 11.9512 1.09171 11.9512 0.896447 12.1464C0.701184 12.3417 0.701184 12.6583 0.896447 12.8536L1.79289 13.75C2.18342 14.1405 2.81658 14.1405 3.20711 13.75L5.60355 11.3536Z", fill: "currentColor" })));

package/src/MarkdownIcons/Collapse.js

@@ -1,4 +1,4 @@
 import React from 'react';
-export var Collapse = function () { return (React.createElement("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+export const Collapse = () => (React.createElement("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M8.93499 11.2072C8.93499 10.1026 8.03956 9.20715 6.93499 9.20715L0.656814 9.20715C0.380672 9.20715 0.156814 9.43101 0.156814 9.70715C0.156814 9.9833 0.380672 10.2072 0.656814 10.2072L6.93499 10.2072C7.48727 10.2072 7.93499 10.6549 7.93499 11.2072L7.93499 17.4853C7.93499 17.7615 8.15885 17.9853 8.43499 17.9853C8.71113 17.9853 8.93499 17.7615 8.93499 17.4853L8.93499 11.2072Z", fill: "currentColor" }),
-    React.createElement("path", { d: "M11.3492 8.79294C10.2446 8.79294 9.3492 7.89751 9.3492 6.79294L9.3492 0.514765C9.3492 0.238622 9.57306 0.0147653 9.8492 0.014765C10.1253 0.0147656 10.3492 0.238623 10.3492 0.514765L10.3492 6.79294C10.3492 7.34522 10.7969 7.79294 11.3492 7.79294L17.6274 7.79294C17.9035 7.79294 18.1274 8.0168 18.1274 8.29294C18.1274 8.56908 17.9035 8.79294 17.6274 8.79294L11.3492 8.79294Z", fill: "currentColor" }))); };
+    React.createElement("path", { d: "M11.3492 8.79294C10.2446 8.79294 9.3492 7.89751 9.3492 6.79294L9.3492 0.514765C9.3492 0.238622 9.57306 0.0147653 9.8492 0.014765C10.1253 0.0147656 10.3492 0.238623 10.3492 0.514765L10.3492 6.79294C10.3492 7.34522 10.7969 7.79294 11.3492 7.79294L17.6274 7.79294C17.9035 7.79294 18.1274 8.0168 18.1274 8.29294C18.1274 8.56908 17.9035 8.79294 17.6274 8.79294L11.3492 8.79294Z", fill: "currentColor" })));

package/src/MarkdownIcons/Copy.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var Copy = function () {
+export const Copy = () => {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 2C5.34315 2 4 3.34315 4 5V15C4 16.6569 5.34315 18 7 18H13C14.6569 18 16 16.6569 16 15V5C16 3.34315 14.6569 2 13 2H7ZM5 5C5 3.89543 5.89543 3 7 3H13C14.1046 3 15 3.89543 15 5V15C15 16.1046 14.1046 17 13 17H7C5.89543 17 5 16.1046 5 15V5Z", fill: "currentColor" }),
         React.createElement("path", { d: "M18 8.5C18 8.22386 17.7761 8 17.5 8C17.2239 8 17 8.22386 17 8.5V15.5C17 17.433 15.433 19 13.5 19H8.5C8.22386 19 8 19.2239 8 19.5C8 19.7761 8.22386 20 8.5 20H13.5C15.9853 20 18 17.9853 18 15.5V8.5Z", fill: "currentColor" })));

package/src/MarkdownIcons/DocIcon.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var DocIcon = function () { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+export const DocIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
     React.createElement("path", { d: "M8.25 10.5C8.25 10.9142 7.91422 11.25 7.5 11.25C7.08579 11.25 6.75 10.9142 6.75 10.5C6.75 10.0858 7.08579 9.75 7.5 9.75C7.91422 9.75 8.25 10.0858 8.25 10.5Z", fill: "currentColor" }),
     React.createElement("path", { d: "M6.01202 5.83809C6.01202 5.1921 6.62173 4.57056 7.50193 4.57056C8.38213 4.57056 8.99184 5.1921 8.99184 5.83809C8.99184 6.31522 8.67149 6.76725 8.14079 6.98297C7.53085 7.2309 7.00193 7.71814 7.00193 8.4894C7.00193 8.76554 7.22579 8.9894 7.50193 8.9894C7.77807 8.9894 8.00193 8.76554 8.00193 8.4894C8.00193 8.2739 8.12418 8.06918 8.51735 7.90936C9.35886 7.5673 9.99184 6.78904 9.99184 5.83809C9.99184 4.53171 8.81972 3.57056 7.50193 3.57056C6.18414 3.57056 5.01202 4.53171 5.01202 5.83809C5.01202 6.11423 5.23588 6.33809 5.51202 6.33809C5.78817 6.33809 6.01202 6.11423 6.01202 5.83809Z", fill: "currentColor" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5ZM7.5 2C4.46243 2 2 4.46243 2 7.5C2 10.5376 4.46243 13 7.5 13C10.5376 13 13 10.5376 13 7.5C13 4.46243 10.5376 2 7.5 2Z", fill: "currentColor" }))); };
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5ZM7.5 2C4.46243 2 2 4.46243 2 7.5C2 10.5376 4.46243 13 7.5 13C10.5376 13 13 10.5376 13 7.5C13 4.46243 10.5376 2 7.5 2Z", fill: "currentColor" })));

package/src/MarkdownIcons/EmojiFace.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var EmojiFace = function () { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" },
+export const EmojiFace = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" },
     React.createElement("g", { clipPath: "url(#a)" },
         React.createElement("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", clipPath: "url(#b)" },
             React.createElement("path", { d: "M2 8a6 6 0 1 1 12 0M14 8A6 6 0 1 1 2 8M5.667 6v.667M10.333 6v.667" }),
@@ -8,4 +8,4 @@ export var EmojiFace = function () { return (React.createElement("svg", { xmlns:
         React.createElement("clipPath", { id: "a" },
             React.createElement("path", { fill: "#fff", d: "M0 0h16v16H0z" })),
         React.createElement("clipPath", { id: "b" },
-            React.createElement("path", { fill: "#fff", d: "M0 0h16v16H0z" }))))); };
+            React.createElement("path", { fill: "#fff", d: "M0 0h16v16H0z" })))));

package/src/MarkdownIcons/EmptyPrviewArrow.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var EmptyPreviewArrow = function () {
+export const EmptyPreviewArrow = () => {
     return (React.createElement("svg", { width: "168", height: "75", viewBox: "0 0 168 75", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("g", { clipPath: "url(#clip0_1285_7898)" },
             React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M165.895 36.3127L17.9208 36.3127C17.0839 36.3127 16.8233 35.0174 17.5708 34.6409C29.688 28.5387 38.3755 15.9524 38.3755 1.43775C38.3755 0.816423 37.8718 0.312746 37.2505 0.312746C36.6291 0.312746 36.1255 0.816423 36.1255 1.43775C36.1255 20.3931 20.2942 35.8898 2.00179 36.3042C1.75179 36.2989 1.5013 36.2963 1.25046 36.2963C0.629136 36.2963 0.125458 36.7999 0.125458 37.4213C0.125458 37.424 0.125489 37.4268 0.125489 37.4295C0.125489 37.4322 0.125458 37.435 0.125458 37.4377C0.125458 38.0591 0.629136 38.5627 1.25046 38.5627C1.5013 38.5627 1.75176 38.5601 2.00176 38.5548C20.2941 38.9692 36.1255 54.4659 36.1255 73.4213C36.1255 74.0426 36.6291 74.5463 37.2505 74.5463C37.8718 74.5463 38.3755 74.0426 38.3755 73.4213C38.3755 58.918 29.7016 46.34 17.5993 40.2325C16.8526 39.8556 17.1134 38.5627 17.9498 38.5627L165.895 38.5627C166.516 38.5627 167.02 38.0591 167.02 37.4377C167.02 36.8164 166.516 36.3127 165.895 36.3127Z", fill: "#D6D6D6" })),

package/src/MarkdownIcons/Expand.js

@@ -1,4 +1,4 @@
 import React from 'react';
-export var Expand = function () { return (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+export const Expand = () => (React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M2.9851 13.1571C1.88053 13.1571 0.985101 12.2616 0.985101 11.1571L0.985102 4.87888C0.985102 4.60274 1.20896 4.37888 1.4851 4.37888C1.76124 4.37888 1.9851 4.60274 1.9851 4.87888L1.9851 11.1571C1.9851 11.7093 2.43282 12.1571 2.9851 12.1571L9.26328 12.1571C9.53942 12.1571 9.76328 12.3809 9.76328 12.6571C9.76328 12.9332 9.53942 13.1571 9.26328 13.1571L2.9851 13.1571Z", fill: "currentColor" }),
-    React.createElement("path", { d: "M13.2988 2.84335C13.2988 1.73878 12.4034 0.843347 11.2988 0.843347L5.02064 0.843347C4.74449 0.843347 4.52064 1.06721 4.52064 1.34335C4.52064 1.61949 4.74449 1.84335 5.02064 1.84335L11.2988 1.84335C11.8511 1.84335 12.2988 2.29106 12.2988 2.84335L12.2988 9.12152C12.2988 9.39767 12.5227 9.62152 12.7988 9.62152C13.075 9.62152 13.2988 9.39766 13.2988 9.12152L13.2988 2.84335Z", fill: "currentColor" }))); };
+    React.createElement("path", { d: "M13.2988 2.84335C13.2988 1.73878 12.4034 0.843347 11.2988 0.843347L5.02064 0.843347C4.74449 0.843347 4.52064 1.06721 4.52064 1.34335C4.52064 1.61949 4.74449 1.84335 5.02064 1.84335L11.2988 1.84335C11.8511 1.84335 12.2988 2.29106 12.2988 2.84335L12.2988 9.12152C12.2988 9.39767 12.5227 9.62152 12.7988 9.62152C13.075 9.62152 13.2988 9.39766 13.2988 9.12152L13.2988 2.84335Z", fill: "currentColor" })));

package/src/MarkdownIcons/EyeOpen.js

@@ -1,4 +1,4 @@
 import React from 'react';
-export var EyeOpen = function () { return (React.createElement("svg", { width: "20", height: "14", viewBox: "0 0 20 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+export const EyeOpen = () => (React.createElement("svg", { width: "20", height: "14", viewBox: "0 0 20 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 3.3761C7.99853 3.3761 6.37599 4.99863 6.37599 7.00013C6.37599 9.00163 7.99853 10.6242 10 10.6242C12.0015 10.6242 13.6241 9.00163 13.6241 7.00013C13.6241 4.99863 12.0015 3.3761 10 3.3761ZM7.37599 7.00013C7.37599 5.55092 8.55081 4.3761 10 4.3761C11.4492 4.3761 12.6241 5.55092 12.6241 7.00013C12.6241 8.44934 11.4492 9.62416 10 9.62416C8.55081 9.62416 7.37599 8.44934 7.37599 7.00013Z", fill: "currentColor" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 0.5625C5.94148 0.5625 2.45219 2.98066 0.937234 6.44084C0.781176 6.79728 0.781176 7.20273 0.937234 7.55917C2.45219 11.0193 5.94148 13.4375 10 13.4375C14.0586 13.4375 17.5479 11.0193 19.0628 7.55917C19.2189 7.20273 19.2189 6.79728 19.0628 6.44084C17.5479 2.98066 14.0586 0.5625 10 0.5625ZM1.85328 6.84191C3.21211 3.73833 6.34654 1.5625 10 1.5625C13.6535 1.5625 16.7879 3.73833 18.1468 6.84191C18.1909 6.94268 18.1909 7.05732 18.1468 7.1581C16.7879 10.2617 13.6535 12.4375 10 12.4375C6.34654 12.4375 3.21211 10.2617 1.85328 7.1581C1.80916 7.05732 1.80916 6.94268 1.85328 6.84191Z", fill: "currentColor" }))); };
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 0.5625C5.94148 0.5625 2.45219 2.98066 0.937234 6.44084C0.781176 6.79728 0.781176 7.20273 0.937234 7.55917C2.45219 11.0193 5.94148 13.4375 10 13.4375C14.0586 13.4375 17.5479 11.0193 19.0628 7.55917C19.2189 7.20273 19.2189 6.79728 19.0628 6.44084C17.5479 2.98066 14.0586 0.5625 10 0.5625ZM1.85328 6.84191C3.21211 3.73833 6.34654 1.5625 10 1.5625C13.6535 1.5625 16.7879 3.73833 18.1468 6.84191C18.1909 6.94268 18.1909 7.05732 18.1468 7.1581C16.7879 10.2617 13.6535 12.4375 10 12.4375C6.34654 12.4375 3.21211 10.2617 1.85328 7.1581C1.80916 7.05732 1.80916 6.94268 1.85328 6.84191Z", fill: "currentColor" })));

package/src/MarkdownIcons/List.js

@@ -1,8 +1,8 @@
 import React from 'react';
-export var List = function () { return (React.createElement("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+export const List = () => (React.createElement("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M1 2.5C1.55228 2.5 2 2.05228 2 1.5C2 0.947715 1.55228 0.5 1 0.5C0.447715 0.5 0 0.947715 0 1.5C0 2.05228 0.447715 2.5 1 2.5Z", fill: "currentColor" }),
     React.createElement("path", { d: "M4 1.5C4 1.22386 4.22386 1 4.5 1H13.5C13.7761 1 14 1.22386 14 1.5C14 1.77614 13.7761 2 13.5 2H4.5C4.22386 2 4 1.77614 4 1.5Z", fill: "currentColor" }),
     React.createElement("path", { d: "M4.5 6C4.22386 6 4 6.22386 4 6.5C4 6.77614 4.22386 7 4.5 7H13.5C13.7761 7 14 6.77614 14 6.5C14 6.22386 13.7761 6 13.5 6H4.5Z", fill: "currentColor" }),
     React.createElement("path", { d: "M4.5 11C4.22386 11 4 11.2239 4 11.5C4 11.7761 4.22386 12 4.5 12H13.5C13.7761 12 14 11.7761 14 11.5C14 11.2239 13.7761 11 13.5 11H4.5Z", fill: "currentColor" }),
     React.createElement("path", { d: "M2 6.5C2 7.05228 1.55228 7.5 1 7.5C0.447715 7.5 0 7.05228 0 6.5C0 5.94772 0.447715 5.5 1 5.5C1.55228 5.5 2 5.94772 2 6.5Z", fill: "currentColor" }),
-    React.createElement("path", { d: "M1 12.5C1.55228 12.5 2 12.0523 2 11.5C2 10.9477 1.55228 10.5 1 10.5C0.447715 10.5 0 10.9477 0 11.5C0 12.0523 0.447715 12.5 1 12.5Z", fill: "currentColor" }))); };
+    React.createElement("path", { d: "M1 12.5C1.55228 12.5 2 12.0523 2 11.5C2 10.9477 1.55228 10.5 1 10.5C0.447715 10.5 0 10.9477 0 11.5C0 12.0523 0.447715 12.5 1 12.5Z", fill: "currentColor" })));

package/src/MarkdownIcons/MarkdownIcons.styled.js

@@ -1,7 +1,4 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled from '../styles/styled-components';
-export var I = styled.i(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0 4px;\n"], ["\n  padding: 0 4px;\n"])));
-var templateObject_1;
+export const I = styled.i `
+  padding: 0 4px;
+`;

package/src/MarkdownIcons/NatureFxSparkleA2.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var NatureFxSparkleA2 = function () {
+export const NatureFxSparkleA2 = () => {
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.0413 1.49763C14.9148 0.934973 14.0776 0.935061 13.9512 1.49773C13.8878 1.77985 13.7684 2.24714 13.5864 2.72017C13.3999 3.20461 13.1678 3.64088 12.9029 3.90557C12.6384 4.16985 12.2027 4.40143 11.719 4.5875C11.2466 4.7692 10.7799 4.88837 10.4978 4.9517C9.93495 5.07806 9.93504 5.91564 10.4979 6.0419C10.7802 6.1052 11.2472 6.22439 11.7199 6.40617C12.204 6.59234 12.6399 6.82409 12.9044 7.08863C13.1689 7.35316 13.4007 7.78906 13.5869 8.27315C13.7686 8.74585 13.8878 9.21288 13.9511 9.49509C14.0774 10.058 14.915 10.0581 15.0413 9.4952C15.1047 9.21313 15.2238 8.74645 15.4055 8.27407C15.5916 7.79031 15.8232 7.35465 16.0875 7.09015C16.3521 6.82526 16.7884 6.59315 17.2729 6.40668C17.7459 6.2246 18.2132 6.10521 18.4953 6.04183C19.058 5.91544 19.0581 5.07826 18.4954 4.95176C18.2134 4.88837 17.7465 4.76899 17.2738 4.587C16.7897 4.40062 16.3536 4.16869 16.089 3.90404C15.8243 3.6394 15.5924 3.20335 15.406 2.71926C15.224 2.24654 15.1047 1.77959 15.0413 1.49763ZM14.4964 3.139C14.9555 4.30255 15.6905 5.03751 16.854 5.49666C15.6907 5.95548 14.9553 6.68969 14.4964 7.85299C14.0378 6.68993 13.3031 5.95528 12.14 5.49666C13.3033 5.03771 14.0376 4.30231 14.4964 3.139Z", fill: "currentColor" }),
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.55535 5.97566C7.42933 5.39847 6.56967 5.39855 6.44376 5.97577C6.3559 6.37855 6.17724 7.10496 5.89522 7.85362C5.60854 8.61465 5.23608 9.34063 4.78623 9.79012C4.33703 10.239 3.61201 10.6106 2.85198 10.8967C2.10429 11.1781 1.37878 11.3565 0.976004 11.4443C0.398567 11.5701 0.398646 12.4302 0.976106 12.556C1.37908 12.6438 2.10513 12.8221 2.85332 13.1037C3.61387 13.3899 4.33931 13.7618 4.78859 14.2111C5.23788 14.6604 5.60979 15.3858 5.89601 16.1464C6.17759 16.8946 6.35592 17.6206 6.44369 18.0236C6.56945 18.601 7.42955 18.6011 7.55542 18.0237C7.64322 17.6209 7.82156 16.8954 8.10299 16.1477C8.38907 15.3877 8.76071 14.6627 9.20956 14.2134C9.65905 13.7636 10.385 13.3911 11.1461 13.1045C11.8947 12.8224 12.6211 12.6438 13.0239 12.5559C13.6011 12.43 13.6012 11.5703 13.024 11.4443C12.6214 11.3564 11.8956 11.1778 11.1474 10.8959C10.3869 10.6094 9.66133 10.2372 9.21192 9.78776C8.76251 9.33836 8.39031 8.61279 8.10378 7.85228C7.8219 7.10412 7.64324 6.37824 7.55535 5.97566ZM6.99971 7.72905C7.32853 8.71941 7.75702 9.74708 8.50481 10.4949C9.25261 11.2427 10.2803 11.6712 11.2706 12C10.2793 12.329 9.25042 12.7578 8.50217 13.5066C7.75568 14.2537 7.32793 15.2799 6.99971 16.269C6.67134 15.2789 6.24323 14.2515 5.4957 13.504C4.74817 12.7564 3.72074 12.3283 2.73064 12C3.71974 11.6718 4.74597 11.244 5.49306 10.4975C6.2419 9.74927 6.67074 8.72041 6.99971 7.72905Z", fill: "currentColor" })));

package/src/MarkdownIcons/NumberedList.js

@@ -1,6 +1,6 @@
 import React from 'react';
-export var NumberedList = function () { return (React.createElement("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+export const NumberedList = () => (React.createElement("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M2.71209 0.0472114C2.88778 0.129501 3.00001 0.305997 3.00001 0.500006V5.50001C3.00001 5.77615 2.77615 6.00001 2.50001 6.00001C2.22387 6.00001 2.00001 5.77615 2.00001 5.50001V1.56753L1.3201 2.13412C1.10797 2.3109 0.792684 2.28224 0.615902 2.0701C0.43912 1.85796 0.467782 1.54268 0.67992 1.3659L2.17992 0.115895C2.32896 -0.00830596 2.5364 -0.0350785 2.71209 0.0472114Z", fill: "currentColor" }),
     React.createElement("path", { d: "M6.50001 2.00001C6.22387 2.00001 6.00001 2.22386 6.00001 2.50001C6.00001 2.77615 6.22387 3.00001 6.50001 3.00001H14.5C14.7762 3.00001 15 2.77615 15 2.50001C15 2.22386 14.7762 2.00001 14.5 2.00001H6.50001Z", fill: "currentColor" }),
     React.createElement("path", { d: "M6.50001 10C6.22387 10 6.00001 10.2239 6.00001 10.5C6.00001 10.7761 6.22387 11 6.50001 11H14.5C14.7762 11 15 10.7761 15 10.5C15 10.2239 14.7762 10 14.5 10H6.50001Z", fill: "currentColor" }),
-    React.createElement("path", { d: "M1.55634 9.49196C1.68544 9.27177 1.8093 9.15912 1.92143 9.09655C2.03381 9.03383 2.17464 8.99896 2.37504 9.00003C2.5843 9.00114 2.77363 9.07222 2.9049 9.19165C3.02784 9.30349 3.13038 9.48457 3.13038 9.77831V9.93822C3.07661 10.3953 2.72366 10.6219 2.06126 11.0281C1.4712 11.3899 0.625013 11.9159 0.625013 13.0738V13.5C0.625013 13.7761 0.84887 14 1.12501 14H3.75001C4.02615 14 4.25001 13.7761 4.25001 13.5C4.25001 13.2239 4.02615 13 3.75001 13H1.62713C1.65634 12.5028 1.98696 12.2467 2.58403 11.8806C2.61887 11.8592 2.65517 11.8373 2.69263 11.8146C3.23939 11.484 4.03302 11.0042 4.1281 10.0123C4.12962 9.9964 4.13038 9.98047 4.13038 9.96454V9.77831C4.13038 9.22236 3.92303 8.76599 3.57784 8.45195C3.241 8.14551 2.80398 8.0023 2.38036 8.00004C2.05843 7.99833 1.73598 8.05487 1.43413 8.22331C1.13202 8.39189 0.890698 8.65015 0.693683 8.98618C0.554014 9.22439 0.633903 9.53073 0.87212 9.6704C1.11034 9.81007 1.41667 9.73018 1.55634 9.49196Z", fill: "currentColor" }))); };
+    React.createElement("path", { d: "M1.55634 9.49196C1.68544 9.27177 1.8093 9.15912 1.92143 9.09655C2.03381 9.03383 2.17464 8.99896 2.37504 9.00003C2.5843 9.00114 2.77363 9.07222 2.9049 9.19165C3.02784 9.30349 3.13038 9.48457 3.13038 9.77831V9.93822C3.07661 10.3953 2.72366 10.6219 2.06126 11.0281C1.4712 11.3899 0.625013 11.9159 0.625013 13.0738V13.5C0.625013 13.7761 0.84887 14 1.12501 14H3.75001C4.02615 14 4.25001 13.7761 4.25001 13.5C4.25001 13.2239 4.02615 13 3.75001 13H1.62713C1.65634 12.5028 1.98696 12.2467 2.58403 11.8806C2.61887 11.8592 2.65517 11.8373 2.69263 11.8146C3.23939 11.484 4.03302 11.0042 4.1281 10.0123C4.12962 9.9964 4.13038 9.98047 4.13038 9.96454V9.77831C4.13038 9.22236 3.92303 8.76599 3.57784 8.45195C3.241 8.14551 2.80398 8.0023 2.38036 8.00004C2.05843 7.99833 1.73598 8.05487 1.43413 8.22331C1.13202 8.39189 0.890698 8.65015 0.693683 8.98618C0.554014 9.22439 0.633903 9.53073 0.87212 9.6704C1.11034 9.81007 1.41667 9.73018 1.55634 9.49196Z", fill: "currentColor" })));

package/src/MarkdownIcons/SplitView.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export var SplitView = function () {
+export const SplitView = () => {
     return (React.createElement("svg", { width: "18", height: "16", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M6.09375 13.891H2.49951C1.67108 13.891 0.999512 13.2195 0.999512 12.391L0.999512 3.5445C0.999512 2.71607 1.67108 2.0445 2.49951 2.0445L6.09404 2.0445M9.09404 0.923096L9.09407 15.0124M12.0944 13.891H15.6886C16.517 13.891 17.1886 13.2195 17.1886 12.391V3.5445C17.1886 2.71607 16.517 2.0445 15.6886 2.0445L12.0941 2.0445", stroke: "currentColor", strokeLinecap: "round" })));
 };

package/src/MarkdownIcons/Table.js

@@ -1,3 +1,3 @@
 import React from 'react';
-export var Table = function () { return (React.createElement("svg", { width: "14", height: "10", viewBox: "0 0 14 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M1 5V9H7M1 5V1H4H7M1 5H13M13 5V1H7M13 5V9H7M7 1V9", stroke: "currentColor", strokeLinecap: "round" }))); };
+export const Table = () => (React.createElement("svg", { width: "14", height: "10", viewBox: "0 0 14 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M1 5V9H7M1 5V1H4H7M1 5H13M13 5V1H7M13 5V9H7M7 1V9", stroke: "currentColor", strokeLinecap: "round" })));

package/src/MarkdownIcons/ToolPencil.js

@@ -1,3 +1,3 @@
 import React from 'react';
-export var ToolPencil = function () { return (React.createElement("svg", { width: "20", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.4755 0.43885C11.8897 -0.146935 10.94 -0.146934 10.3542 0.438852L0.43934 10.3537C0.158035 10.635 0 11.0165 0 11.4144V13.5001C0 13.7763 0.223858 14.0001 0.5 14.0001H2.58579C2.98361 14.0001 3.36514 13.8421 3.64645 13.5608L13.5613 3.64595C14.1471 3.06017 14.1471 2.11042 13.5613 1.52463L12.4755 0.43885ZM11.0613 1.14596C11.2566 0.950696 11.5731 0.950696 11.7684 1.14596L12.8542 2.23174C13.0495 2.427 13.0495 2.74358 12.8542 2.93885L11.75 4.04305L9.9571 2.25016L11.0613 1.14596ZM9.25 2.95726L1.14645 11.0608C1.05268 11.1546 1 11.2818 1 11.4144V13.0001H2.58579C2.71839 13.0001 2.84557 12.9475 2.93934 12.8537L11.0429 4.75015L9.25 2.95726Z", fill: "currentColor" }))); };
+export const ToolPencil = () => (React.createElement("svg", { width: "20", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.4755 0.43885C11.8897 -0.146935 10.94 -0.146934 10.3542 0.438852L0.43934 10.3537C0.158035 10.635 0 11.0165 0 11.4144V13.5001C0 13.7763 0.223858 14.0001 0.5 14.0001H2.58579C2.98361 14.0001 3.36514 13.8421 3.64645 13.5608L13.5613 3.64595C14.1471 3.06017 14.1471 2.11042 13.5613 1.52463L12.4755 0.43885ZM11.0613 1.14596C11.2566 0.950696 11.5731 0.950696 11.7684 1.14596L12.8542 2.23174C13.0495 2.427 13.0495 2.74358 12.8542 2.93885L11.75 4.04305L9.9571 2.25016L11.0613 1.14596ZM9.25 2.95726L1.14645 11.0608C1.05268 11.1546 1 11.2818 1 11.4144V13.0001H2.58579C2.71839 13.0001 2.84557 12.9475 2.93934 12.8537L11.0429 4.75015L9.25 2.95726Z", fill: "currentColor" })));