html-react-parser 4.2.9 → 5.0.0

package/dist/html-react-parser.js

@@ -4,12 +4,172 @@
 	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.HTMLReactParser = factory(global.React));
 })(this, (function (require$$0) { 'use strict';
 
+	function _mergeNamespaces(n, m) {
+		m.forEach(function (e) {
+			e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+				if (k !== 'default' && !(k in n)) {
+					var d = Object.getOwnPropertyDescriptor(e, k);
+					Object.defineProperty(n, k, d.get ? d : {
+						enumerable: true,
+						get: function () { return e[k]; }
+					});
+				}
+			});
+		});
+		return Object.freeze(n);
+	}
+
 	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 	function getDefaultExportFromCjs (x) {
 		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 	}
 
+	var lib$3 = {};
+
+	var htmlToDom = {};
+
+	var domparser$1 = {};
+
+	Object.defineProperty(domparser$1, "__esModule", { value: true });
+	// constants
+	var HTML = 'html';
+	var HEAD = 'head';
+	var BODY = 'body';
+	var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
+	// match-all-characters in case of newlines (DOTALL)
+	var HEAD_TAG_REGEX = /<head[^]*>/i;
+	var BODY_TAG_REGEX = /<body[^]*>/i;
+	// falls back to `parseFromString` if `createHTMLDocument` cannot be used
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	var parseFromDocument = function (html, tagName) {
+	    /* istanbul ignore next */
+	    throw new Error('This browser does not support `document.implementation.createHTMLDocument`');
+	};
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	var parseFromString = function (html, tagName) {
+	    /* istanbul ignore next */
+	    throw new Error('This browser does not support `DOMParser.prototype.parseFromString`');
+	};
+	var DOMParser = typeof window === 'object' && window.DOMParser;
+	/**
+	 * DOMParser (performance: slow).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
+	 */
+	if (typeof DOMParser === 'function') {
+	    var domParser_1 = new DOMParser();
+	    var mimeType_1 = 'text/html';
+	    /**
+	     * Creates an HTML document using `DOMParser.parseFromString`.
+	     *
+	     * @param html - The HTML string.
+	     * @param tagName - The element to render the HTML (with 'body' as fallback).
+	     * @returns - Document.
+	     */
+	    parseFromString = function (html, tagName) {
+	        if (tagName) {
+	            /* istanbul ignore next */
+	            html = "<".concat(tagName, ">").concat(html, "</").concat(tagName, ">");
+	        }
+	        return domParser_1.parseFromString(html, mimeType_1);
+	    };
+	    parseFromDocument = parseFromString;
+	}
+	/**
+	 * DOMImplementation (performance: fair).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
+	 */
+	if (typeof document === 'object' && document.implementation) {
+	    var htmlDocument_1 = document.implementation.createHTMLDocument();
+	    /**
+	     * Use HTML document created by `document.implementation.createHTMLDocument`.
+	     *
+	     * @param html - The HTML string.
+	     * @param tagName - The element to render the HTML (with 'body' as fallback).
+	     * @returns - Document
+	     */
+	    parseFromDocument = function (html, tagName) {
+	        if (tagName) {
+	            var element = htmlDocument_1.documentElement.querySelector(tagName);
+	            if (element) {
+	                element.innerHTML = html;
+	            }
+	            return htmlDocument_1;
+	        }
+	        htmlDocument_1.documentElement.innerHTML = html;
+	        return htmlDocument_1;
+	    };
+	}
+	/**
+	 * Template (performance: fast).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
+	 */
+	var template = typeof document === 'object' && document.createElement('template');
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	var parseFromTemplate;
+	if (template && template.content) {
+	    /**
+	     * Uses a template element (content fragment) to parse HTML.
+	     *
+	     * @param html - HTML string.
+	     * @returns - Nodes.
+	     */
+	    parseFromTemplate = function (html) {
+	        template.innerHTML = html;
+	        return template.content.childNodes;
+	    };
+	}
+	/**
+	 * Parses HTML string to DOM nodes.
+	 *
+	 * @param html - HTML markup.
+	 * @returns - DOM nodes.
+	 */
+	function domparser(html) {
+	    var _a, _b;
+	    var match = html.match(FIRST_TAG_REGEX);
+	    var firstTagName = match && match[1] ? match[1].toLowerCase() : '';
+	    switch (firstTagName) {
+	        case HTML: {
+	            var doc = parseFromString(html);
+	            // the created document may come with filler head/body elements,
+	            // so make sure to remove them if they don't actually exist
+	            if (!HEAD_TAG_REGEX.test(html)) {
+	                var element = doc.querySelector(HEAD);
+	                (_a = element === null || element === void 0 ? void 0 : element.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(element);
+	            }
+	            if (!BODY_TAG_REGEX.test(html)) {
+	                var element = doc.querySelector(BODY);
+	                (_b = element === null || element === void 0 ? void 0 : element.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(element);
+	            }
+	            return doc.querySelectorAll(HTML);
+	        }
+	        case HEAD:
+	        case BODY: {
+	            var elements = parseFromDocument(html).querySelectorAll(firstTagName);
+	            // if there's a sibling element, then return both elements
+	            if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
+	                return elements[0].parentNode.childNodes;
+	            }
+	            return elements;
+	        }
+	        // low-level tag or text
+	        default: {
+	            if (parseFromTemplate) {
+	                return parseFromTemplate(html);
+	            }
+	            var element = parseFromDocument(html, BODY).querySelector(BODY);
+	            return element.childNodes;
+	        }
+	    }
+	}
+	domparser$1.default = domparser;
+
+	var utilities$2 = {};
+
 	var lib$2 = {};
 
 	var lib$1 = {};
@@ -714,148 +874,6 @@
 		exports.default = DomHandler; 
 	} (lib$2));
 
-	var htmlToDom = {};
-
-	var domparser$1 = {};
-
-	Object.defineProperty(domparser$1, "__esModule", { value: true });
-	// constants
-	var HTML = 'html';
-	var HEAD = 'head';
-	var BODY = 'body';
-	var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
-	// match-all-characters in case of newlines (DOTALL)
-	var HEAD_TAG_REGEX = /<head[^]*>/i;
-	var BODY_TAG_REGEX = /<body[^]*>/i;
-	// falls back to `parseFromString` if `createHTMLDocument` cannot be used
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	var parseFromDocument = function (html, tagName) {
-	    /* istanbul ignore next */
-	    throw new Error('This browser does not support `document.implementation.createHTMLDocument`');
-	};
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	var parseFromString = function (html, tagName) {
-	    /* istanbul ignore next */
-	    throw new Error('This browser does not support `DOMParser.prototype.parseFromString`');
-	};
-	var DOMParser = typeof window === 'object' && window.DOMParser;
-	/**
-	 * DOMParser (performance: slow).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
-	 */
-	if (typeof DOMParser === 'function') {
-	    var domParser_1 = new DOMParser();
-	    var mimeType_1 = 'text/html';
-	    /**
-	     * Creates an HTML document using `DOMParser.parseFromString`.
-	     *
-	     * @param html - The HTML string.
-	     * @param tagName - The element to render the HTML (with 'body' as fallback).
-	     * @returns - Document.
-	     */
-	    parseFromString = function (html, tagName) {
-	        if (tagName) {
-	            html = "<".concat(tagName, ">").concat(html, "</").concat(tagName, ">");
-	        }
-	        return domParser_1.parseFromString(html, mimeType_1);
-	    };
-	    parseFromDocument = parseFromString;
-	}
-	/**
-	 * DOMImplementation (performance: fair).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
-	 */
-	if (typeof document === 'object' && document.implementation) {
-	    var htmlDocument_1 = document.implementation.createHTMLDocument();
-	    /**
-	     * Use HTML document created by `document.implementation.createHTMLDocument`.
-	     *
-	     * @param html - The HTML string.
-	     * @param tagName - The element to render the HTML (with 'body' as fallback).
-	     * @returns - Document
-	     */
-	    parseFromDocument = function (html, tagName) {
-	        if (tagName) {
-	            var element = htmlDocument_1.documentElement.querySelector(tagName);
-	            if (element) {
-	                element.innerHTML = html;
-	            }
-	            return htmlDocument_1;
-	        }
-	        htmlDocument_1.documentElement.innerHTML = html;
-	        return htmlDocument_1;
-	    };
-	}
-	/**
-	 * Template (performance: fast).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
-	 */
-	var template = typeof document === 'object' && document.createElement('template');
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	var parseFromTemplate;
-	if (template && template.content) {
-	    /**
-	     * Uses a template element (content fragment) to parse HTML.
-	     *
-	     * @param html - HTML string.
-	     * @returns - Nodes.
-	     */
-	    parseFromTemplate = function (html) {
-	        template.innerHTML = html;
-	        return template.content.childNodes;
-	    };
-	}
-	/**
-	 * Parses HTML string to DOM nodes.
-	 *
-	 * @param html - HTML markup.
-	 * @returns - DOM nodes.
-	 */
-	function domparser(html) {
-	    var _a, _b;
-	    var match = html.match(FIRST_TAG_REGEX);
-	    var firstTagName = match && match[1] ? match[1].toLowerCase() : '';
-	    switch (firstTagName) {
-	        case HTML: {
-	            var doc = parseFromString(html);
-	            // the created document may come with filler head/body elements,
-	            // so make sure to remove them if they don't actually exist
-	            if (!HEAD_TAG_REGEX.test(html)) {
-	                var element = doc.querySelector(HEAD);
-	                (_a = element === null || element === void 0 ? void 0 : element.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(element);
-	            }
-	            if (!BODY_TAG_REGEX.test(html)) {
-	                var element = doc.querySelector(BODY);
-	                (_b = element === null || element === void 0 ? void 0 : element.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(element);
-	            }
-	            return doc.querySelectorAll(HTML);
-	        }
-	        case HEAD:
-	        case BODY: {
-	            var elements = parseFromDocument(html).querySelectorAll(firstTagName);
-	            // if there's a sibling element, then return both elements
-	            if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
-	                return elements[0].parentNode.childNodes;
-	            }
-	            return elements;
-	        }
-	        // low-level tag or text
-	        default: {
-	            if (parseFromTemplate) {
-	                return parseFromTemplate(html);
-	            }
-	            var element = parseFromDocument(html, BODY).querySelector(BODY);
-	            return element.childNodes;
-	        }
-	    }
-	}
-	domparser$1.default = domparser;
-
-	var utilities$4 = {};
-
 	var constants = {};
 
 	(function (exports) {
@@ -906,8 +924,8 @@
 		
 	} (constants));
 
-	Object.defineProperty(utilities$4, "__esModule", { value: true });
-	utilities$4.formatDOM = utilities$4.formatAttributes = void 0;
+	Object.defineProperty(utilities$2, "__esModule", { value: true });
+	utilities$2.formatDOM = utilities$2.formatAttributes = void 0;
 	var domhandler_1 = lib$2;
 	var constants_1 = constants;
 	/**
@@ -936,7 +954,7 @@
 	    }
 	    return map;
 	}
-	utilities$4.formatAttributes = formatAttributes;
+	utilities$2.formatAttributes = formatAttributes;
 	/**
 	 * Corrects the tag name if it is case-sensitive (SVG).
 	 * Otherwise, returns the lowercase tag name (HTML).
@@ -962,7 +980,7 @@
 	 */
 	function formatDOM(nodes, parent, directive) {
 	    if (parent === void 0) { parent = null; }
-	    var result = [];
+	    var domNodes = [];
 	    var current;
 	    var index = 0;
 	    var nodesLength = nodes.length;
@@ -991,7 +1009,7 @@
 	                continue;
 	        }
 	        // set previous node next
-	        var prev = result[index - 1] || null;
+	        var prev = domNodes[index - 1] || null;
 	        if (prev) {
 	            prev.next = current;
 	        }
@@ -999,27 +1017,27 @@
 	        current.parent = parent;
 	        current.prev = prev;
 	        current.next = null;
-	        result.push(current);
+	        domNodes.push(current);
 	    }
 	    if (directive) {
 	        current = new domhandler_1.ProcessingInstruction(directive.substring(0, directive.indexOf(' ')).toLowerCase(), directive);
-	        current.next = result[0] || null;
+	        current.next = domNodes[0] || null;
 	        current.parent = parent;
-	        result.unshift(current);
-	        if (result[1]) {
-	            result[1].prev = result[0];
+	        domNodes.unshift(current);
+	        if (domNodes[1]) {
+	            domNodes[1].prev = domNodes[0];
 	        }
 	    }
-	    return result;
+	    return domNodes;
 	}
-	utilities$4.formatDOM = formatDOM;
+	utilities$2.formatDOM = formatDOM;
 
-	var __importDefault$2 = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+	var __importDefault$3 = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
 	    return (mod && mod.__esModule) ? mod : { "default": mod };
 	};
 	Object.defineProperty(htmlToDom, "__esModule", { value: true });
-	var domparser_1 = __importDefault$2(domparser$1);
-	var utilities_1$1 = utilities$4;
+	var domparser_1 = __importDefault$3(domparser$1);
+	var utilities_1$3 = utilities$2;
 	var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/; // e.g., <!doctype html>
 	/**
 	 * Parses HTML string to DOM nodes in browser.
@@ -1031,16 +1049,18 @@
 	    if (typeof html !== 'string') {
 	        throw new TypeError('First argument must be a string');
 	    }
-	    if (html === '') {
+	    if (!html) {
 	        return [];
 	    }
 	    // match directive
 	    var match = html.match(DIRECTIVE_REGEX);
 	    var directive = match ? match[1] : undefined;
-	    return (0, utilities_1$1.formatDOM)((0, domparser_1.default)(html), null, directive);
+	    return (0, utilities_1$3.formatDOM)((0, domparser_1.default)(html), null, directive);
 	}
 	htmlToDom.default = HTMLDOMParser;
 
+	var attributesToProps$1 = {};
+
 	var lib = {};
 
 	var possibleStandardNamesOptimized$1 = {};
@@ -2058,6 +2078,8 @@
 	lib.isCustomAttribute = isCustomAttribute;
 	lib.possibleStandardNames = possibleStandardNames;
 
+	var utilities$1 = {};
+
 	var cjs$1 = {};
 
 	var cjs = {};
@@ -2320,11 +2342,11 @@
 	  return str ? str.replace(TRIM_REGEX, EMPTY_STRING) : EMPTY_STRING;
 	}
 
-	var __importDefault$1 = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+	var __importDefault$2 = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
 	    return (mod && mod.__esModule) ? mod : { "default": mod };
 	};
 	Object.defineProperty(cjs, "__esModule", { value: true });
-	var inline_style_parser_1 = __importDefault$1(inlineStyleParser);
+	var inline_style_parser_1 = __importDefault$2(inlineStyleParser);
 	/**
 	 * Parses inline style to object.
 	 *
@@ -2363,10 +2385,10 @@
 	}
 	cjs.default = StyleToObject;
 
-	var utilities$3 = {};
+	var utilities = {};
 
-	Object.defineProperty(utilities$3, "__esModule", { value: true });
-	utilities$3.camelCase = void 0;
+	Object.defineProperty(utilities, "__esModule", { value: true });
+	utilities.camelCase = void 0;
 	var CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9-]+$/;
 	var HYPHEN_REGEX = /-([a-z])/g;
 	var NO_HYPHEN_REGEX = /^[^-]+$/;
@@ -2409,14 +2431,14 @@
 	    }
 	    return property.replace(HYPHEN_REGEX, capitalize);
 	};
-	utilities$3.camelCase = camelCase;
+	utilities.camelCase = camelCase;
 
-	var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+	var __importDefault$1 = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
 	    return (mod && mod.__esModule) ? mod : { "default": mod };
 	};
 	Object.defineProperty(cjs$1, "__esModule", { value: true });
-	var style_to_object_1 = __importDefault(cjs);
-	var utilities_1 = utilities$3;
+	var style_to_object_1 = __importDefault$1(cjs);
+	var utilities_1$2 = utilities;
 	/**
 	 * Parses CSS inline style to JavaScript object (camelCased).
 	 */
@@ -2428,408 +2450,364 @@
 	    (0, style_to_object_1.default)(style, function (property, value) {
 	        // skip CSS comment
 	        if (property && value) {
-	            output[(0, utilities_1.camelCase)(property, options)] = value;
+	            output[(0, utilities_1$2.camelCase)(property, options)] = value;
 	        }
 	    });
 	    return output;
 	}
 	cjs$1.default = StyleToJS;
 
-	var React$1 = require$$0;
-	var styleToJS = cjs$1.default;
-
-	var RESERVED_SVG_MATHML_ELEMENTS = new Set([
-	  'annotation-xml',
-	  'color-profile',
-	  'font-face',
-	  'font-face-src',
-	  'font-face-uri',
-	  'font-face-format',
-	  'font-face-name',
-	  'missing-glyph'
-	]);
-
-	/**
-	 * Check if a given tag is a custom component.
-	 *
-	 * @see {@link https://github.com/facebook/react/blob/v16.6.3/packages/react-dom/src/shared/isCustomComponent.js}
-	 *
-	 * @param {string} tagName - The name of the html tag.
-	 * @param {object} props - The props being passed to the element.
-	 * @returns {boolean} - Whether tag is custom component.
-	 */
-	function isCustomComponent(tagName, props) {
-	  if (tagName.indexOf('-') === -1) {
-	    return props && typeof props.is === 'string';
-	  }
-	  // These are reserved SVG and MathML elements.
-	  // We don't mind this whitelist too much because we expect it to never grow.
-	  // The alternative is to track the namespace in a few places which is convoluted.
-	  // https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
-	  if (RESERVED_SVG_MATHML_ELEMENTS.has(tagName)) {
-	    return false;
-	  }
-	  return true;
-	}
-
-	// styleToJSOptions
-	var STYLE_TO_JS_OPTIONS = { reactCompat: true };
-
-	/**
-	 * Sets style prop.
-	 *
-	 * @param {null|undefined|string} style
-	 * @param {object} props
-	 */
-	function setStyleProp$1(style, props) {
-	  if (style === null || style === undefined) {
-	    return;
-	  }
-	  try {
-	    props.style = styleToJS(style, STYLE_TO_JS_OPTIONS);
-	  } catch (err) {
-	    props.style = {};
-	  }
-	}
-
-	/**
-	 * @constant {boolean}
-	 * @see {@link https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html}
-	 */
-	var PRESERVE_CUSTOM_ATTRIBUTES = React$1.version.split('.')[0] >= 16;
-
-	// Taken from
-	// https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react-dom/src/client/validateDOMNesting.js#L213
-	var ELEMENTS_WITH_NO_TEXT_CHILDREN = new Set([
-	  'tr',
-	  'tbody',
-	  'thead',
-	  'tfoot',
-	  'colgroup',
-	  'table',
-	  'head',
-	  'html',
-	  'frameset'
-	]);
-
-	/**
-	 * Checks if the given node can contain text nodes
-	 *
-	 * @param {DomElement} node - Node.
-	 * @returns - Whether node can contain text nodes.
-	 */
-	function canTextBeChildOfNode$1(node) {
-	  return !ELEMENTS_WITH_NO_TEXT_CHILDREN.has(node.name);
-	}
-
-	/**
-	 * Returns the first argument as is.
-	 *
-	 * @param {any} arg - The argument to be returned.
-	 * @returns {any} The input argument `arg`.
-	 */
-	function returnFirstArg(arg) {
-	  return arg;
-	}
-
-	var utilities$2 = {
-	  PRESERVE_CUSTOM_ATTRIBUTES: PRESERVE_CUSTOM_ATTRIBUTES,
-	  ELEMENTS_WITH_NO_TEXT_CHILDREN: ELEMENTS_WITH_NO_TEXT_CHILDREN,
-	  isCustomComponent: isCustomComponent,
-	  setStyleProp: setStyleProp$1,
-	  canTextBeChildOfNode: canTextBeChildOfNode$1,
-	  returnFirstArg: returnFirstArg
-	};
-
-	var reactProperty = lib;
-	var utilities$1 = utilities$2;
+	(function (exports) {
+		var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+		    return (mod && mod.__esModule) ? mod : { "default": mod };
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		exports.returnFirstArg = exports.canTextBeChildOfNode = exports.ELEMENTS_WITH_NO_TEXT_CHILDREN = exports.PRESERVE_CUSTOM_ATTRIBUTES = exports.setStyleProp = exports.isCustomComponent = void 0;
+		var react_1 = require$$0;
+		var style_to_js_1 = __importDefault(cjs$1);
+		var RESERVED_SVG_MATHML_ELEMENTS = new Set([
+		    'annotation-xml',
+		    'color-profile',
+		    'font-face',
+		    'font-face-src',
+		    'font-face-uri',
+		    'font-face-format',
+		    'font-face-name',
+		    'missing-glyph',
+		]);
+		/**
+		 * Check if a tag is a custom component.
+		 *
+		 * @see {@link https://github.com/facebook/react/blob/v16.6.3/packages/react-dom/src/shared/isCustomComponent.js}
+		 *
+		 * @param tagName - Tag name.
+		 * @param props - Props passed to the element.
+		 * @returns - Whether the tag is custom component.
+		 */
+		function isCustomComponent(tagName, props) {
+		    if (tagName.indexOf('-') === -1) {
+		        return Boolean(props && typeof props.is === 'string');
+		    }
+		    // These are reserved SVG and MathML elements.
+		    // We don't mind this whitelist too much because we expect it to never grow.
+		    // The alternative is to track the namespace in a few places which is convoluted.
+		    // https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
+		    if (RESERVED_SVG_MATHML_ELEMENTS.has(tagName)) {
+		        return false;
+		    }
+		    return true;
+		}
+		exports.isCustomComponent = isCustomComponent;
+		var styleOptions = {
+		    reactCompat: true,
+		};
+		/**
+		 * Sets style prop.
+		 *
+		 * @param style - Inline style.
+		 * @param props - Props object.
+		 */
+		function setStyleProp(style, props) {
+		    if (typeof style !== 'string') {
+		        return;
+		    }
+		    if (!style.trim()) {
+		        props.style = {};
+		        return;
+		    }
+		    try {
+		        props.style = (0, style_to_js_1.default)(style, styleOptions);
+		    }
+		    catch (error) {
+		        props.style = {};
+		    }
+		}
+		exports.setStyleProp = setStyleProp;
+		/**
+		 * @see https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html
+		 */
+		exports.PRESERVE_CUSTOM_ATTRIBUTES = Number(react_1.version.split('.')[0]) >= 16;
+		/**
+		 * @see https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react-dom/src/client/validateDOMNesting.js#L213
+		 */
+		exports.ELEMENTS_WITH_NO_TEXT_CHILDREN = new Set([
+		    'tr',
+		    'tbody',
+		    'thead',
+		    'tfoot',
+		    'colgroup',
+		    'table',
+		    'head',
+		    'html',
+		    'frameset',
+		]);
+		/**
+		 * Checks if the given node can contain text nodes
+		 *
+		 * @param node - Element node.
+		 * @returns - Whether the node can contain text nodes.
+		 */
+		var canTextBeChildOfNode = function (node) {
+		    return !exports.ELEMENTS_WITH_NO_TEXT_CHILDREN.has(node.name);
+		};
+		exports.canTextBeChildOfNode = canTextBeChildOfNode;
+		/**
+		 * Returns the first argument as is.
+		 *
+		 * @param arg - The argument to be returned.
+		 * @returns - The input argument `arg`.
+		 */
+		var returnFirstArg = function (arg) { return arg; };
+		exports.returnFirstArg = returnFirstArg;
+		
+	} (utilities$1));
 
-	// https://reactjs.org/docs/uncontrolled-components.html
+	Object.defineProperty(attributesToProps$1, "__esModule", { value: true });
+	var react_property_1 = lib;
+	var utilities_1$1 = utilities$1;
+	// https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components
 	// https://developer.mozilla.org/docs/Web/HTML/Attributes
 	var UNCONTROLLED_COMPONENT_ATTRIBUTES = ['checked', 'value'];
 	var UNCONTROLLED_COMPONENT_NAMES = ['input', 'select', 'textarea'];
-
-	var VALUE_ONLY_INPUTS = {
-	  reset: true,
-	  submit: true
+	var valueOnlyInputs = {
+	    reset: true,
+	    submit: true,
 	};
-
 	/**
 	 * Converts HTML/SVG DOM attributes to React props.
 	 *
-	 * @param {object} [attributes={}] - HTML/SVG DOM attributes.
-	 * @param {string} [nodeName] - DOM node name.
+	 * @param attributes - HTML/SVG DOM attributes.
+	 * @param nodeName - DOM node name.
 	 * @returns - React props.
 	 */
-	var attributesToProps$2 = function attributesToProps(attributes, nodeName) {
-	  attributes = attributes || {};
-
-	  var attributeName;
-	  var attributeNameLowerCased;
-	  var attributeValue;
-	  var propName;
-	  var propertyInfo;
-	  var props = {};
-	  var inputIsValueOnly = attributes.type && VALUE_ONLY_INPUTS[attributes.type];
-
-	  for (attributeName in attributes) {
-	    attributeValue = attributes[attributeName];
-
-	    // ARIA (aria-*) or custom data (data-*) attribute
-	    if (reactProperty.isCustomAttribute(attributeName)) {
-	      props[attributeName] = attributeValue;
-	      continue;
-	    }
-
-	    // convert HTML/SVG attribute to React prop
-	    attributeNameLowerCased = attributeName.toLowerCase();
-	    propName = getPropName(attributeNameLowerCased);
-
-	    if (propName) {
-	      propertyInfo = reactProperty.getPropertyInfo(propName);
-
-	      // convert attribute to uncontrolled component prop (e.g., `value` to `defaultValue`)
-	      if (
-	        UNCONTROLLED_COMPONENT_ATTRIBUTES.indexOf(propName) !== -1 &&
-	        UNCONTROLLED_COMPONENT_NAMES.indexOf(nodeName) !== -1 &&
-	        !inputIsValueOnly
-	      ) {
-	        propName = getPropName('default' + attributeNameLowerCased);
-	      }
-
-	      props[propName] = attributeValue;
-
-	      switch (propertyInfo && propertyInfo.type) {
-	        case reactProperty.BOOLEAN:
-	          props[propName] = true;
-	          break;
-	        case reactProperty.OVERLOADED_BOOLEAN:
-	          if (attributeValue === '') {
-	            props[propName] = true;
-	          }
-	          break;
-	      }
-	      continue;
-	    }
-
-	    // preserve custom attribute if React >=16
-	    if (utilities$1.PRESERVE_CUSTOM_ATTRIBUTES) {
-	      props[attributeName] = attributeValue;
+	function attributesToProps(attributes, nodeName) {
+	    if (attributes === void 0) { attributes = {}; }
+	    var props = {};
+	    var isInputValueOnly = Boolean(attributes.type &&
+	        valueOnlyInputs[attributes.type]);
+	    for (var attributeName in attributes) {
+	        var attributeValue = attributes[attributeName];
+	        // ARIA (aria-*) or custom data (data-*) attribute
+	        if ((0, react_property_1.isCustomAttribute)(attributeName)) {
+	            props[attributeName] = attributeValue;
+	            continue;
+	        }
+	        // convert HTML/SVG attribute to React prop
+	        var attributeNameLowerCased = attributeName.toLowerCase();
+	        var propName = getPropName(attributeNameLowerCased);
+	        if (propName) {
+	            var propertyInfo = (0, react_property_1.getPropertyInfo)(propName);
+	            // convert attribute to uncontrolled component prop (e.g., `value` to `defaultValue`)
+	            if (UNCONTROLLED_COMPONENT_ATTRIBUTES.indexOf(propName) !== -1 &&
+	                UNCONTROLLED_COMPONENT_NAMES.indexOf(nodeName) !== -1 &&
+	                !isInputValueOnly) {
+	                propName = getPropName('default' + attributeNameLowerCased);
+	            }
+	            props[propName] = attributeValue;
+	            switch (propertyInfo && propertyInfo.type) {
+	                case react_property_1.BOOLEAN:
+	                    props[propName] = true;
+	                    break;
+	                case react_property_1.OVERLOADED_BOOLEAN:
+	                    if (attributeValue === '') {
+	                        props[propName] = true;
+	                    }
+	                    break;
+	            }
+	            continue;
+	        }
+	        // preserve custom attribute if React >=16
+	        if (utilities_1$1.PRESERVE_CUSTOM_ATTRIBUTES) {
+	            props[attributeName] = attributeValue;
+	        }
 	    }
-	  }
-
-	  // transform inline style to object
-	  utilities$1.setStyleProp(attributes.style, props);
-
-	  return props;
-	};
-
+	    // transform inline style to object
+	    (0, utilities_1$1.setStyleProp)(attributes.style, props);
+	    return props;
+	}
+	attributesToProps$1.default = attributesToProps;
 	/**
 	 * Gets prop name from lowercased attribute name.
 	 *
-	 * @param {string} attributeName - Lowercased attribute name.
+	 * @param attributeName - Lowercased attribute name.
 	 * @returns - Prop name.
 	 */
 	function getPropName(attributeName) {
-	  return reactProperty.possibleStandardNames[attributeName];
+	    return react_property_1.possibleStandardNames[attributeName];
 	}
 
-	var React = require$$0;
-	var attributesToProps$1 = attributesToProps$2;
-	var utilities = utilities$2;
-
-	var setStyleProp = utilities.setStyleProp;
-	var canTextBeChildOfNode = utilities.canTextBeChildOfNode;
+	var domToReact$1 = {};
 
+	var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+	    return (mod && mod.__esModule) ? mod : { "default": mod };
+	};
+	Object.defineProperty(domToReact$1, "__esModule", { value: true });
+	var react_1 = require$$0;
+	var attributes_to_props_1 = __importDefault(attributesToProps$1);
+	var utilities_1 = utilities$1;
+	var React = {
+	    cloneElement: react_1.cloneElement,
+	    createElement: react_1.createElement,
+	    isValidElement: react_1.isValidElement,
+	};
 	/**
 	 * Converts DOM nodes to JSX element(s).
 	 *
-	 * @param {DomElement[]} nodes - DOM nodes.
-	 * @param {object} [options={}] - Options.
-	 * @param {Function} [options.replace] - Replacer.
-	 * @param {Function} [options.transform] - Transform.
-	 * @param {object} [options.library] - Library (React, Preact, etc.).
+	 * @param nodes - DOM nodes.
+	 * @param options - Options.
 	 * @returns - String or JSX element(s).
 	 */
-	function domToReact$1(nodes, options) {
-	  options = options || {};
-
-	  var library = options.library || React;
-	  var cloneElement = library.cloneElement;
-	  var createElement = library.createElement;
-	  var isValidElement = library.isValidElement;
-
-	  var result = [];
-	  var node;
-	  var isWhitespace;
-	  var hasReplace = typeof options.replace === 'function';
-	  var transform = options.transform || utilities.returnFirstArg;
-	  var replaceElement;
-	  var props;
-	  var children;
-	  var trim = options.trim;
-
-	  for (var i = 0, len = nodes.length; i < len; i++) {
-	    node = nodes[i];
-
-	    // replace with custom React element (if present)
-	    if (hasReplace) {
-	      replaceElement = options.replace(node);
-
-	      if (isValidElement(replaceElement)) {
-	        // set "key" prop for sibling elements
-	        // https://fb.me/react-warning-keys
-	        if (len > 1) {
-	          replaceElement = cloneElement(replaceElement, {
-	            key: replaceElement.key || i
-	          });
+	function domToReact(nodes, options) {
+	    var reactElements = [];
+	    var hasReplace = typeof (options === null || options === void 0 ? void 0 : options.replace) === 'function';
+	    var transform = (options === null || options === void 0 ? void 0 : options.transform) || utilities_1.returnFirstArg;
+	    var _a = (options === null || options === void 0 ? void 0 : options.library) || React, cloneElement = _a.cloneElement, createElement = _a.createElement, isValidElement = _a.isValidElement;
+	    var index = 0;
+	    var nodesLength = nodes.length;
+	    for (; index < nodesLength; index++) {
+	        var node = nodes[index];
+	        // replace with custom React element (if present)
+	        if (hasReplace) {
+	            var replaceElement = options.replace(node);
+	            if (isValidElement(replaceElement)) {
+	                // set "key" prop for sibling elements
+	                // https://react.dev/learn/rendering-lists#rules-of-keys
+	                if (nodesLength > 1) {
+	                    replaceElement = cloneElement(replaceElement, {
+	                        key: replaceElement.key || index,
+	                    });
+	                }
+	                reactElements.push(transform(replaceElement, node, index));
+	                continue;
+	            }
 	        }
-	        result.push(transform(replaceElement, node, i));
-	        continue;
-	      }
-	    }
-
-	    if (node.type === 'text') {
-	      isWhitespace = !node.data.trim().length;
-
-	      if (isWhitespace && node.parent && !canTextBeChildOfNode(node.parent)) {
-	        // We have a whitespace node that can't be nested in its parent
-	        // so skip it
-	        continue;
-	      }
-
-	      if (trim && isWhitespace) {
-	        // Trim is enabled and we have a whitespace node
-	        // so skip it
-	        continue;
-	      }
-
-	      // We have a text node that's not whitespace and it can be nested
-	      // in its parent so add it to the results
-	      result.push(transform(node.data, node, i));
-	      continue;
-	    }
-
-	    props = node.attribs;
-	    if (skipAttributesToProps(node)) {
-	      setStyleProp(props.style, props);
-	    } else if (props) {
-	      props = attributesToProps$1(props, node.name);
-	    }
-
-	    children = null;
-
-	    switch (node.type) {
-	      case 'script':
-	      case 'style':
-	        // prevent text in <script> or <style> from being escaped
-	        // https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
-	        if (node.children[0]) {
-	          props.dangerouslySetInnerHTML = {
-	            __html: node.children[0].data
-	          };
+	        if (node.type === 'text') {
+	            var isWhitespace = !node.data.trim().length;
+	            // We have a whitespace node that can't be nested in its parent
+	            // so skip it
+	            if (isWhitespace &&
+	                node.parent &&
+	                !(0, utilities_1.canTextBeChildOfNode)(node.parent)) {
+	                continue;
+	            }
+	            // Trim is enabled and we have a whitespace node
+	            // so skip it
+	            if ((options === null || options === void 0 ? void 0 : options.trim) && isWhitespace) {
+	                continue;
+	            }
+	            // We have a text node that's not whitespace and it can be nested
+	            // in its parent so add it to the results
+	            reactElements.push(transform(node.data, node, index));
+	            continue;
 	        }
-	        break;
-
-	      case 'tag':
-	        // setting textarea value in children is an antipattern in React
-	        // https://reactjs.org/docs/forms.html#the-textarea-tag
-	        if (node.name === 'textarea' && node.children[0]) {
-	          props.defaultValue = node.children[0].data;
-	        } else if (node.children && node.children.length) {
-	          // continue recursion of creating React elements (if applicable)
-	          children = domToReact$1(node.children, options);
+	        var element = node;
+	        var props = {};
+	        if (skipAttributesToProps(element)) {
+	            (0, utilities_1.setStyleProp)(element.attribs.style, element.attribs);
+	            props = element.attribs;
 	        }
-	        break;
-
-	      // skip all other cases (e.g., comment)
-	      default:
-	        continue;
-	    }
-
-	    // set "key" prop for sibling elements
-	    // https://fb.me/react-warning-keys
-	    if (len > 1) {
-	      props.key = i;
+	        else if (element.attribs) {
+	            props = (0, attributes_to_props_1.default)(element.attribs, element.name);
+	        }
+	        var children = null;
+	        switch (node.type) {
+	            case 'script':
+	            case 'style':
+	                // prevent text in <script> or <style> from being escaped
+	                // https://react.dev/reference/react-dom/components/common#dangerously-setting-the-inner-html
+	                if (node.children[0]) {
+	                    props.dangerouslySetInnerHTML = {
+	                        __html: node.children[0].data,
+	                    };
+	                }
+	                break;
+	            case 'tag':
+	                // setting textarea value in children is an antipattern in React
+	                // https://react.dev/reference/react-dom/components/textarea#caveats
+	                if (node.name === 'textarea' && node.children[0]) {
+	                    props.defaultValue = node.children[0].data;
+	                }
+	                else if (node.children && node.children.length) {
+	                    // continue recursion of creating React elements (if applicable)
+	                    children = domToReact(node.children, options);
+	                }
+	                break;
+	            // skip all other cases (e.g., comment)
+	            default:
+	                continue;
+	        }
+	        // set "key" prop for sibling elements
+	        // https://react.dev/learn/rendering-lists#rules-of-keys
+	        if (nodesLength > 1) {
+	            props.key = index;
+	        }
+	        reactElements.push(transform(createElement(node.name, props, children), node, index));
 	    }
-
-	    result.push(transform(createElement(node.name, props, children), node, i));
-	  }
-
-	  return result.length === 1 ? result[0] : result;
+	    return reactElements.length === 1 ? reactElements[0] : reactElements;
 	}
-
+	domToReact$1.default = domToReact;
 	/**
 	 * Determines whether DOM element attributes should be transformed to props.
 	 * Web Components should not have their attributes transformed except for `style`.
 	 *
-	 * @param {DomElement} node
-	 * @returns - Whether node attributes should be converted to props.
+	 * @param node - Element node.
+	 * @returns - Whether the node attributes should be converted to props.
 	 */
 	function skipAttributesToProps(node) {
-	  return (
-	    utilities.PRESERVE_CUSTOM_ATTRIBUTES &&
-	    node.type === 'tag' &&
-	    utilities.isCustomComponent(node.name, node.attribs)
-	  );
-	}
-
-	var domToReact_1 = domToReact$1;
-
-	var domhandler = lib$2;
-	var htmlToDOM = htmlToDom.default;
-
-	var attributesToProps = attributesToProps$2;
-	var domToReact = domToReact_1;
-
-	// support backwards compatibility for ES Module
-	htmlToDOM =
-	  /* istanbul ignore next */
-	  typeof htmlToDOM.default === 'function' ? htmlToDOM.default : htmlToDOM;
-
-	var domParserOptions = { lowerCaseAttributeNames: false };
-
-	/**
-	 * Converts HTML string to React elements.
-	 *
-	 * @param {string} html - HTML string.
-	 * @param {object} [options] - Parser options.
-	 * @param {object} [options.htmlparser2] - htmlparser2 options.
-	 * @param {object} [options.library] - Library for React, Preact, etc.
-	 * @param {Function} [options.replace] - Replace method.
-	 * @returns {JSX.Element|JSX.Element[]|string} - React element(s), empty array, or string.
-	 */
-	function HTMLReactParser(html, options) {
-	  if (typeof html !== 'string') {
-	    throw new TypeError('First argument must be a string');
-	  }
-	  if (html === '') {
-	    return [];
-	  }
-	  options = options || {};
-	  return domToReact(
-	    htmlToDOM(html, options.htmlparser2 || domParserOptions),
-	    options
-	  );
+	    return (utilities_1.PRESERVE_CUSTOM_ATTRIBUTES &&
+	        node.type === 'tag' &&
+	        (0, utilities_1.isCustomComponent)(node.name, node.attribs));
 	}
 
-	HTMLReactParser.domToReact = domToReact;
-	HTMLReactParser.htmlToDOM = htmlToDOM;
-	HTMLReactParser.attributesToProps = attributesToProps;
+	(function (exports) {
+		var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+		    return (mod && mod.__esModule) ? mod : { "default": mod };
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		exports.htmlToDOM = exports.domToReact = exports.attributesToProps = exports.Text = exports.ProcessingInstruction = exports.Element = exports.Comment = void 0;
+		var html_dom_parser_1 = __importDefault(htmlToDom);
+		exports.htmlToDOM = html_dom_parser_1.default;
+		var attributes_to_props_1 = __importDefault(attributesToProps$1);
+		exports.attributesToProps = attributes_to_props_1.default;
+		var dom_to_react_1 = __importDefault(domToReact$1);
+		exports.domToReact = dom_to_react_1.default;
+		var domhandler_1 = lib$2;
+		Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return domhandler_1.Comment; } });
+		Object.defineProperty(exports, "Element", { enumerable: true, get: function () { return domhandler_1.Element; } });
+		Object.defineProperty(exports, "ProcessingInstruction", { enumerable: true, get: function () { return domhandler_1.ProcessingInstruction; } });
+		Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return domhandler_1.Text; } });
+		var domParserOptions = { lowerCaseAttributeNames: false };
+		/**
+		 * Converts HTML string to React elements.
+		 *
+		 * @param html - HTML string.
+		 * @param options - Parser options.
+		 * @returns - React element(s), empty array, or string.
+		 */
+		function HTMLReactParser(html, options) {
+		    if (typeof html !== 'string') {
+		        throw new TypeError('First argument must be a string');
+		    }
+		    if (!html) {
+		        return [];
+		    }
+		    return (0, dom_to_react_1.default)((0, html_dom_parser_1.default)(html, (options === null || options === void 0 ? void 0 : options.htmlparser2) || domParserOptions), options);
+		}
+		exports.default = HTMLReactParser;
+		
+	} (lib$3));
 
-	// domhandler
-	HTMLReactParser.Comment = domhandler.Comment;
-	HTMLReactParser.Element = domhandler.Element;
-	HTMLReactParser.ProcessingInstruction = domhandler.ProcessingInstruction;
-	HTMLReactParser.Text = domhandler.Text;
+	var index = /*@__PURE__*/getDefaultExportFromCjs(lib$3);
 
-	// support CommonJS and ES Modules
-	var htmlReactParser = HTMLReactParser;
-	HTMLReactParser.default = HTMLReactParser;
+	var HTMLReactParser = /*#__PURE__*/_mergeNamespaces({
+		__proto__: null,
+		default: index
+	}, [lib$3]);
 
-	var index = /*@__PURE__*/getDefaultExportFromCjs(htmlReactParser);
+	const parse = index;
+	Object.assign(parse, HTMLReactParser);
 
-	return index;
+	return parse;
 
 }));
 //# sourceMappingURL=html-react-parser.js.map