@onesy/ui-react 1.0.164 → 1.0.165

package/Markdown/Markdown.js

@@ -179,11 +179,9 @@ const useStyle = (0, _styleReact.style)(theme => ({
 });
 const escapeRegExp = value => value.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
 const Markdown = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2;
   const theme = (0, _styleReact.useOnesyTheme)();
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyMarkdown) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyMarkdown) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
   const {
       value,
       render,
@@ -214,8 +212,8 @@ const Markdown = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
       args.forEach(arg => valueClass += ` ${arg}`);
       return ` class='${valueClass}'`;
     };
-    const addStyle = name => {
-      if (elementStyles !== null && elementStyles !== void 0 && elementStyles[name]) return ` style='${elementStyles[name]}'`;
+    const addStyle = name_0 => {
+      if (elementStyles !== null && elementStyles !== void 0 && elementStyles[name_0]) return ` style='${elementStyles[name_0]}'`;
       return '';
     };
 
@@ -232,20 +230,20 @@ const Markdown = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           if (item.endsWith('|')) item = item.slice(0, -1).trim();
           return item;
         });
-        const head = items[0].split('|').filter(Boolean).map(item => item.trim());
+        const head = items[0].split('|').filter(Boolean).map(item_0 => item_0.trim());
         const tdAttributes = {};
-        items[1].split('|').filter(Boolean).map(item => item.trim()).forEach((item, index) => {
-          if (item.startsWith(':') && item.endsWith(':')) tdAttributes[index] = ` align='center'`;else if (item.endsWith(':')) tdAttributes[index] = ` align='right'`;else tdAttributes[index] = ` align='left'`;
+        items[1].split('|').filter(Boolean).map(item_1 => item_1.trim()).forEach((item_2, index) => {
+          if (item_2.startsWith(':') && item_2.endsWith(':')) tdAttributes[index] = ` align='center'`;else if (item_2.endsWith(':')) tdAttributes[index] = ` align='right'`;else tdAttributes[index] = ` align='left'`;
         });
-        const rowsHead = head.reduce((result, item, index) => {
-          result += `\n<th${tdAttributes[index] || ''}>${item}</th>`;
+        const rowsHead = head.reduce((result, item_3, index_0) => {
+          result += `\n<th${tdAttributes[index_0] || ''}>${item_3}</th>`;
           return result;
         }, '');
         let rowsBody = '';
         items.slice(2).map(row_ => {
-          const row = row_.split('|').filter(Boolean).map(item => item.trim());
+          const row = row_.split('|').filter(Boolean).map(item_4 => item_4.trim());
           let tr = ``;
-          row.forEach((item, index) => tr += `\n<td${tdAttributes[index] || ''}>${item}</td>`);
+          row.forEach((item_5, index_1) => tr += `\n<td${tdAttributes[index_1] || ''}>${item_5}</td>`);
           rowsBody += `\n<tr>${tr}</tr>`;
         });
         return `<thead>
@@ -268,272 +266,272 @@ const Markdown = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         // hr
         {
           value: /^ *\*{3}$/gm,
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('hr', (0, _styleReact.classNames)([classes['hr'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['hr']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['hr'], match, ...args) : undefined;
+          method: (match, ...args_0) => {
+            const valueRender = (0, _utils.is)('function', render) ? render('hr', (0, _styleReact.classNames)([classes['hr'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['hr']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['hr'], match, ...args_0) : undefined;
             if (valueRender !== undefined) return valueRender;
             return `<hr${addClassName('hr')}${addStyle('hr')}/>`;
           }
         }, {
           value: /^ *-{3}$/gm,
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('hr', (0, _styleReact.classNames)([classes['hr'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['hr']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['hr'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
+          method: (match_0, ...args_1) => {
+            const valueRender_0 = (0, _utils.is)('function', render) ? render('hr', (0, _styleReact.classNames)([classes['hr'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['hr']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['hr'], match_0, ...args_1) : undefined;
+            if (valueRender_0 !== undefined) return valueRender_0;
             return `<hr${addClassName('hr')}${addStyle('hr')}/>`;
           }
         }, {
           value: /^ *_{3}$/gm,
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('hr', (0, _styleReact.classNames)([classes['hr'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['hr']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['hr'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
+          method: (match_1, ...args_2) => {
+            const valueRender_1 = (0, _utils.is)('function', render) ? render('hr', (0, _styleReact.classNames)([classes['hr'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['hr']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['hr'], match_1, ...args_2) : undefined;
+            if (valueRender_1 !== undefined) return valueRender_1;
             return `<hr${addClassName('hr')}${addStyle('hr')}/>`;
           }
         },
         // h1
         {
           value: /^ *# (.*)$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h1', (0, _styleReact.classNames)([classes['h1'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h1']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h1'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
+          method: (match_2, a1, ...args_3) => {
+            const valueRender_2 = (0, _utils.is)('function', render) ? render('h1', (0, _styleReact.classNames)([classes['h1'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h1']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h1'], match_2, a1, ...args_3) : undefined;
+            if (valueRender_2 !== undefined) return valueRender_2;
             return `<h1${addClassName('h1')}${addStyle('h1')}>${a1}</h1>`;
           }
         }, {
           value: /^ *(.*)[\r\n]=+$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h1', (0, _styleReact.classNames)([classes['h1'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h1']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h1'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h1${addClassName('h1')}${addStyle('h1')}>${a1}</h1>`;
+          method: (match_3, a1_0, ...args_4) => {
+            const valueRender_3 = (0, _utils.is)('function', render) ? render('h1', (0, _styleReact.classNames)([classes['h1'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h1']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h1'], match_3, a1_0, ...args_4) : undefined;
+            if (valueRender_3 !== undefined) return valueRender_3;
+            return `<h1${addClassName('h1')}${addStyle('h1')}>${a1_0}</h1>`;
           }
         }, {
           value: /^ *(.*)[\r\n]=+$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h1', (0, _styleReact.classNames)([classes['h1'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h1']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h1'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h1${addClassName('h1')}${addStyle('h1')}>${a1}</h1>`;
+          method: (match_4, a1_1, ...args_5) => {
+            const valueRender_4 = (0, _utils.is)('function', render) ? render('h1', (0, _styleReact.classNames)([classes['h1'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h1']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h1'], match_4, a1_1, ...args_5) : undefined;
+            if (valueRender_4 !== undefined) return valueRender_4;
+            return `<h1${addClassName('h1')}${addStyle('h1')}>${a1_1}</h1>`;
           }
         },
         // h2
         {
           value: /^ *## (.*)$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h2', (0, _styleReact.classNames)([classes['h2'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h2']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h2'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h2${addClassName('h2')}${addStyle('h2')}>${a1}</h2>`;
+          method: (match_5, a1_2, ...args_6) => {
+            const valueRender_5 = (0, _utils.is)('function', render) ? render('h2', (0, _styleReact.classNames)([classes['h2'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h2']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h2'], match_5, a1_2, ...args_6) : undefined;
+            if (valueRender_5 !== undefined) return valueRender_5;
+            return `<h2${addClassName('h2')}${addStyle('h2')}>${a1_2}</h2>`;
           }
         }, {
           value: /^ *(.*)[\r\n]-+$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h2', (0, _styleReact.classNames)([classes['h2'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h2']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h2'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h2${addClassName('h2')}${addStyle('h2')}>${a1}</h2>`;
+          method: (match_6, a1_3, ...args_7) => {
+            const valueRender_6 = (0, _utils.is)('function', render) ? render('h2', (0, _styleReact.classNames)([classes['h2'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h2']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h2'], match_6, a1_3, ...args_7) : undefined;
+            if (valueRender_6 !== undefined) return valueRender_6;
+            return `<h2${addClassName('h2')}${addStyle('h2')}>${a1_3}</h2>`;
           }
         },
         // h3
         {
           value: /^ *### (.*)$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h3', (0, _styleReact.classNames)([classes['h3'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h3']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h3'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h3${addClassName('h3')}${addStyle('h3')}>${a1}</h3>`;
+          method: (match_7, a1_4, ...args_8) => {
+            const valueRender_7 = (0, _utils.is)('function', render) ? render('h3', (0, _styleReact.classNames)([classes['h3'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h3']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h3'], match_7, a1_4, ...args_8) : undefined;
+            if (valueRender_7 !== undefined) return valueRender_7;
+            return `<h3${addClassName('h3')}${addStyle('h3')}>${a1_4}</h3>`;
           }
         },
         // h4
         {
           value: /^ *#### (.*)$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h4', (0, _styleReact.classNames)([classes['h4'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h4']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h4'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h4${addClassName('h4')}${addStyle('h4')}>${a1}</h4>`;
+          method: (match_8, a1_5, ...args_9) => {
+            const valueRender_8 = (0, _utils.is)('function', render) ? render('h4', (0, _styleReact.classNames)([classes['h4'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h4']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h4'], match_8, a1_5, ...args_9) : undefined;
+            if (valueRender_8 !== undefined) return valueRender_8;
+            return `<h4${addClassName('h4')}${addStyle('h4')}>${a1_5}</h4>`;
           }
         },
         // h5
         {
           value: /^ *##### (.*)$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h5', (0, _styleReact.classNames)([classes['h5'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h5']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h5'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h5${addClassName('h5')}${addStyle('h5')}>${a1}</h5>`;
+          method: (match_9, a1_6, ...args_10) => {
+            const valueRender_9 = (0, _utils.is)('function', render) ? render('h5', (0, _styleReact.classNames)([classes['h5'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h5']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h5'], match_9, a1_6, ...args_10) : undefined;
+            if (valueRender_9 !== undefined) return valueRender_9;
+            return `<h5${addClassName('h5')}${addStyle('h5')}>${a1_6}</h5>`;
           }
         },
         // h6
         {
           value: /^ *###### (.*)$/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('h6', (0, _styleReact.classNames)([classes['h6'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h6']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h6'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<h6${addClassName('h6')}${addStyle('h6')}>${a1}</h6>`;
+          method: (match_10, a1_7, ...args_11) => {
+            const valueRender_10 = (0, _utils.is)('function', render) ? render('h6', (0, _styleReact.classNames)([classes['h6'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['h6']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['h6'], match_10, a1_7, ...args_11) : undefined;
+            if (valueRender_10 !== undefined) return valueRender_10;
+            return `<h6${addClassName('h6')}${addStyle('h6')}>${a1_7}</h6>`;
           }
         },
         // table
         {
           value: / *\|?([^|\n]+(\|[^|\n]+)+ *\|?(\n *\|? *:?-{3,}:? *(\| *:?-{3,}:? *)+ *\|?)(\n *\|?([^|\n]+(\|[^|\n]+)+) *\|?)*)/g,
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('table', (0, _styleReact.classNames)([classes['table'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['table']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['table'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<div class='${classes.tableWrapper}'><table${addClassName('table')}${addStyle('table')}>${table(match)}</table></div>`;
+          method: (match_11, ...args_12) => {
+            const valueRender_11 = (0, _utils.is)('function', render) ? render('table', (0, _styleReact.classNames)([classes['table'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['table']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['table'], match_11, ...args_12) : undefined;
+            if (valueRender_11 !== undefined) return valueRender_11;
+            return `<div class='${classes.tableWrapper}'><table${addClassName('table')}${addStyle('table')}>${table(match_11)}</table></div>`;
           }
         },
         // a url
         {
           value: /(?:[^:][\n <])((?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\-\/]+))(?:>)?/g,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            let match_ = match;
-            if (match_.includes(`<${a1}>`)) match_ = match_.replace(`<${a1}>`, a1);
-            return match_.replace(a1, `<a${addClassName('a')}${addStyle('a')} href='${a1}' ref='nofollow'>${a1}</a>`);
+          method: (match_12, a1_8, ...args_13) => {
+            const valueRender_12 = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], match_12, a1_8, ...args_13) : undefined;
+            if (valueRender_12 !== undefined) return valueRender_12;
+            let match_ = match_12;
+            if (match_.includes(`<${a1_8}>`)) match_ = match_.replace(`<${a1_8}>`, a1_8);
+            return match_.replace(a1_8, `<a${addClassName('a')}${addStyle('a')} href='${a1_8}' ref='nofollow'>${a1_8}</a>`);
           }
         },
         // ol
         {
           value: new RegExp(`^ *(\\d+\\. .*(\\n+(\\d+\\. |\\s{${level * 2}}.*).*)*)`, 'gm'),
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('ol', (0, _styleReact.classNames)([classes['ol'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ol']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ol'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<ol${addClassName('ol')}${addStyle('ol')}>${list(match, `\\d\\.`, level + 1)}</ol>`;
+          method: (match_13, ...args_14) => {
+            const valueRender_13 = (0, _utils.is)('function', render) ? render('ol', (0, _styleReact.classNames)([classes['ol'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ol']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ol'], match_13, ...args_14) : undefined;
+            if (valueRender_13 !== undefined) return valueRender_13;
+            return `<ol${addClassName('ol')}${addStyle('ol')}>${list(match_13, `\\d\\.`, level + 1)}</ol>`;
           }
         }, {
           value: new RegExp(`^ *(\\d+\\) .*(\\n+(\\d+\\) |\\s{${level * 2}}.*).*)*)`, 'gm'),
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('ol', (0, _styleReact.classNames)([classes['ol'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ol']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ol'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<ol${addClassName('ol')}${addStyle('ol')}>${list(match, `\\d\\)`, level + 1)}</ol>`;
+          method: (match_14, ...args_15) => {
+            const valueRender_14 = (0, _utils.is)('function', render) ? render('ol', (0, _styleReact.classNames)([classes['ol'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ol']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ol'], match_14, ...args_15) : undefined;
+            if (valueRender_14 !== undefined) return valueRender_14;
+            return `<ol${addClassName('ol')}${addStyle('ol')}>${list(match_14, `\\d\\)`, level + 1)}</ol>`;
           }
         },
         // ul
         {
           value: new RegExp(`^ *(\\* .*(\\n+(\\* |\\s{${level * 2}}.*).*)*)`, 'gm'),
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('ul', (0, _styleReact.classNames)([classes['ul'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ul']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ul'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match, `\\*`, level + 1)}</ul>`;
+          method: (match_15, ...args_16) => {
+            const valueRender_15 = (0, _utils.is)('function', render) ? render('ul', (0, _styleReact.classNames)([classes['ul'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ul']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ul'], match_15, ...args_16) : undefined;
+            if (valueRender_15 !== undefined) return valueRender_15;
+            return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match_15, `\\*`, level + 1)}</ul>`;
           }
         }, {
           value: new RegExp(`^ *(- .*(\\n+(- |\\s{${level * 2}}.*).*)*)`, 'gm'),
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('ul', (0, _styleReact.classNames)([classes['ul'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ul']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ul'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match, `\\-`, level + 1)}</ul>`;
+          method: (match_16, ...args_17) => {
+            const valueRender_16 = (0, _utils.is)('function', render) ? render('ul', (0, _styleReact.classNames)([classes['ul'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ul']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ul'], match_16, ...args_17) : undefined;
+            if (valueRender_16 !== undefined) return valueRender_16;
+            return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match_16, `\\-`, level + 1)}</ul>`;
           }
         }, {
           value: new RegExp(`^ *(\\+ .*(\\n+(\\+ |\\s{${level * 2}}.*).*)*)`, 'gm'),
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('ul', (0, _styleReact.classNames)([classes['ul'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ul']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ul'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match, `\\+`, level + 1)}</ul>`;
+          method: (match_17, ...args_18) => {
+            const valueRender_17 = (0, _utils.is)('function', render) ? render('ul', (0, _styleReact.classNames)([classes['ul'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['ul']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['ul'], match_17, ...args_18) : undefined;
+            if (valueRender_17 !== undefined) return valueRender_17;
+            return `<ul${addClassName('ul')}${addStyle('ul')}>${list(match_17, `\\+`, level + 1)}</ul>`;
           }
         },
         // img
         {
           value: /!\[(.*)\]\(([^\s]*)( "([^"]*)")?\)/g,
-          method: (match, a1, a2, a3, a4, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('img', (0, _styleReact.classNames)([classes['img'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['img']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['img'], match, a1, a2, a3, a4, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<img${addClassName('img')}${addStyle('img')} alt='${a1}' src='${a2}' title='${a4 || ''}' />`;
+          method: (match_18, a1_9, a2, a3, a4, ...args_19) => {
+            const valueRender_18 = (0, _utils.is)('function', render) ? render('img', (0, _styleReact.classNames)([classes['img'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['img']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['img'], match_18, a1_9, a2, a3, a4, ...args_19) : undefined;
+            if (valueRender_18 !== undefined) return valueRender_18;
+            return `<img${addClassName('img')}${addStyle('img')} alt='${a1_9}' src='${a2}' title='${a4 || ''}' />`;
           }
         },
         // img ref
         {
           value: /!\[(.*)\]\[(.*)\]/g,
-          method: (match, a1, a2, offset, string) => {
-            const url = string.match(new RegExp(`\\[${a2}\\]: ([^\\s]*)( "([^"]*)")?`)) || string.match(new RegExp(`\\[${a2.toLowerCase()}\\]: ([^\\s]*)( "([^"]*)")?`));
-            const valueRender = (0, _utils.is)('function', render) ? render('img', (0, _styleReact.classNames)([classes['img'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['img']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['img'], url, match, a1, a2, offset, string) : undefined;
-            if (valueRender !== undefined) return valueRender;
+          method: (match_19, a1_10, a2_0, offset, string) => {
+            const url = string.match(new RegExp(`\\[${a2_0}\\]: ([^\\s]*)( "([^"]*)")?`)) || string.match(new RegExp(`\\[${a2_0.toLowerCase()}\\]: ([^\\s]*)( "([^"]*)")?`));
+            const valueRender_19 = (0, _utils.is)('function', render) ? render('img', (0, _styleReact.classNames)([classes['img'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['img']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['img'], url, match_19, a1_10, a2_0, offset, string) : undefined;
+            if (valueRender_19 !== undefined) return valueRender_19;
             if (!url) return '';
-            return `<img${addClassName('img')}${addStyle('img')} alt='${a1}' src='${url[1]}' title='${url[3] || ''}' />`;
+            return `<img${addClassName('img')}${addStyle('img')} alt='${a1_10}' src='${url[1]}' title='${url[3] || ''}' />`;
           }
         },
         // a ref inline
         {
           value: /(?:[^^]*)(\[([^\]]*)\])(?:[^:[(]*)/gm,
-          method: (match, a1, a2, offset, string) => {
-            const url = string.match(new RegExp(`\\[${a2}\\]: ([^\\s]*)( "([^"]*)")?`)) || string.match(new RegExp(`\\[${a2.toLowerCase()}\\]: ([^\\s]*)( "([^"]*)")?`));
-            const valueRender = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], url, match, a1, a2, offset, string) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            if (!url) return match;
-            return match.replace(a1, `<a${addClassName('a')}${addStyle('a')} href='${url[1]}' title='${url[3] || ''}' ref='nofollow'>${a2}</a>`);
+          method: (match_20, a1_11, a2_1, offset_0, string_0) => {
+            const url_0 = string_0.match(new RegExp(`\\[${a2_1}\\]: ([^\\s]*)( "([^"]*)")?`)) || string_0.match(new RegExp(`\\[${a2_1.toLowerCase()}\\]: ([^\\s]*)( "([^"]*)")?`));
+            const valueRender_20 = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], url_0, match_20, a1_11, a2_1, offset_0, string_0) : undefined;
+            if (valueRender_20 !== undefined) return valueRender_20;
+            if (!url_0) return match_20;
+            return match_20.replace(a1_11, `<a${addClassName('a')}${addStyle('a')} href='${url_0[1]}' title='${url_0[3] || ''}' ref='nofollow'>${a2_1}</a>`);
           }
         },
         // blockquote
         {
           value: /^ *(>+ (<(a|img|em|strong)|[A-Za-z0-9[\]()])*.*(\n *>+.*)*)/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('blockquote', (0, _styleReact.classNames)([classes['blockquote'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['blockquote']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['blockquote'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            const valueAdd = a1.replace(/^ *> */gm, ' ');
+          method: (match_21, a1_12, ...args_20) => {
+            const valueRender_21 = (0, _utils.is)('function', render) ? render('blockquote', (0, _styleReact.classNames)([classes['blockquote'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['blockquote']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['blockquote'], match_21, a1_12, ...args_20) : undefined;
+            if (valueRender_21 !== undefined) return valueRender_21;
+            const valueAdd = a1_12.replace(/^ *> */gm, ' ');
             return `<blockquote${addClassName('blockquote')}${addStyle('blockquote')}>${method(valueAdd)}</blockquote>`;
           }
         },
         // p
         {
           value: /^ *((<(a|img|em|strong)|[A-Za-z0-9[\]()]).*(\n *(<(a|img|em|strong)|[A-Za-z0-9[\]()]).*)*)/gm,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('p', (0, _styleReact.classNames)([classes['p'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['p']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['p'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            const string = args[6];
-            if (!a1.trim()) return '';
+          method: (match_22, a1_13, ...args_21) => {
+            const valueRender_22 = (0, _utils.is)('function', render) ? render('p', (0, _styleReact.classNames)([classes['p'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['p']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['p'], match_22, a1_13, ...args_21) : undefined;
+            if (valueRender_22 !== undefined) return valueRender_22;
+            const string_1 = args_21[6];
+            if (!a1_13.trim()) return '';
 
             // ul
-            const ul = string.match(new RegExp(`<ul|${escapeRegExp(a1)}|ul>`, 'g'));
+            const ul = string_1.match(new RegExp(`<ul|${escapeRegExp(a1_13)}|ul>`, 'g'));
             if (ul) {
-              const index = ul.findIndex(item => item === a1);
-              if (ul[index - 1] === '<ul' && ul[index + 1] === 'ul>' || ul[index - 1] === '<ul' && a1.endsWith('</ul>')) return match;
+              const index_2 = ul.findIndex(item_6 => item_6 === a1_13);
+              if (ul[index_2 - 1] === '<ul' && ul[index_2 + 1] === 'ul>' || ul[index_2 - 1] === '<ul' && a1_13.endsWith('</ul>')) return match_22;
             }
 
             // ol
-            const ol = string.match(new RegExp(`<ol|${escapeRegExp(a1)}|ol>`, 'g'));
+            const ol = string_1.match(new RegExp(`<ol|${escapeRegExp(a1_13)}|ol>`, 'g'));
             if (ol) {
-              const index = ol.findIndex(item => item === a1);
-              if (ol[index - 1] === '<ol' && ol[index + 1] === 'ol>' || ol[index - 1] === '<ol' && a1.endsWith('</ol>')) return match;
+              const index_3 = ol.findIndex(item_7 => item_7 === a1_13);
+              if (ol[index_3 - 1] === '<ol' && ol[index_3 + 1] === 'ol>' || ol[index_3 - 1] === '<ol' && a1_13.endsWith('</ol>')) return match_22;
             }
 
             // p
-            const p = string.match(new RegExp(`<p|${escapeRegExp(a1)}|p>`, 'g'));
+            const p = string_1.match(new RegExp(`<p|${escapeRegExp(a1_13)}|p>`, 'g'));
             if (p) {
-              const index = p.findIndex(item => item === a1);
-              if (p[index - 1] === '<p' && p[index + 1] === 'p>' || p[index - 1] === '<p' && a1.endsWith('</p>')) return match;
+              const index_4 = p.findIndex(item_8 => item_8 === a1_13);
+              if (p[index_4 - 1] === '<p' && p[index_4 + 1] === 'p>' || p[index_4 - 1] === '<p' && a1_13.endsWith('</p>')) return match_22;
             }
 
             // pre
-            const pre = string.match(new RegExp(`<pre|${escapeRegExp(a1)}|pre>`, 'g'));
+            const pre = string_1.match(new RegExp(`<pre|${escapeRegExp(a1_13)}|pre>`, 'g'));
             if (pre) {
-              const index = pre.findIndex(item => item === a1);
-              if (pre[index - 1] === '<pre' && pre[index + 1] === 'pre>' || pre[index - 1] === '<pre' && a1.endsWith('</pre>')) return match;
+              const index_5 = pre.findIndex(item_9 => item_9 === a1_13);
+              if (pre[index_5 - 1] === '<pre' && pre[index_5 + 1] === 'pre>' || pre[index_5 - 1] === '<pre' && a1_13.endsWith('</pre>')) return match_22;
             }
 
             // blockquote
-            const blockquote = string.match(new RegExp(`<blockquote|${escapeRegExp(a1)}|blockquote>`, 'g'));
+            const blockquote = string_1.match(new RegExp(`<blockquote|${escapeRegExp(a1_13)}|blockquote>`, 'g'));
             if (blockquote) {
-              const index = blockquote.find(item => item === a1);
-              if (blockquote[index - 1] === '<blockquote' && blockquote[index + 1] === 'blockquote>' || blockquote[index - 1] === '<blockquote' && a1.endsWith('</blockquote>')) return match;
+              const index_6 = blockquote.find(item_10 => item_10 === a1_13);
+              if (blockquote[index_6 - 1] === '<blockquote' && blockquote[index_6 + 1] === 'blockquote>' || blockquote[index_6 - 1] === '<blockquote' && a1_13.endsWith('</blockquote>')) return match_22;
             }
 
             // table
-            const table_ = string.match(new RegExp(`<table|${escapeRegExp(a1)}|table>`, 'g'));
+            const table_ = string_1.match(new RegExp(`<table|${escapeRegExp(a1_13)}|table>`, 'g'));
             if (table_) {
-              const index = table_.findIndex(item => item === a1);
-              if (table_[index - 1] === '<table' && table_[index + 1] === 'table>' || table_[index - 1] === '<table' && a1.endsWith('</table>')) return match;
+              const index_7 = table_.findIndex(item_11 => item_11 === a1_13);
+              if (table_[index_7 - 1] === '<table' && table_[index_7 + 1] === 'table>' || table_[index_7 - 1] === '<table' && a1_13.endsWith('</table>')) return match_22;
             }
-            return `<p${addClassName('p')}${addStyle('p')}>${a1.trim().replace(/ +/g, ' ')}</p>`;
+            return `<p${addClassName('p')}${addStyle('p')}>${a1_13.trim().replace(/ +/g, ' ')}</p>`;
           }
         },
         // a
         {
           value: /\[([^\]]*)\]\(([^\s]*)( "([^"]*)")?\)/g,
-          method: (match, a1, a2, a3, a4, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], match, a1, a2, a3, a4, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<a${addClassName('a')}${addStyle('a')} href='${a2}' title='${a4 || ''}' ref='nofollow'>${a1}</a>`;
+          method: (match_23, a1_14, a2_2, a3_0, a4_0, ...args_22) => {
+            const valueRender_23 = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], match_23, a1_14, a2_2, a3_0, a4_0, ...args_22) : undefined;
+            if (valueRender_23 !== undefined) return valueRender_23;
+            return `<a${addClassName('a')}${addStyle('a')} href='${a2_2}' title='${a4_0 || ''}' ref='nofollow'>${a1_14}</a>`;
           }
         },
         // a ref
         {
           value: /\[(.*)\]\[(.*)\]/g,
-          method: (match, a1, a2, offset, string) => {
-            const url = string.match(new RegExp(`\\[${a2}\\]: ([^\\s]*)( "([^"]*)")?`)) || string.match(new RegExp(`\\[${a2.toLowerCase()}\\]: ([^\\s]*)( "([^"]*)")?`));
-            const valueRender = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], url, match, a1, a2, offset, string) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            if (!url) return '';
-            return `<a${addClassName('a')}${addStyle('a')} href='${url[1]}' title='${url[3] || ''}' ref='nofollow'>${a1}</a>`;
+          method: (match_24, a1_15, a2_3, offset_1, string_2) => {
+            const url_1 = string_2.match(new RegExp(`\\[${a2_3}\\]: ([^\\s]*)( "([^"]*)")?`)) || string_2.match(new RegExp(`\\[${a2_3.toLowerCase()}\\]: ([^\\s]*)( "([^"]*)")?`));
+            const valueRender_24 = (0, _utils.is)('function', render) ? render('a', (0, _styleReact.classNames)([classes['a'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['a']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['a'], url_1, match_24, a1_15, a2_3, offset_1, string_2) : undefined;
+            if (valueRender_24 !== undefined) return valueRender_24;
+            if (!url_1) return '';
+            return `<a${addClassName('a')}${addStyle('a')} href='${url_1[1]}' title='${url_1[3] || ''}' ref='nofollow'>${a1_15}</a>`;
           }
         },
         // a clean up
@@ -554,52 +552,52 @@ const Markdown = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         // bold
         {
           value: /__([^_]*)__/g,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('strong', (0, _styleReact.classNames)([classes['strong'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['strong']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['strong'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<strong${addClassName('strong')}${addStyle('strong')}>${a1}</strong>`;
+          method: (match_25, a1_16, ...args_23) => {
+            const valueRender_25 = (0, _utils.is)('function', render) ? render('strong', (0, _styleReact.classNames)([classes['strong'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['strong']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['strong'], match_25, a1_16, ...args_23) : undefined;
+            if (valueRender_25 !== undefined) return valueRender_25;
+            return `<strong${addClassName('strong')}${addStyle('strong')}>${a1_16}</strong>`;
           }
         }, {
           value: /\*\*([^*]*)\*\*/g,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('strong', (0, _styleReact.classNames)([classes['strong'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['strong']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['strong'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<strong${addClassName('strong')}${addStyle('strong')}>${a1}</strong>`;
+          method: (match_26, a1_17, ...args_24) => {
+            const valueRender_26 = (0, _utils.is)('function', render) ? render('strong', (0, _styleReact.classNames)([classes['strong'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['strong']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['strong'], match_26, a1_17, ...args_24) : undefined;
+            if (valueRender_26 !== undefined) return valueRender_26;
+            return `<strong${addClassName('strong')}${addStyle('strong')}>${a1_17}</strong>`;
           }
         },
         // italic
         {
           // Safari doesn't support lookbehind
           value: /_([^_]+)_/g,
-          method: (match, a1, a2, a3, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('italic', (0, _styleReact.classNames)([classes['italic'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['italic']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['italic'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            if (a3[a2 - 1] === '\\') return match;
-            return `<em${addClassName('em')}${addStyle('em')}>${a1}</em>`;
+          method: (match_27, a1_18, a2_4, a3_1, ...args_25) => {
+            const valueRender_27 = (0, _utils.is)('function', render) ? render('italic', (0, _styleReact.classNames)([classes['italic'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['italic']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['italic'], match_27, a1_18, ...args_25) : undefined;
+            if (valueRender_27 !== undefined) return valueRender_27;
+            if (a3_1[a2_4 - 1] === '\\') return match_27;
+            return `<em${addClassName('em')}${addStyle('em')}>${a1_18}</em>`;
           }
         }, {
           value: /\*([^*]*)\*/g,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('italic', (0, _styleReact.classNames)([classes['italic'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['italic']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['italic'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<em${addClassName('em')}${addStyle('em')}>${a1}</em>`;
+          method: (match_28, a1_19, ...args_26) => {
+            const valueRender_28 = (0, _utils.is)('function', render) ? render('italic', (0, _styleReact.classNames)([classes['italic'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['italic']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['italic'], match_28, a1_19, ...args_26) : undefined;
+            if (valueRender_28 !== undefined) return valueRender_28;
+            return `<em${addClassName('em')}${addStyle('em')}>${a1_19}</em>`;
           }
         },
         // del
         {
           value: /~~([^~]*)~~/g,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('del', (0, _styleReact.classNames)([classes['del'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['del']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['del'], match, a1, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `<del${addClassName('del')}${addStyle('del')}>${a1}</del>`;
+          method: (match_29, a1_20, ...args_27) => {
+            const valueRender_29 = (0, _utils.is)('function', render) ? render('del', (0, _styleReact.classNames)([classes['del'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['del']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['del'], match_29, a1_20, ...args_27) : undefined;
+            if (valueRender_29 !== undefined) return valueRender_29;
+            return `<del${addClassName('del')}${addStyle('del')}>${a1_20}</del>`;
           }
         },
         // line break
         {
           value: / \\/g,
-          method: (match, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('br', (0, _styleReact.classNames)([classes['br'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['br']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['br'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
+          method: (match_30, ...args_28) => {
+            const valueRender_30 = (0, _utils.is)('function', render) ? render('br', (0, _styleReact.classNames)([classes['br'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['br']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['br'], match_30, ...args_28) : undefined;
+            if (valueRender_30 !== undefined) return valueRender_30;
             return '<br />';
           }
         },
@@ -607,10 +605,10 @@ const Markdown = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         // Escape '\', preceeded, followed by any none \ character remove it
         {
           value: /[^\\](\\)[^\\]/g,
-          method: (match, a1, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('br', (0, _styleReact.classNames)([classes['br'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['br']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['br'], match, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return match.replace(a1, '');
+          method: (match_31, a1_21, ...args_29) => {
+            const valueRender_31 = (0, _utils.is)('function', render) ? render('br', (0, _styleReact.classNames)([classes['br'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['br']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['br'], match_31, ...args_29) : undefined;
+            if (valueRender_31 !== undefined) return valueRender_31;
+            return match_31.replace(a1_21, '');
           }
         },
         // It ought to be clean, only used code characters
@@ -618,39 +616,39 @@ const Markdown = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
         // inline code
         {
           value: /([^`])`{1}([^`]*)`{1}([^`])/g,
-          method: (match, a1, a2, a3, ...args) => {
-            const valueRender = (0, _utils.is)('function', render) ? render('code', (0, _styleReact.classNames)([classes['code'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['code']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['code'], match, a1, a2, a3, ...args) : undefined;
-            if (valueRender !== undefined) return valueRender;
-            return `${a1}<code${addClassName('code')}${addStyle('code')}>${a2}</code>${a3}`;
+          method: (match_32, a1_22, a2_5, a3_2, ...args_30) => {
+            const valueRender_32 = (0, _utils.is)('function', render) ? render('code', (0, _styleReact.classNames)([classes['code'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['code']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['code'], match_32, a1_22, a2_5, a3_2, ...args_30) : undefined;
+            if (valueRender_32 !== undefined) return valueRender_32;
+            return `${a1_22}<code${addClassName('code')}${addStyle('code')}>${a2_5}</code>${a3_2}`;
           }
         }];
       };
-      const method = (valueNew_, options = {
+      const method = (valueNew_, options_0 = {
         level: 1
       }) => {
-        let result = regExpressions(options).reduce((regexResult, current) => {
+        let result_0 = regExpressions(options_0).reduce((regexResult, current) => {
           let response = regexResult;
           response = response.replace(current.value, current.method);
           return response;
         }, valueNew_);
-        result = result.trim();
-        return result;
+        result_0 = result_0.trim();
+        return result_0;
       };
-      const listItem = (valueListItem_, level = 1) => {
+      const listItem = (valueListItem_, level_0 = 1) => {
         const valueListItem = valueListItem_;
-        const valueRender = (0, _utils.is)('function', render) ? render('li', (0, _styleReact.classNames)([classes['li'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['li']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['li'], valueListItem_) : undefined;
-        if (valueRender !== undefined) return valueRender;
+        const valueRender_33 = (0, _utils.is)('function', render) ? render('li', (0, _styleReact.classNames)([classes['li'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['li']]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['li'], valueListItem_) : undefined;
+        if (valueRender_33 !== undefined) return valueRender_33;
         return method(valueListItem, {
-          level: level + 1
+          level: level_0 + 1
         });
       };
-      const list = (valueList_, marker, level = 1) => {
-        const valueList = valueList_.replace(new RegExp(`(^ *(${marker} ?(.*))(\\n( +.*)?)*)`, 'gm'), (match, a1, a2, a3) => {
-          const other_ = match.replace(a2, '');
+      const list = (valueList_, marker, level_1 = 1) => {
+        const valueList = valueList_.replace(new RegExp(`(^ *(${marker} ?(.*))(\\n( +.*)?)*)`, 'gm'), (match_33, a1_23, a2_6, a3_3) => {
+          const other_ = match_33.replace(a2_6, '');
           return `\n<li${addClassName('li')}${addStyle('li')}>
-<p${addClassName('p')}${addStyle('p')}>${a3}</p>
+<p${addClassName('p')}${addStyle('p')}>${a3_3}</p>
 
-${listItem(other_, level)}
+${listItem(other_, level_1)}
 </li>`;
         });
         return valueList;
@@ -660,19 +658,19 @@ ${listItem(other_, level)}
       // Extract code blocks
       let codeBlocks = valueNew.match(/`{3}([\s\S]*?)`{3}/g) || [];
       if (!!codeBlocks.length) {
-        codeBlocks.forEach((item, index) => valueNew = valueNew.replace(item, `onesy-${index}-var`));
+        codeBlocks.forEach((item_12, index_8) => valueNew = valueNew.replace(item_12, `onesy-${index_8}-var`));
       }
       valueNew = method(valueNew);
 
       // Revert code blocks
       if (!!codeBlocks.length) {
-        codeBlocks = codeBlocks.map(item => item.replace(/`{3}(.*)\n([\s\S]*?)`{3}/m, (match, a1, a2, ...args) => {
-          const additionalClassNames = [a1, `language-${a1}`];
-          const valueRender = (0, _utils.is)('function', render) ? render('pre', (0, _styleReact.classNames)([classes['pre'], (0, _styleReact.classNames)([classes['pre'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['pre']]), ...additionalClassNames]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['pre'], match, a1, a2, ...args) : undefined;
-          if (valueRender !== undefined) return valueRender;
-          return `<pre${addClassName('pre', ...additionalClassNames)}${addStyle('pre')}><code${addClassName('code')}${addStyle('code')}>${(0, _utils2.sanitize)(a2)}</code></pre>`;
+        codeBlocks = codeBlocks.map(item_13 => item_13.replace(/`{3}(.*)\n([\s\S]*?)`{3}/m, (match_34, a1_24, a2_7, ...args_31) => {
+          const additionalClassNames = [a1_24, `language-${a1_24}`];
+          const valueRender_34 = (0, _utils.is)('function', render) ? render('pre', (0, _styleReact.classNames)([classes['pre'], (0, _styleReact.classNames)([classes['pre'], elementClassNames === null || elementClassNames === void 0 ? void 0 : elementClassNames['pre']]), ...additionalClassNames]), elementStyles === null || elementStyles === void 0 ? void 0 : elementStyles['pre'], match_34, a1_24, a2_7, ...args_31) : undefined;
+          if (valueRender_34 !== undefined) return valueRender_34;
+          return `<pre${addClassName('pre', ...additionalClassNames)}${addStyle('pre')}><code${addClassName('code')}${addStyle('code')}>${(0, _utils2.sanitize)(a2_7)}</code></pre>`;
         }));
-        codeBlocks.forEach((item, index) => valueNew = (0, _utils2.replace)(valueNew, `onesy-${index}-var`, item));
+        codeBlocks.forEach((item_14, index_9) => valueNew = (0, _utils2.replace)(valueNew, `onesy-${index_9}-var`, item_14));
       }
     }
     return valueNew;
@@ -689,11 +687,11 @@ ${listItem(other_, level)}
     }
   }, [init, value, onStart, onAdded, onUpdate]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    ref: item => {
+    ref: item_15 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_15);else ref.current = item_15;
       }
-      refs.root.current = item;
+      refs.root.current = item_15;
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Markdown', theme) && ['onesy-Markdown-root'], className, classes.root])
   }, other));