@helpdice/ui 1.4.9 → 1.5.1

package/dist/index.js

@@ -36,7 +36,7 @@ function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);
 }
 function _assertThisInitialized(e) {
-  if (undefined === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
@@ -60,7 +60,7 @@ function _asyncToGenerator(n) {
       function _throw(n) {
         asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
       }
-      _next(undefined);
+      _next(void 0);
     });
   };
 }
@@ -250,7 +250,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 }
 function _possibleConstructorReturn(t, e) {
   if (e && ("object" == typeof e || "function" == typeof e)) return e;
-  if (undefined !== e) throw new TypeError("Derived constructors may only return object or undefined");
+  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
   return _assertThisInitialized(t);
 }
 function _regeneratorRuntime() {
@@ -453,7 +453,7 @@ function _regeneratorRuntime() {
   }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
     return this;
   }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    undefined === i && (i = Promise);
+    void 0 === i && (i = Promise);
     var a = new AsyncIterator(wrap(t, r, n, o), i);
     return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
       return t.done ? t.value : a.next();
@@ -568,8 +568,8 @@ function _toConsumableArray(r) {
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
-    var i = e.call(t, r || "default");
+  if (void 0 !== e) {
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -592,7 +592,7 @@ function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
 
@@ -628,7 +628,7 @@ function requireIndex () {
 	    }
 	}
 	function _createClass(Constructor, protoProps, staticProps) {
-	    _defineProperties(Constructor.prototype, protoProps);
+	    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 	    return Constructor;
 	}
 	var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -637,7 +637,7 @@ function requireIndex () {
 	};
 	var StyleSheet = /*#__PURE__*/ function() {
 	    function StyleSheet(param) {
-	        var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
 	        invariant$1(isString(name), "`name` must be a string");
 	        this._name = name;
 	        this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -895,7 +895,7 @@ function requireIndex () {
 	}
 
 	function mapRulesToStyle(cssRules, options) {
-	    if (options === undefined) options = {};
+	    if (options === void 0) options = {};
 	    return cssRules.map(function(args) {
 	        var id = args[0];
 	        var css = args[1];
@@ -912,7 +912,7 @@ function requireIndex () {
 	}
 	var StyleSheetRegistry = /*#__PURE__*/ function() {
 	    function StyleSheetRegistry(param) {
-	        var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
+	        var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
 	        this._sheet = styleSheet || new StyleSheet({
 	            name: "styled-jsx",
 	            optimizeForSpeed: optimizeForSpeed
@@ -1340,17 +1340,17 @@ var hasUserCustomTheme = function hasUserCustomTheme() {
     return isAvailableThemeType(item.type);
   });
 };
-var create = function create(base, custom) {
+var create$1 = function create(base, custom) {
   if (!isAvailableThemeType(custom.type)) {
     throw new Error('Duplicate or unavailable theme type');
   }
   return _deepDuplicable(base, custom);
 };
 var createFromDark = function createFromDark(custom) {
-  return create(themes, custom);
+  return create$1(themes, custom);
 };
 var createFromLight = function createFromLight(custom) {
-  return create(themes$1, custom);
+  return create$1(themes$1, custom);
 };
 var Themes = {
   isPresetTheme: isPresetTheme,
@@ -1358,7 +1358,7 @@ var Themes = {
   hasUserCustomTheme: hasUserCustomTheme,
   getPresets: getPresets,
   getPresetStaticTheme: getPresetStaticTheme,
-  create: create,
+  create: create$1,
   createFromDark: createFromDark,
   createFromLight: createFromLight
 };
@@ -1400,7 +1400,7 @@ var InputBlockLabel = /*#__PURE__*/React$1.memo(InputBlockLabelComponent);
 var InputIconComponent = function InputIconComponent(_ref) {
   var icon = _ref.icon,
     _ref$clickable = _ref.clickable,
-    clickable = _ref$clickable === undefined ? false : _ref$clickable,
+    clickable = _ref$clickable === void 0 ? false : _ref$clickable,
     onClick = _ref.onClick;
   return /*#__PURE__*/React$1.createElement("span", {
     onClick: onClick,
@@ -1660,7 +1660,7 @@ var isChildElement = function isChildElement(parent, child) {
 };
 var isGeistElement = function isGeistElement(el) {
   if (!el) return false;
-  if (el !== null && el !== undefined && el.dataset && el !== null && el !== undefined && el.dataset['helpdice']) return true;
+  if (el !== null && el !== void 0 && el.dataset && el !== null && el !== void 0 && el.dataset['helpdice']) return true;
   el.attributes.getNamedItem('data-helpdice');
   return !!el.attributes.getNamedItem('data-helpdice');
 };
@@ -1762,9 +1762,9 @@ var withScale = function withScale(Render) {
       margin = props.margin,
       padding = props.padding,
       _props$unit = props.unit,
-      unit = _props$unit === undefined ? layout.unit : _props$unit,
+      unit = _props$unit === void 0 ? layout.unit : _props$unit,
       _props$scale = props.scale,
-      scale = _props$scale === undefined ? 1 : _props$scale;
+      scale = _props$scale === void 0 ? 1 : _props$scale;
     var makeScaleHandler = function makeScaleHandler(attrValue) {
       return function (scale1x, defaultValue) {
         // 0 means disable scale and the default value is 0
@@ -1785,20 +1785,20 @@ var withScale = function withScale(Render) {
     var value = {
       unit: unit,
       SCALES: {
-        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
-        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
-        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
-        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
-        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
-        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
-        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
-        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
-        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
-        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
-        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
-        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
-        width: makeScaleHandler(width !== null && width !== undefined ? width : w),
-        height: makeScaleHandler(height !== null && height !== undefined ? height : h),
+        pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
+        pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
+        pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
+        pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
+        px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
+        py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
+        mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
+        mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
+        mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
+        ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
+        mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
+        my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
+        width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
+        height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
         font: makeScaleHandler(font)
       },
       getScaleProps: generateGetScaleProps(props),
@@ -1825,35 +1825,35 @@ var InputComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     labelRight = _ref.labelRight,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     error = _ref.error,
     _ref$htmlType = _ref.htmlType,
-    htmlType = _ref$htmlType === undefined ? 'text' : _ref$htmlType,
+    htmlType = _ref$htmlType === void 0 ? 'text' : _ref$htmlType,
     icon = _ref.icon,
     iconRight = _ref.iconRight,
     _ref$iconClickable = _ref.iconClickable,
-    iconClickable = _ref$iconClickable === undefined ? false : _ref$iconClickable,
+    iconClickable = _ref$iconClickable === void 0 ? false : _ref$iconClickable,
     onIconClick = _ref.onIconClick,
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === undefined ? '' : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? '' : _ref$initialValue,
     onChange = _ref.onChange,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     value = _ref.value,
     onClearClick = _ref.onClearClick,
     _ref$clearable = _ref.clearable,
-    clearable = _ref$clearable === undefined ? false : _ref$clearable,
+    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     _ref$autoComplete = _ref.autoComplete,
-    autoComplete = _ref$autoComplete === undefined ? 'off' : _ref$autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === undefined ? '' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
     children = _ref.children,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     props = _objectWithoutProperties(_ref, _excluded$1o);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -2006,22 +2006,22 @@ var _excluded$1n = ["type", "disabled", "readOnly", "onFocus", "onBlur", "classN
 tuple('none', 'both', 'horizontal', 'vertical', 'initial', 'inherit');
 var TextareaComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === undefined ? '' : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? '' : _ref$initialValue,
     onChange = _ref.onChange,
     value = _ref.value,
     placeholder = _ref.placeholder,
     _ref$resize = _ref.resize,
-    resize = _ref$resize === undefined ? 'none' : _ref$resize,
+    resize = _ref$resize === void 0 ? 'none' : _ref$resize,
     props = _objectWithoutProperties(_ref, _excluded$1n);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -2292,17 +2292,17 @@ var _excluded$1l = ["children", "className", "visible", "enterTime", "leaveTime"
 var CssTransition = function CssTransition(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     _ref$enterTime = _ref.enterTime,
-    enterTime = _ref$enterTime === undefined ? 60 : _ref$enterTime,
+    enterTime = _ref$enterTime === void 0 ? 60 : _ref$enterTime,
     _ref$leaveTime = _ref.leaveTime,
-    leaveTime = _ref$leaveTime === undefined ? 60 : _ref$leaveTime,
+    leaveTime = _ref$leaveTime === void 0 ? 60 : _ref$leaveTime,
     _ref$clearTime = _ref.clearTime,
-    clearTime = _ref$clearTime === undefined ? 60 : _ref$clearTime,
+    clearTime = _ref$clearTime === void 0 ? 60 : _ref$clearTime,
     _ref$name = _ref.name,
-    name = _ref$name === undefined ? 'transition' : _ref$name,
+    name = _ref$name === void 0 ? 'transition' : _ref$name,
     props = _objectWithoutProperties(_ref, _excluded$1l);
   var _useState = React$1.useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -2375,7 +2375,7 @@ var useDOMObserver = function useDOMObserver(ref) {
     var unmount = false;
     var done = function done() {
       if (unmount) return;
-      callback.apply(undefined, arguments);
+      callback.apply(void 0, arguments);
     };
     var observer = new MutationObserver(done);
     observer.observe(ref.current, config);
@@ -2446,12 +2446,12 @@ var getRefRect = function getRefRect(ref, getContainer) {
 };
 var getEventRect = function getEventRect(event, getContainer) {
   var _event$target;
-  var rect = event === null || event === undefined || (_event$target = event.target) === null || _event$target === undefined ? undefined : _event$target.getBoundingClientRect();
+  var rect = event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.getBoundingClientRect();
   if (!rect) return defaultRect$2;
   return getRectFromDOMWithContainer(rect, getContainer);
 };
 var isRefTarget = function isRefTarget(eventOrRef) {
-  return typeof (eventOrRef === null || eventOrRef === undefined ? undefined : eventOrRef.target) === 'undefined';
+  return typeof (eventOrRef === null || eventOrRef === void 0 ? void 0 : eventOrRef.target) === 'undefined';
 };
 var useRect = function useRect(initialState) {
   var _useState = React$1.useState(initialState || defaultRect$2),
@@ -2557,9 +2557,9 @@ var AutoCompleteDropdown = function AutoCompleteDropdown(_ref) {
   var children = _ref.children,
     visible = _ref.visible,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$dropdownStyle = _ref.dropdownStyle,
-    dropdownStyle = _ref$dropdownStyle === undefined ? {} : _ref$dropdownStyle,
+    dropdownStyle = _ref$dropdownStyle === void 0 ? {} : _ref$dropdownStyle,
     disableMatchWidth = _ref.disableMatchWidth,
     getPopupContainer = _ref.getPopupContainer;
   var theme = useTheme();
@@ -2613,9 +2613,9 @@ var AutoCompleteSearch = withScale(AutoCompleteSearchComponent);
 var AutoCompleteEmpty = function AutoCompleteEmpty(_ref) {
   var children = _ref.children,
     _ref$hidden = _ref.hidden,
-    hidden = _ref$hidden === undefined ? false : _ref$hidden,
+    hidden = _ref$hidden === void 0 ? false : _ref$hidden,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className;
+    className = _ref$className === void 0 ? '' : _ref$className;
   if (hidden) return null;
   return /*#__PURE__*/React$1.createElement(AutoCompleteSearch, {
     className: className
@@ -2637,12 +2637,12 @@ var getIconBgColor = function getIconBgColor(type, palette, color) {
 var LoadingComponent = function LoadingComponent(_ref) {
   var children = _ref.children,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     color = _ref.color,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$spaceRatio = _ref.spaceRatio,
-    spaceRatio = _ref$spaceRatio === undefined ? 1 : _ref$spaceRatio,
+    spaceRatio = _ref$spaceRatio === void 0 ? 1 : _ref$spaceRatio,
     props = _objectWithoutProperties(_ref, _excluded$1k);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -12593,9 +12593,9 @@ var getSearchIcon = function getSearchIcon(searching) {
 };
 var AutoCompleteComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, userRef) {
   var _ref$options = _ref.options,
-    options = _ref$options === undefined ? [] : _ref$options,
+    options = _ref$options === void 0 ? [] : _ref$options,
     _ref$initialValue = _ref.initialValue,
-    customInitialValue = _ref$initialValue === undefined ? '' : _ref$initialValue,
+    customInitialValue = _ref$initialValue === void 0 ? '' : _ref$initialValue,
     onSelect = _ref.onSelect,
     onSearch = _ref.onSearch,
     onChange = _ref.onChange,
@@ -12604,15 +12604,15 @@ var AutoCompleteComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, user
     type = _ref.type,
     value = _ref.value,
     _ref$clearable = _ref.clearable,
-    clearable = _ref$clearable === undefined ? false : _ref$clearable,
+    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     dropdownClassName = _ref.dropdownClassName,
     dropdownStyle = _ref.dropdownStyle,
     _ref$disableMatchWidt = _ref.disableMatchWidth,
-    disableMatchWidth = _ref$disableMatchWidt === undefined ? false : _ref$disableMatchWidt,
+    disableMatchWidth = _ref$disableMatchWidt === void 0 ? false : _ref$disableMatchWidt,
     _ref$disableFreeSolo = _ref.disableFreeSolo,
-    disableFreeSolo = _ref$disableFreeSolo === undefined ? false : _ref$disableFreeSolo,
+    disableFreeSolo = _ref$disableFreeSolo === void 0 ? false : _ref$disableFreeSolo,
     getPopupContainer = _ref.getPopupContainer,
     props = _objectWithoutProperties(_ref, _excluded$1j);
   var resetTimer = React$1.useRef();
@@ -12770,13 +12770,13 @@ var safeText = function safeText(text) {
 var AvatarComponent = function AvatarComponent(_ref) {
   var src = _ref.src,
     _ref$stacked = _ref.stacked,
-    stacked = _ref$stacked === undefined ? false : _ref$stacked,
+    stacked = _ref$stacked === void 0 ? false : _ref$stacked,
     _ref$text = _ref.text,
-    text = _ref$text === undefined ? '' : _ref$text,
+    text = _ref$text === void 0 ? '' : _ref$text,
     _ref$isSquare = _ref.isSquare,
-    isSquare = _ref$isSquare === undefined ? false : _ref$isSquare,
+    isSquare = _ref$isSquare === void 0 ? false : _ref$isSquare,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$1i);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -12806,7 +12806,7 @@ var Avatar = withScale(AvatarComponent);
 var AvatarGroupComponent = function AvatarGroupComponent(_ref) {
   var count = _ref.count,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children;
   var theme = useTheme();
   var _useScale = useScale(),
@@ -12840,12 +12840,12 @@ var getBgColor = function getBgColor(type, palette) {
 };
 var BadgeComponent = function BadgeComponent(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$dot = _ref.dot,
-    dot = _ref$dot === undefined ? false : _ref$dot,
+    dot = _ref$dot === void 0 ? false : _ref$dot,
     props = _objectWithoutProperties(_ref, _excluded$1h);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -12903,7 +12903,7 @@ var getTransform = function getTransform(placement) {
 var BadgeAnchor = function BadgeAnchor(_ref) {
   var children = _ref.children,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === undefined ? 'topRight' : _ref$placement;
+    placement = _ref$placement === void 0 ? 'topRight' : _ref$placement;
   var _pickChild = pickChild(children, Badge),
     _pickChild2 = _slicedToArray(_pickChild, 2),
     withoutBadgeChildren = _pickChild2[0],
@@ -12935,7 +12935,7 @@ Badge.Anchor = BadgeAnchor;
 var Separator = function Separator(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className;
+    className = _ref$className === void 0 ? '' : _ref$className;
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var classes = useClasses('separator', className);
@@ -12986,10 +12986,10 @@ var addColorAlpha = function addColorAlpha(color, alpha) {
 
 var BreadcrumbsComponent = function BreadcrumbsComponent(_ref) {
   var _ref$separator = _ref.separator,
-    separator = _ref$separator === undefined ? '/' : _ref$separator,
+    separator = _ref$separator === void 0 ? '/' : _ref$separator,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className;
+    className = _ref$className === void 0 ? '' : _ref$className;
   var theme = useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -13050,18 +13050,18 @@ var LinkIcon = /*#__PURE__*/React$1.memo(LinkIconComponent);
 var _excluded$1g = ["href", "showColor", "underline", "children", "className", "block", "icon"];
 var LinkComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
   var _ref$href = _ref.href,
-    href = _ref$href === undefined ? '' : _ref$href,
+    href = _ref$href === void 0 ? '' : _ref$href,
     _ref$showColor = _ref.showColor,
-    showColor = _ref$showColor === undefined ? false : _ref$showColor,
+    showColor = _ref$showColor === void 0 ? false : _ref$showColor,
     _ref$underline = _ref.underline,
-    underline = _ref$underline === undefined ? false : _ref$underline,
+    underline = _ref$underline === void 0 ? false : _ref$underline,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$block = _ref.block,
-    block = _ref$block === undefined ? false : _ref$block,
+    block = _ref$block === void 0 ? false : _ref$block,
     _ref$icon = _ref.icon,
-    icon = _ref$icon === undefined ? false : _ref$icon,
+    icon = _ref$icon === void 0 ? false : _ref$icon,
     props = _objectWithoutProperties(_ref, _excluded$1g);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -13089,11 +13089,11 @@ var _excluded$1f = ["href", "nextLink", "onClick", "children", "className"];
 var BreadcrumbsItem = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
   var href = _ref.href,
     _ref$nextLink = _ref.nextLink,
-    nextLink = _ref$nextLink === undefined ? false : _ref$nextLink,
+    nextLink = _ref$nextLink === void 0 ? false : _ref$nextLink,
     onClick = _ref.onClick,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$1f);
   var isLink = React$1.useMemo(function () {
     return href !== undefined || nextLink;
@@ -13127,9 +13127,9 @@ Breadcrumbs.Separator = BreadcrumbsSeparator;
 
 var ButtonDrip = function ButtonDrip(_ref) {
   var _ref$x = _ref.x,
-    x = _ref$x === undefined ? 0 : _ref$x,
+    x = _ref$x === void 0 ? 0 : _ref$x,
     _ref$y = _ref.y,
-    y = _ref$y === undefined ? 0 : _ref$y,
+    y = _ref$y === void 0 ? 0 : _ref$y,
     color = _ref.color,
     onCompleted = _ref.onCompleted;
   var dripRef = React$1.useRef(null);
@@ -13194,11 +13194,11 @@ ButtonLoading.displayName = 'GeistButtonLoading';
 var _excluded$1e = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
   var _ref$isRight = _ref.isRight,
-    isRight = _ref$isRight === undefined ? false : _ref$isRight,
+    isRight = _ref$isRight === void 0 ? false : _ref$isRight,
     isSingle = _ref.isSingle,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$1e);
   var classes = useClasses('icon', {
     right: isRight,
@@ -13333,7 +13333,7 @@ var getButtonColors = function getButtonColors(palette, props) {
    *   Color['success'] === Color['success-light']
    *   Color['warning'] === Color['warning-light']
    */
-  var withoutLightType = type === null || type === undefined ? undefined : type.replace('-light', '');
+  var withoutLightType = type === null || type === void 0 ? void 0 : type.replace('-light', '');
   var defaultColor = colors["default"];
   if (ghost) return getButtonGhostColors(palette, withoutLightType) || defaultColor;
   return colors[withoutLightType] || defaultColor;
@@ -13472,27 +13472,27 @@ var ButtonComponent = /*#__PURE__*/React$1.forwardRef(function (btnProps, ref) {
   /* eslint-disable @typescript-eslint/no-unused-vars */
   var children = filteredProps.children,
     _filteredProps$disabl = filteredProps.disabled,
-    disabled = _filteredProps$disabl === undefined ? false : _filteredProps$disabl;
+    disabled = _filteredProps$disabl === void 0 ? false : _filteredProps$disabl;
     filteredProps.type;
     var _filteredProps$loadin = filteredProps.loading,
-    loading = _filteredProps$loadin === undefined ? false : _filteredProps$loadin,
+    loading = _filteredProps$loadin === void 0 ? false : _filteredProps$loadin,
     _filteredProps$shadow = filteredProps.shadow,
-    shadow = _filteredProps$shadow === undefined ? false : _filteredProps$shadow,
+    shadow = _filteredProps$shadow === void 0 ? false : _filteredProps$shadow,
     _filteredProps$ghost = filteredProps.ghost,
-    ghost = _filteredProps$ghost === undefined ? false : _filteredProps$ghost,
+    ghost = _filteredProps$ghost === void 0 ? false : _filteredProps$ghost,
     _filteredProps$effect = filteredProps.effect,
-    effect = _filteredProps$effect === undefined ? true : _filteredProps$effect,
+    effect = _filteredProps$effect === void 0 ? true : _filteredProps$effect,
     _filteredProps$round = filteredProps.round,
-    round = _filteredProps$round === undefined ? false : _filteredProps$round,
+    round = _filteredProps$round === void 0 ? false : _filteredProps$round,
     onClick = filteredProps.onClick,
     _filteredProps$auto = filteredProps.auto,
-    auto = _filteredProps$auto === undefined ? false : _filteredProps$auto,
+    auto = _filteredProps$auto === void 0 ? false : _filteredProps$auto,
     icon = filteredProps.icon,
     _filteredProps$htmlTy = filteredProps.htmlType,
-    htmlType = _filteredProps$htmlTy === undefined ? 'button' : _filteredProps$htmlTy,
+    htmlType = _filteredProps$htmlTy === void 0 ? 'button' : _filteredProps$htmlTy,
     iconRight = filteredProps.iconRight,
     _filteredProps$classN = filteredProps.className,
-    className = _filteredProps$classN === undefined ? '' : _filteredProps$classN;
+    className = _filteredProps$classN === void 0 ? '' : _filteredProps$classN;
     filteredProps.crossOrigin;
     var props = _objectWithoutProperties(filteredProps, _excluded$1d);
   /* eslint-enable @typescript-eslint/no-unused-vars */
@@ -13563,14 +13563,14 @@ var ButtonComponent = /*#__PURE__*/React$1.forwardRef(function (btnProps, ref) {
 ButtonComponent.displayName = 'Button';
 var Button = withScale(ButtonComponent);
 
-function CompactButton(_ref) {
+var CompactButton = function CompactButton(_ref) {
   var _ref$to = _ref.to,
-    to = _ref$to === undefined ? '/' : _ref$to,
+    to = _ref$to === void 0 ? '/' : _ref$to,
     children = _ref.children,
     iconRight = _ref.iconRight,
     icon = _ref.icon,
     _ref$scale = _ref.scale,
-    scale = _ref$scale === undefined ? 2 / 3 : _ref$scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
     type = _ref.type,
     style = _ref.style,
     a = _ref.a,
@@ -13638,7 +13638,8 @@ function CompactButton(_ref) {
     px: 0.6,
     iconRight: iconRight
   }, children);
-}
+};
+var button_compact = /*#__PURE__*/React$1.memo(CompactButton);
 
 /* "use client" */
 
@@ -13749,11 +13750,11 @@ var _excluded$1c = ["children", "onClick", "className", "main", "icon", "type"];
 var ButtonDropdownItem = function ButtonDropdownItem(_ref) {
   var children = _ref.children,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === undefined ? function () {} : _ref$onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$main = _ref.main,
-    main = _ref$main === undefined ? false : _ref$main,
+    main = _ref$main === void 0 ? false : _ref$main,
     icon = _ref.icon,
     selfType = _ref.type,
     props = _objectWithoutProperties(_ref, _excluded$1c);
@@ -13801,15 +13802,15 @@ var stopPropagation$1 = function stopPropagation(event) {
 var ButtonDropdownComponent = function ButtonDropdownComponent(_ref) {
   var children = _ref.children,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$auto = _ref.auto,
-    auto = _ref$auto === undefined ? false : _ref$auto,
+    auto = _ref$auto === void 0 ? false : _ref$auto,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$loading = _ref.loading,
-    loading = _ref$loading === undefined ? false : _ref$loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
     icon = _ref.icon,
     props = _objectWithoutProperties(_ref, _excluded$1b);
   var _useScale = useScale(),
@@ -13888,9 +13889,9 @@ ButtonDropdown.Item = ButtonDropdownItem;
 var _excluded$1a = ["disabled", "type", "ghost", "vertical", "children", "className"];
 var getGroupBorderColors = function getGroupBorderColors(palette, props) {
   var _props$ghost = props.ghost,
-    ghost = _props$ghost === undefined ? false : _props$ghost,
+    ghost = _props$ghost === void 0 ? false : _props$ghost,
     _props$type = props.type,
-    type = _props$type === undefined ? 'default' : _props$type;
+    type = _props$type === void 0 ? 'default' : _props$type;
   if (!ghost && type !== 'default') return palette.background;
   var colors = {
     "default": palette.border,
@@ -13977,12 +13978,12 @@ var getColor$3 = function getColor(val, palette) {
 };
 var CapacityComponent = function CapacityComponent(_ref) {
   var _ref$value = _ref.value,
-    value = _ref$value === undefined ? 0 : _ref$value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
     _ref$limit = _ref.limit,
-    limit = _ref$limit === undefined ? 100 : _ref$limit,
+    limit = _ref$limit === void 0 ? 100 : _ref$limit,
     userColor = _ref.color,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$19);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -14064,9 +14065,9 @@ var _excluded$18 = ["children", "className", "disableAutoMargin"];
 var CardFooterComponent = function CardFooterComponent(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$disableAutoMargi = _ref.disableAutoMargin,
-    disableAutoMargin = _ref$disableAutoMargi === undefined ? false : _ref$disableAutoMargi,
+    disableAutoMargin = _ref$disableAutoMargi === void 0 ? false : _ref$disableAutoMargi,
     props = _objectWithoutProperties(_ref, _excluded$18);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -14087,7 +14088,7 @@ var CardFooter = withScale(CardFooterComponent);
 var _excluded$17 = ["className", "children"];
 var CardContentComponent = function CardContentComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$17);
   var _useScale = useScale(),
@@ -14105,7 +14106,7 @@ var CardContent = withScale(CardContentComponent);
 var _excluded$16 = ["opacity"];
 var ImageSkeleton = /*#__PURE__*/React$1.memo(function (_ref) {
   var _ref$opacity = _ref.opacity,
-    opacity = _ref$opacity === undefined ? 0.5 : _ref$opacity,
+    opacity = _ref$opacity === void 0 ? 0.5 : _ref$opacity,
     props = _objectWithoutProperties(_ref, _excluded$16);
   var theme = useTheme();
   return /*#__PURE__*/React$1.createElement("div", _extends({}, props, {
@@ -14136,11 +14137,11 @@ var _excluded$15 = ["src", "disableSkeleton", "className", "maxDelay"];
 var ImageComponent = function ImageComponent(_ref) {
   var src = _ref.src,
     _ref$disableSkeleton = _ref.disableSkeleton,
-    disableSkeleton = _ref$disableSkeleton === undefined ? false : _ref$disableSkeleton,
+    disableSkeleton = _ref$disableSkeleton === void 0 ? false : _ref$disableSkeleton,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$maxDelay = _ref.maxDelay,
-    maxDelay = _ref$maxDelay === undefined ? 3000 : _ref$maxDelay,
+    maxDelay = _ref$maxDelay === void 0 ? 3000 : _ref$maxDelay,
     props = _objectWithoutProperties(_ref, _excluded$15);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES,
@@ -14265,13 +14266,13 @@ var ImageBrowserComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, ref)
     title = _ref.title,
     children = _ref.children,
     _ref$showFullLink = _ref.showFullLink,
-    showFullLink = _ref$showFullLink === undefined ? false : _ref$showFullLink,
+    showFullLink = _ref$showFullLink === void 0 ? false : _ref$showFullLink,
     _ref$invert = _ref.invert,
-    invert = _ref$invert === undefined ? false : _ref$invert,
+    invert = _ref$invert === void 0 ? false : _ref$invert,
     _ref$anchorProps = _ref.anchorProps,
-    anchorProps = _ref$anchorProps === undefined ? {} : _ref$anchorProps,
+    anchorProps = _ref$anchorProps === void 0 ? {} : _ref$anchorProps,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$14);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -14312,13 +14313,13 @@ var _excluded$13 = ["children", "hoverable", "className", "shadow", "type"];
 var CardComponent = function CardComponent(_ref) {
   var children = _ref.children,
     _ref$hoverable = _ref.hoverable,
-    hoverable = _ref$hoverable === undefined ? false : _ref$hoverable,
+    hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$shadow = _ref.shadow,
-    shadow = _ref$shadow === undefined ? false : _ref$shadow,
+    shadow = _ref$shadow === void 0 ? false : _ref$shadow,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     props = _objectWithoutProperties(_ref, _excluded$13);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -14445,17 +14446,17 @@ var _excluded$12 = ["checked", "initialChecked", "disabled", "onChange", "classN
 var CheckboxComponent = function CheckboxComponent(_ref) {
   var checked = _ref.checked,
     _ref$initialChecked = _ref.initialChecked,
-    initialChecked = _ref$initialChecked === undefined ? false : _ref$initialChecked,
+    initialChecked = _ref$initialChecked === void 0 ? false : _ref$initialChecked,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onChange = _ref.onChange,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$value = _ref.value,
-    value = _ref$value === undefined ? '' : _ref$value,
+    value = _ref$value === void 0 ? '' : _ref$value,
     props = _objectWithoutProperties(_ref, _excluded$12);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -14533,12 +14534,12 @@ var Checkbox = withScale(CheckboxComponent);
 var _excluded$11 = ["disabled", "onChange", "value", "children", "className"];
 var CheckboxGroupComponent = function CheckboxGroupComponent(_ref) {
   var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onChange = _ref.onChange,
     value = _ref.value,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$11);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -14590,13 +14591,13 @@ var _excluded$10 = ["children", "block", "className", "name", "classic"];
 var CodeComponent = function CodeComponent(_ref) {
   var children = _ref.children,
     _ref$block = _ref.block,
-    block = _ref$block === undefined ? false : _ref$block,
+    block = _ref$block === void 0 ? false : _ref$block,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$name = _ref.name,
-    name = _ref$name === undefined ? '' : _ref$name,
+    name = _ref$name === void 0 ? '' : _ref$name,
     _ref$classic = _ref.classic,
-    classic = _ref$classic === undefined ? false : _ref$classic,
+    classic = _ref$classic === void 0 ? false : _ref$classic,
     props = _objectWithoutProperties(_ref, _excluded$10);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -14937,9 +14938,9 @@ var useRealShape = function useRealShape(ref) {
 
 var Expand = function Expand(_ref) {
   var _ref$isExpanded = _ref.isExpanded,
-    isExpanded = _ref$isExpanded === undefined ? false : _ref$isExpanded,
+    isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
     _ref$delay = _ref.delay,
-    delay = _ref$delay === undefined ? 200 : _ref$delay,
+    delay = _ref$delay === void 0 ? 200 : _ref$delay,
     children = _ref.children;
   var _useState = React$1.useState(isExpanded ? 'auto' : '0'),
     _useState2 = _slicedToArray(_useState, 2),
@@ -15030,11 +15031,11 @@ var CollapseComponent = function CollapseComponent(_ref) {
     title = _ref.title,
     subtitle = _ref.subtitle,
     _ref$initialVisible = _ref.initialVisible,
-    initialVisible = _ref$initialVisible === undefined ? false : _ref$initialVisible,
+    initialVisible = _ref$initialVisible === void 0 ? false : _ref$initialVisible,
     _ref$shadow = _ref.shadow,
-    shadow = _ref$shadow === undefined ? false : _ref$shadow,
+    shadow = _ref$shadow === void 0 ? false : _ref$shadow,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     index = _ref.index,
     props = _objectWithoutProperties(_ref, _excluded$_);
   var theme = useTheme();
@@ -15096,9 +15097,9 @@ var _excluded$Z = ["children", "accordion", "className"];
 var CollapseGroupComponent = function CollapseGroupComponent(_ref) {
   var children = _ref.children,
     _ref$accordion = _ref.accordion,
-    accordion = _ref$accordion === undefined ? true : _ref$accordion,
+    accordion = _ref$accordion === void 0 ? true : _ref$accordion,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$Z);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -15155,11 +15156,11 @@ Collapse.Group = CollapseGroup;
 var _excluded$Y = ["title", "content", "className"];
 var DescriptionComponent = function DescriptionComponent(_ref) {
   var _ref$title = _ref.title,
-    title = _ref$title === undefined ? 'Title' : _ref$title,
+    title = _ref$title === void 0 ? 'Title' : _ref$title,
     _ref$content = _ref.content,
-    content = _ref$content === undefined ? '' : _ref$content,
+    content = _ref$content === void 0 ? '' : _ref$content,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$Y);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -15183,11 +15184,11 @@ var _excluded$X = ["children", "caption", "shadow", "className"];
 var DisplayComponent = function DisplayComponent(_ref) {
   var children = _ref.children,
     _ref$caption = _ref.caption,
-    caption = _ref$caption === undefined ? '' : _ref$caption,
+    caption = _ref$caption === void 0 ? '' : _ref$caption,
     _ref$shadow = _ref.shadow,
-    shadow = _ref$shadow === undefined ? false : _ref$shadow,
+    shadow = _ref$shadow === void 0 ? false : _ref$shadow,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$X);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -15225,12 +15226,12 @@ var getColor$2 = function getColor(type, palette) {
 };
 var DividerComponent = function DividerComponent(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$align = _ref.align,
-    align = _ref$align === undefined ? 'center' : _ref$align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$W);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -15272,10 +15273,10 @@ var getColor$1 = function getColor(type, theme) {
 };
 var DotComponent = function DotComponent(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$V);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -15303,12 +15304,12 @@ var defaultOptions$1 = {
 };
 var elementStack = new Map();
 var getOwnerPaddingRight = function getOwnerPaddingRight(element) {
-  var owner = (element === null || element === undefined ? undefined : element.ownerDocument) || document;
+  var owner = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
   var view = owner.defaultView || window;
   return Number.parseInt(view.getComputedStyle(element).paddingRight, 10) || 0;
 };
 var getOwnerScrollbarWidth = function getOwnerScrollbarWidth(element) {
-  var doc = (element === null || element === undefined ? undefined : element.ownerDocument) || document;
+  var doc = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
   return Math.abs(window.innerWidth - doc.documentElement.clientWidth);
 };
 var useBodyScroll = function useBodyScroll(elementRef, options) {
@@ -15481,15 +15482,15 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var bindings = Array.isArray(keyBindings) ? keyBindings : [keyBindings];
   var _options$disableGloba = options.disableGlobalEvent,
-    disableGlobalEvent = _options$disableGloba === undefined ? false : _options$disableGloba,
+    disableGlobalEvent = _options$disableGloba === void 0 ? false : _options$disableGloba,
     _options$capture = options.capture,
-    capture = _options$capture === undefined ? false : _options$capture,
+    capture = _options$capture === void 0 ? false : _options$capture,
     _options$stopPropagat = options.stopPropagation,
-    stopPropagation = _options$stopPropagat === undefined ? false : _options$stopPropagat,
+    stopPropagation = _options$stopPropagat === void 0 ? false : _options$stopPropagat,
     _options$preventDefau = options.preventDefault,
-    preventDefault = _options$preventDefau === undefined ? true : _options$preventDefau,
+    preventDefault = _options$preventDefau === void 0 ? true : _options$preventDefau,
     _options$event = options.event,
-    event = _options$event === undefined ? 'keydown' : _options$event;
+    event = _options$event === void 0 ? 'keydown' : _options$event;
   var activeModMap = getActiveModMap(bindings);
   var keyCode = bindings.filter(function (item) {
     return !KeyMod[item];
@@ -15546,18 +15547,18 @@ var _excluded$U = ["children", "onClick", "visible", "width", "onContentClick",
 var Backdrop = /*#__PURE__*/React$1.memo(function (_ref) {
   var children = _ref.children,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === undefined ? function () {} : _ref$onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     width = _ref.width,
     _ref$onContentClick = _ref.onContentClick,
-    onContentClick = _ref$onContentClick === undefined ? function () {} : _ref$onContentClick,
+    onContentClick = _ref$onContentClick === void 0 ? function () {} : _ref$onContentClick,
     _ref$backdropClassNam = _ref.backdropClassName,
-    backdropClassName = _ref$backdropClassNam === undefined ? '' : _ref$backdropClassNam,
+    backdropClassName = _ref$backdropClassNam === void 0 ? '' : _ref$backdropClassNam,
     _ref$positionClassNam = _ref.positionClassName,
-    positionClassName = _ref$positionClassNam === undefined ? '' : _ref$positionClassNam,
+    positionClassName = _ref$positionClassNam === void 0 ? '' : _ref$positionClassNam,
     _ref$layerClassName = _ref.layerClassName,
-    layerClassName = _ref$layerClassName === undefined ? '' : _ref$layerClassName,
+    layerClassName = _ref$layerClassName === void 0 ? '' : _ref$layerClassName,
     props = _objectWithoutProperties(_ref, _excluded$U);
   var theme = useTheme();
   var _useCurrentState = useCurrentState(false),
@@ -15629,10 +15630,10 @@ var getDrawerTransform = function getDrawerTransform(placement) {
 var _excluded$T = ["className", "children", "visible", "placement"];
 var DrawerWrapper = function DrawerWrapper(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     placement = _ref.placement,
     props = _objectWithoutProperties(_ref, _excluded$T);
   var theme = useTheme();
@@ -15698,16 +15699,16 @@ var _excluded$S = ["visible", "keyboard", "disableBackdropClick", "onClose", "on
 var DrawerComponent = function DrawerComponent(_ref) {
   var customVisible = _ref.visible,
     _ref$keyboard = _ref.keyboard,
-    keyboard = _ref$keyboard === undefined ? true : _ref$keyboard,
+    keyboard = _ref$keyboard === void 0 ? true : _ref$keyboard,
     _ref$disableBackdropC = _ref.disableBackdropClick,
-    disableBackdropClick = _ref$disableBackdropC === undefined ? false : _ref$disableBackdropC,
+    disableBackdropClick = _ref$disableBackdropC === void 0 ? false : _ref$disableBackdropC,
     onClose = _ref.onClose,
     onContentClick = _ref.onContentClick,
     _ref$wrapClassName = _ref.wrapClassName,
-    wrapClassName = _ref$wrapClassName === undefined ? '' : _ref$wrapClassName,
+    wrapClassName = _ref$wrapClassName === void 0 ? '' : _ref$wrapClassName,
     children = _ref.children,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === undefined ? 'right' : _ref$placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     props = _objectWithoutProperties(_ref, _excluded$S);
   var portal = usePortal('drawer');
   var _useState = React$1.useState(false),
@@ -15756,7 +15757,7 @@ DrawerComponent.displayName = 'Drawer';
 var _excluded$R = ["className", "children"];
 var ModalTitleComponent = function ModalTitleComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$R);
   var theme = useTheme();
@@ -15775,7 +15776,7 @@ var ModalTitle = withScale(ModalTitleComponent);
 var _excluded$Q = ["className", "children"];
 var ModalSubtitleComponent = function ModalSubtitleComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$Q);
   var theme = useTheme();
@@ -15794,7 +15795,7 @@ var ModalSubtitle = withScale(ModalSubtitleComponent);
 var _excluded$P = ["className", "children"];
 var ModalContentComponent = function ModalContentComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$P);
   var _useScale = useScale(),
@@ -15817,7 +15818,7 @@ DrawerComponent.Content = ModalContent;
 var _excluded$O = ["className", "children"];
 var FieldsetTitle = function FieldsetTitle(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$O);
   var classes = useClasses('title', className);
@@ -15832,7 +15833,7 @@ FieldsetTitle.displayName = 'FieldsetTitle';
 var _excluded$N = ["className", "children"];
 var FieldsetSubtitle = function FieldsetSubtitle(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$N);
   return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", _extends({}, props, {
@@ -15846,7 +15847,7 @@ FieldsetSubtitle.displayName = 'FieldsetSubtitle';
 var _excluded$M = ["className", "children"];
 var FieldsetFooterComponent = function FieldsetFooterComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$M);
   var theme = useTheme();
@@ -15865,7 +15866,7 @@ var FieldsetFooter = withScale(FieldsetFooterComponent);
 var _excluded$L = ["className", "children"];
 var FieldsetContentComponent = function FieldsetContentComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$L);
   var _useScale = useScale(),
@@ -15895,16 +15896,16 @@ var useFieldset = function useFieldset() {
 var _excluded$K = ["className", "title", "subtitle", "children", "value", "label"];
 var FieldsetComponent = function FieldsetComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$title = _ref.title,
-    title = _ref$title === undefined ? '' : _ref$title,
+    title = _ref$title === void 0 ? '' : _ref$title,
     _ref$subtitle = _ref.subtitle,
-    subtitle = _ref$subtitle === undefined ? '' : _ref$subtitle,
+    subtitle = _ref$subtitle === void 0 ? '' : _ref$subtitle,
     children = _ref.children,
     _ref$value = _ref.value,
-    value = _ref$value === undefined ? '' : _ref$value,
+    value = _ref$value === void 0 ? '' : _ref$value,
     _ref$label = _ref.label,
-    label = _ref$label === undefined ? '' : _ref$label,
+    label = _ref$label === void 0 ? '' : _ref$label,
     props = _objectWithoutProperties(_ref, _excluded$K);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -15962,7 +15963,7 @@ var Fieldset = withScale(FieldsetComponent);
 var _excluded$J = ["className", "children", "value", "onChange"];
 var FieldsetGroupComponent = function FieldsetGroupComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     value = _ref.value,
     onChange = _ref.onChange,
@@ -20119,7 +20120,7 @@ function requireClone () {
 }
 
 var cloneExports = requireClone();
-var clone = /*@__PURE__*/getDefaultExportFromCjs(cloneExports);
+var clone$1 = /*@__PURE__*/getDefaultExportFromCjs(cloneExports);
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee
@@ -20608,7 +20609,7 @@ function getIn(obj, key, def) {
  * @see https://github.com/jaredpalmer/formik/pull/123
  */
 function setIn(obj, path, value) {
-  var res = clone(obj); // this keeps inheritance when obj is a class
+  var res = clone$1(obj); // this keeps inheritance when obj is a class
   var resVal = res;
   var i = 0;
   var pathArray = toPath(path);
@@ -20616,7 +20617,7 @@ function setIn(obj, path, value) {
     var currentPath = pathArray[i];
     var currentObj = getIn(obj, pathArray.slice(0, i + 1));
     if (currentObj && (isObject(currentObj) || Array.isArray(currentObj))) {
-      resVal = resVal[currentPath] = clone(currentObj);
+      resVal = resVal[currentPath] = clone$1(currentObj);
     } else {
       var nextPath = pathArray[i + 1];
       resVal = resVal[currentPath] = isInteger(nextPath) && Number(nextPath) >= 0 ? [] : {};
@@ -20738,7 +20739,7 @@ function formikReducer(state, msg) {
   }
 }
 
-// Initial empty states // objects
+// Initial empty states // objects // FormikErrors<unkown>
 var emptyErrors = {};
 var emptyTouched = {};
 
@@ -20747,14 +20748,14 @@ var emptyTouched = {};
 
 function useFormik(_ref) {
   var _ref$validateOnChange = _ref.validateOnChange,
-    validateOnChange = _ref$validateOnChange === undefined ? true : _ref$validateOnChange,
+    validateOnChange = _ref$validateOnChange === void 0 ? true : _ref$validateOnChange,
     _ref$validateOnBlur = _ref.validateOnBlur,
-    validateOnBlur = _ref$validateOnBlur === undefined ? true : _ref$validateOnBlur,
+    validateOnBlur = _ref$validateOnBlur === void 0 ? true : _ref$validateOnBlur,
     _ref$validateOnMount = _ref.validateOnMount,
-    validateOnMount = _ref$validateOnMount === undefined ? false : _ref$validateOnMount,
+    validateOnMount = _ref$validateOnMount === void 0 ? false : _ref$validateOnMount,
     isInitialValid = _ref.isInitialValid,
     _ref$enableReinitiali = _ref.enableReinitialize,
-    enableReinitialize = _ref$enableReinitiali === undefined ? false : _ref$enableReinitiali,
+    enableReinitialize = _ref$enableReinitiali === void 0 ? false : _ref$enableReinitiali,
     onSubmit = _ref.onSubmit,
     rest = _objectWithoutProperties(_ref, _excluded$I);
   var props = _objectSpread2({
@@ -20928,7 +20929,7 @@ function useFormik(_ref) {
         });
       }
       return combinedErrors;
-    });
+    }); // CODE UPDATED
   });
   React__namespace.useEffect(function () {
     if (validateOnMount && isMounted.current === true && isEqual(initialValues.current, props.initialValues)) {
@@ -21627,7 +21628,7 @@ function useEventCallback(fn) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    return ref.current.apply(undefined, args);
+    return ref.current.apply(void 0, args);
   }, []);
 }
 
@@ -21654,7 +21655,7 @@ var _excluded$H = ["mapPropsToValues"],
  */
 function withFormik(_ref) {
   var _ref$mapPropsToValues = _ref.mapPropsToValues,
-    mapPropsToValues = _ref$mapPropsToValues === undefined ? function (vanillaProps) {
+    mapPropsToValues = _ref$mapPropsToValues === void 0 ? function (vanillaProps) {
       var val = {};
       for (var k in vanillaProps) {
         if (vanillaProps.hasOwnProperty(k) && typeof vanillaProps[k] !== 'function') {
@@ -21799,7 +21800,7 @@ var ThemeProvider = function ThemeProvider(_ref) {
   var children = _ref.children,
     themeType = _ref.themeType,
     _ref$themes = _ref.themes,
-    themes = _ref$themes === undefined ? [] : _ref$themes;
+    themes = _ref$themes === void 0 ? [] : _ref$themes;
   var _React$useState = React$1.useState({
       themes: Themes.getPresets()
     }),
@@ -21814,7 +21815,7 @@ var ThemeProvider = function ThemeProvider(_ref) {
     return Themes.getPresetStaticTheme();
   }, [allThemes, themeType]);
   React$1.useEffect(function () {
-    if (!(themes !== null && themes !== undefined && themes.length)) return;
+    if (!(themes !== null && themes !== void 0 && themes.length)) return;
     setAllThemes(function (last) {
       var safeThemes = themes.filter(function (item) {
         return Themes.isAvailableThemeType(item.type);
@@ -22111,22 +22112,22 @@ var getItemLayout = function getItemLayout(val) {
 };
 var GridBasicItem = function GridBasicItem(_ref) {
   var _ref$xs = _ref.xs,
-    xs = _ref$xs === undefined ? false : _ref$xs,
+    xs = _ref$xs === void 0 ? false : _ref$xs,
     _ref$sm = _ref.sm,
-    sm = _ref$sm === undefined ? false : _ref$sm,
+    sm = _ref$sm === void 0 ? false : _ref$sm,
     _ref$md = _ref.md,
-    md = _ref$md === undefined ? false : _ref$md,
+    md = _ref$md === void 0 ? false : _ref$md,
     _ref$lg = _ref.lg,
-    lg = _ref$lg === undefined ? false : _ref$lg,
+    lg = _ref$lg === void 0 ? false : _ref$lg,
     _ref$xl = _ref.xl,
-    xl = _ref$xl === undefined ? false : _ref$xl,
+    xl = _ref$xl === void 0 ? false : _ref$xl,
     justify = _ref.justify,
     direction = _ref.direction,
     alignItems = _ref.alignItems,
     alignContent = _ref.alignContent,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$F);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -22171,7 +22172,7 @@ var _excluded$E = ["children", "className"];
 var GridComponent = function GridComponent(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$E);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -22195,12 +22196,12 @@ var Grid = withScale(GridComponent);
 var _excluded$D = ["gap", "wrap", "children", "className"];
 var GridContainerComponent = function GridContainerComponent(_ref) {
   var _ref$gap = _ref.gap,
-    gap = _ref$gap === undefined ? 0 : _ref$gap,
+    gap = _ref$gap === void 0 ? 0 : _ref$gap,
     _ref$wrap = _ref.wrap,
-    wrap = _ref$wrap === undefined ? 'wrap' : _ref$wrap,
+    wrap = _ref$wrap === void 0 ? 'wrap' : _ref$wrap,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$D);
   var _useScale = useScale(),
     unit = _useScale.unit,
@@ -22227,19 +22228,1356 @@ var GridContainer = withScale(GridContainerComponent);
 
 Grid.Container = GridContainer;
 
+/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+
+const {
+  entries,
+  setPrototypeOf,
+  isFrozen,
+  getPrototypeOf,
+  getOwnPropertyDescriptor
+} = Object;
+let {
+  freeze,
+  seal,
+  create
+} = Object; // eslint-disable-line import/no-mutable-exports
+let {
+  apply,
+  construct
+} = typeof Reflect !== 'undefined' && Reflect;
+if (!freeze) {
+  freeze = function freeze(x) {
+    return x;
+  };
+}
+if (!seal) {
+  seal = function seal(x) {
+    return x;
+  };
+}
+if (!apply) {
+  apply = function apply(fun, thisValue, args) {
+    return fun.apply(thisValue, args);
+  };
+}
+if (!construct) {
+  construct = function construct(Func, args) {
+    return new Func(...args);
+  };
+}
+const arrayForEach = unapply(Array.prototype.forEach);
+const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+const arrayPop = unapply(Array.prototype.pop);
+const arrayPush = unapply(Array.prototype.push);
+const arraySplice = unapply(Array.prototype.splice);
+const stringToLowerCase = unapply(String.prototype.toLowerCase);
+const stringToString = unapply(String.prototype.toString);
+const stringMatch = unapply(String.prototype.match);
+const stringReplace = unapply(String.prototype.replace);
+const stringIndexOf = unapply(String.prototype.indexOf);
+const stringTrim = unapply(String.prototype.trim);
+const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+const regExpTest = unapply(RegExp.prototype.test);
+const typeErrorCreate = unconstruct(TypeError);
+/**
+ * Creates a new function that calls the given function with a specified thisArg and arguments.
+ *
+ * @param func - The function to be wrapped and called.
+ * @returns A new function that calls the given function with a specified thisArg and arguments.
+ */
+function unapply(func) {
+  return function (thisArg) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    return apply(func, thisArg, args);
+  };
+}
+/**
+ * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+ *
+ * @param func - The constructor function to be wrapped and called.
+ * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
+ */
+function unconstruct(func) {
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return construct(func, args);
+  };
+}
+/**
+ * Add properties to a lookup table
+ *
+ * @param set - The set to which elements will be added.
+ * @param array - The array containing elements to be added to the set.
+ * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+ * @returns The modified set with added elements.
+ */
+function addToSet(set, array) {
+  let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+  if (setPrototypeOf) {
+    // Make 'in' and truthy checks like Boolean(set.constructor)
+    // independent of any properties defined on Object.prototype.
+    // Prevent prototype setters from intercepting set as a this value.
+    setPrototypeOf(set, null);
+  }
+  let l = array.length;
+  while (l--) {
+    let element = array[l];
+    if (typeof element === 'string') {
+      const lcElement = transformCaseFunc(element);
+      if (lcElement !== element) {
+        // Config presets (e.g. tags.js, attrs.js) are immutable.
+        if (!isFrozen(array)) {
+          array[l] = lcElement;
+        }
+        element = lcElement;
+      }
+    }
+    set[element] = true;
+  }
+  return set;
+}
+/**
+ * Clean up an array to harden against CSPP
+ *
+ * @param array - The array to be cleaned.
+ * @returns The cleaned version of the array
+ */
+function cleanArray(array) {
+  for (let index = 0; index < array.length; index++) {
+    const isPropertyExist = objectHasOwnProperty(array, index);
+    if (!isPropertyExist) {
+      array[index] = null;
+    }
+  }
+  return array;
+}
+/**
+ * Shallow clone an object
+ *
+ * @param object - The object to be cloned.
+ * @returns A new object that copies the original.
+ */
+function clone(object) {
+  const newObject = create(null);
+  for (const [property, value] of entries(object)) {
+    const isPropertyExist = objectHasOwnProperty(object, property);
+    if (isPropertyExist) {
+      if (Array.isArray(value)) {
+        newObject[property] = cleanArray(value);
+      } else if (value && typeof value === 'object' && value.constructor === Object) {
+        newObject[property] = clone(value);
+      } else {
+        newObject[property] = value;
+      }
+    }
+  }
+  return newObject;
+}
+/**
+ * This method automatically checks if the prop is function or getter and behaves accordingly.
+ *
+ * @param object - The object to look up the getter function in its prototype chain.
+ * @param prop - The property name for which to find the getter function.
+ * @returns The getter function found in the prototype chain or a fallback function.
+ */
+function lookupGetter(object, prop) {
+  while (object !== null) {
+    const desc = getOwnPropertyDescriptor(object, prop);
+    if (desc) {
+      if (desc.get) {
+        return unapply(desc.get);
+      }
+      if (typeof desc.value === 'function') {
+        return unapply(desc.value);
+      }
+    }
+    object = getPrototypeOf(object);
+  }
+  function fallbackValue() {
+    return null;
+  }
+  return fallbackValue;
+}
+
+const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+// List of SVG elements that are disallowed by default.
+// We still need to know them so that we can do namespace
+// checks properly in case one wants to add them to
+// allow-list.
+const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+// Similarly to SVG, we want to know all MathML elements,
+// even those that we disallow by default.
+const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+const text = freeze(['#text']);
+
+const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+// eslint-disable-next-line unicorn/better-regex
+const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
+const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
+const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+);
+const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+);
+const DOCTYPE_NAME = seal(/^html$/i);
+const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  ARIA_ATTR: ARIA_ATTR,
+  ATTR_WHITESPACE: ATTR_WHITESPACE,
+  CUSTOM_ELEMENT: CUSTOM_ELEMENT,
+  DATA_ATTR: DATA_ATTR,
+  DOCTYPE_NAME: DOCTYPE_NAME,
+  ERB_EXPR: ERB_EXPR,
+  IS_ALLOWED_URI: IS_ALLOWED_URI,
+  IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+  MUSTACHE_EXPR: MUSTACHE_EXPR,
+  TMPLIT_EXPR: TMPLIT_EXPR
+});
+
+/* eslint-disable @typescript-eslint/indent */
+// https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+const NODE_TYPE = {
+  element: 1,
+  text: 3,
+  // Deprecated
+  progressingInstruction: 7,
+  comment: 8,
+  document: 9};
+const getGlobal = function getGlobal() {
+  return typeof window === 'undefined' ? null : window;
+};
+/**
+ * Creates a no-op policy for internal use only.
+ * Don't export this function outside this module!
+ * @param trustedTypes The policy factory.
+ * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+ * @return The policy created (or null, if Trusted Types
+ * are not supported or creating the policy failed).
+ */
+const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+  if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+    return null;
+  }
+  // Allow the callers to control the unique policy name
+  // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+  // Policy creation with duplicate names throws in Trusted Types.
+  let suffix = null;
+  const ATTR_NAME = 'data-tt-policy-suffix';
+  if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+    suffix = purifyHostElement.getAttribute(ATTR_NAME);
+  }
+  const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+  try {
+    return trustedTypes.createPolicy(policyName, {
+      createHTML(html) {
+        return html;
+      },
+      createScriptURL(scriptUrl) {
+        return scriptUrl;
+      }
+    });
+  } catch (_) {
+    // Policy creation failed (most likely another DOMPurify script has
+    // already run). Skip creating the policy, as this will only cause errors
+    // if TT are enforced.
+    console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+    return null;
+  }
+};
+const _createHooksMap = function _createHooksMap() {
+  return {
+    afterSanitizeAttributes: [],
+    afterSanitizeElements: [],
+    afterSanitizeShadowDOM: [],
+    beforeSanitizeAttributes: [],
+    beforeSanitizeElements: [],
+    beforeSanitizeShadowDOM: [],
+    uponSanitizeAttribute: [],
+    uponSanitizeElement: [],
+    uponSanitizeShadowNode: []
+  };
+};
+function createDOMPurify() {
+  let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+  const DOMPurify = root => createDOMPurify(root);
+  DOMPurify.version = '3.2.4';
+  DOMPurify.removed = [];
+  if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
+    // Not running in a browser, provide a factory function
+    // so that you can pass your own Window
+    DOMPurify.isSupported = false;
+    return DOMPurify;
+  }
+  let {
+    document
+  } = window;
+  const originalDocument = document;
+  const currentScript = originalDocument.currentScript;
+  const {
+    DocumentFragment,
+    HTMLTemplateElement,
+    Node,
+    Element,
+    NodeFilter,
+    NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+    HTMLFormElement,
+    DOMParser,
+    trustedTypes
+  } = window;
+  const ElementPrototype = Element.prototype;
+  const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+  const remove = lookupGetter(ElementPrototype, 'remove');
+  const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+  const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+  const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+  // As per issue #47, the web-components registry is inherited by a
+  // new document created via createHTMLDocument. As per the spec
+  // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+  // a new empty registry is used when creating a template contents owner
+  // document, so we use that as our parent document to ensure nothing
+  // is inherited.
+  if (typeof HTMLTemplateElement === 'function') {
+    const template = document.createElement('template');
+    if (template.content && template.content.ownerDocument) {
+      document = template.content.ownerDocument;
+    }
+  }
+  let trustedTypesPolicy;
+  let emptyHTML = '';
+  const {
+    implementation,
+    createNodeIterator,
+    createDocumentFragment,
+    getElementsByTagName
+  } = document;
+  const {
+    importNode
+  } = originalDocument;
+  let hooks = _createHooksMap();
+  /**
+   * Expose whether this browser supports running the full DOMPurify.
+   */
+  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+  const {
+    MUSTACHE_EXPR,
+    ERB_EXPR,
+    TMPLIT_EXPR,
+    DATA_ATTR,
+    ARIA_ATTR,
+    IS_SCRIPT_OR_DATA,
+    ATTR_WHITESPACE,
+    CUSTOM_ELEMENT
+  } = EXPRESSIONS;
+  let {
+    IS_ALLOWED_URI: IS_ALLOWED_URI$1
+  } = EXPRESSIONS;
+  /**
+   * We consider the elements and attributes below to be safe. Ideally
+   * don't add any new ones but feel free to remove unwanted ones.
+   */
+  /* allowed element names */
+  let ALLOWED_TAGS = null;
+  const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+  /* Allowed attribute names */
+  let ALLOWED_ATTR = null;
+  const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+  /*
+   * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
+   * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+   * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+   * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+   */
+  let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
+    tagNameCheck: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: null
+    },
+    attributeNameCheck: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: null
+    },
+    allowCustomizedBuiltInElements: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: false
+    }
+  }));
+  /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+  let FORBID_TAGS = null;
+  /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+  let FORBID_ATTR = null;
+  /* Decide if ARIA attributes are okay */
+  let ALLOW_ARIA_ATTR = true;
+  /* Decide if custom data attributes are okay */
+  let ALLOW_DATA_ATTR = true;
+  /* Decide if unknown protocols are okay */
+  let ALLOW_UNKNOWN_PROTOCOLS = false;
+  /* Decide if self-closing tags in attributes are allowed.
+   * Usually removed due to a mXSS issue in jQuery 3.0 */
+  let ALLOW_SELF_CLOSE_IN_ATTR = true;
+  /* Output should be safe for common template engines.
+   * This means, DOMPurify removes data attributes, mustaches and ERB
+   */
+  let SAFE_FOR_TEMPLATES = false;
+  /* Output should be safe even for XML used within HTML and alike.
+   * This means, DOMPurify removes comments when containing risky content.
+   */
+  let SAFE_FOR_XML = true;
+  /* Decide if document with <html>... should be returned */
+  let WHOLE_DOCUMENT = false;
+  /* Track whether config is already set on this instance of DOMPurify. */
+  let SET_CONFIG = false;
+  /* Decide if all elements (e.g. style, script) must be children of
+   * document.body. By default, browsers might move them to document.head */
+  let FORCE_BODY = false;
+  /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+   * string (or a TrustedHTML object if Trusted Types are supported).
+   * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+   */
+  let RETURN_DOM = false;
+  /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+   * string  (or a TrustedHTML object if Trusted Types are supported) */
+  let RETURN_DOM_FRAGMENT = false;
+  /* Try to return a Trusted Type object instead of a string, return a string in
+   * case Trusted Types are not supported  */
+  let RETURN_TRUSTED_TYPE = false;
+  /* Output should be free from DOM clobbering attacks?
+   * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+   */
+  let SANITIZE_DOM = true;
+  /* Achieve full DOM Clobbering protection by isolating the namespace of named
+   * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+   *
+   * HTML/DOM spec rules that enable DOM Clobbering:
+   *   - Named Access on Window (§7.3.3)
+   *   - DOM Tree Accessors (§3.1.5)
+   *   - Form Element Parent-Child Relations (§4.10.3)
+   *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+   *   - HTMLCollection (§4.2.10.2)
+   *
+   * Namespace isolation is implemented by prefixing `id` and `name` attributes
+   * with a constant string, i.e., `user-content-`
+   */
+  let SANITIZE_NAMED_PROPS = false;
+  const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+  /* Keep element content when removing element? */
+  let KEEP_CONTENT = true;
+  /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+   * of importing it into a new Document and returning a sanitized copy */
+  let IN_PLACE = false;
+  /* Allow usage of profiles like html, svg and mathMl */
+  let USE_PROFILES = {};
+  /* Tags to ignore content of when KEEP_CONTENT is true */
+  let FORBID_CONTENTS = null;
+  const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+  /* Tags that are safe for data: URIs */
+  let DATA_URI_TAGS = null;
+  const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+  /* Attributes safe for values like "javascript:" */
+  let URI_SAFE_ATTRIBUTES = null;
+  const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+  const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+  const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+  const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+  /* Document namespace */
+  let NAMESPACE = HTML_NAMESPACE;
+  let IS_EMPTY_INPUT = false;
+  /* Allowed XHTML+XML namespaces */
+  let ALLOWED_NAMESPACES = null;
+  const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+  let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+  let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
+  // Certain elements are allowed in both SVG and HTML
+  // namespace. We need to specify them explicitly
+  // so that they don't get erroneously deleted from
+  // HTML namespace.
+  const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+  /* Parsing of strict XHTML documents */
+  let PARSER_MEDIA_TYPE = null;
+  const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+  const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+  let transformCaseFunc = null;
+  /* Keep a reference to config to pass to hooks */
+  let CONFIG = null;
+  /* Ideally, do not touch anything below this line */
+  /* ______________________________________________ */
+  const formElement = document.createElement('form');
+  const isRegexOrFunction = function isRegexOrFunction(testValue) {
+    return testValue instanceof RegExp || testValue instanceof Function;
+  };
+  /**
+   * _parseConfig
+   *
+   * @param cfg optional config literal
+   */
+  // eslint-disable-next-line complexity
+  const _parseConfig = function _parseConfig() {
+    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (CONFIG && CONFIG === cfg) {
+      return;
+    }
+    /* Shield configuration object from tampering */
+    if (!cfg || typeof cfg !== 'object') {
+      cfg = {};
+    }
+    /* Shield configuration object from prototype pollution */
+    cfg = clone(cfg);
+    PARSER_MEDIA_TYPE =
+    // eslint-disable-next-line unicorn/prefer-includes
+    SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+    // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+    transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+    /* Set configuration parameters */
+    ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+    ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+    ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+    URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+    DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+    FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+    FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
+    FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+    USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+    ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+    ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+    ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+    ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+    SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+    SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+    WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+    RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+    RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+    RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+    FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+    SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+    SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+    KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+    IN_PLACE = cfg.IN_PLACE || false; // Default false
+    IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+    NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+    MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+    HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+    CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+      CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+    }
+    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+      CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+    }
+    if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+      CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+    }
+    if (SAFE_FOR_TEMPLATES) {
+      ALLOW_DATA_ATTR = false;
+    }
+    if (RETURN_DOM_FRAGMENT) {
+      RETURN_DOM = true;
+    }
+    /* Parse profile info */
+    if (USE_PROFILES) {
+      ALLOWED_TAGS = addToSet({}, text);
+      ALLOWED_ATTR = [];
+      if (USE_PROFILES.html === true) {
+        addToSet(ALLOWED_TAGS, html$1);
+        addToSet(ALLOWED_ATTR, html);
+      }
+      if (USE_PROFILES.svg === true) {
+        addToSet(ALLOWED_TAGS, svg$1);
+        addToSet(ALLOWED_ATTR, svg);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+      if (USE_PROFILES.svgFilters === true) {
+        addToSet(ALLOWED_TAGS, svgFilters);
+        addToSet(ALLOWED_ATTR, svg);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+      if (USE_PROFILES.mathMl === true) {
+        addToSet(ALLOWED_TAGS, mathMl$1);
+        addToSet(ALLOWED_ATTR, mathMl);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+    }
+    /* Merge configuration parameters */
+    if (cfg.ADD_TAGS) {
+      if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+        ALLOWED_TAGS = clone(ALLOWED_TAGS);
+      }
+      addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+    }
+    if (cfg.ADD_ATTR) {
+      if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+        ALLOWED_ATTR = clone(ALLOWED_ATTR);
+      }
+      addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+    }
+    if (cfg.ADD_URI_SAFE_ATTR) {
+      addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+    }
+    if (cfg.FORBID_CONTENTS) {
+      if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+        FORBID_CONTENTS = clone(FORBID_CONTENTS);
+      }
+      addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+    }
+    /* Add #text in case KEEP_CONTENT is set to true */
+    if (KEEP_CONTENT) {
+      ALLOWED_TAGS['#text'] = true;
+    }
+    /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+    if (WHOLE_DOCUMENT) {
+      addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+    }
+    /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+    if (ALLOWED_TAGS.table) {
+      addToSet(ALLOWED_TAGS, ['tbody']);
+      delete FORBID_TAGS.tbody;
+    }
+    if (cfg.TRUSTED_TYPES_POLICY) {
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+      }
+      if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+      }
+      // Overwrite existing TrustedTypes policy.
+      trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+      // Sign local variables required by `sanitize`.
+      emptyHTML = trustedTypesPolicy.createHTML('');
+    } else {
+      // Uninitialized policy, attempt to initialize the internal dompurify policy.
+      if (trustedTypesPolicy === undefined) {
+        trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+      }
+      // If creating the internal policy succeeded sign internal variables.
+      if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+        emptyHTML = trustedTypesPolicy.createHTML('');
+      }
+    }
+    // Prevent further manipulation of configuration.
+    // Not available in IE8, Safari 5, etc.
+    if (freeze) {
+      freeze(cfg);
+    }
+    CONFIG = cfg;
+  };
+  /* Keep track of all possible SVG and MathML tags
+   * so that we can perform the namespace checks
+   * correctly. */
+  const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+  const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+  /**
+   * @param element a DOM element whose namespace is being checked
+   * @returns Return false if the element has a
+   *  namespace that a spec-compliant parser would never
+   *  return. Return true otherwise.
+   */
+  const _checkValidNamespace = function _checkValidNamespace(element) {
+    let parent = getParentNode(element);
+    // In JSDOM, if we're inside shadow DOM, then parentNode
+    // can be null. We just simulate parent in this case.
+    if (!parent || !parent.tagName) {
+      parent = {
+        namespaceURI: NAMESPACE,
+        tagName: 'template'
+      };
+    }
+    const tagName = stringToLowerCase(element.tagName);
+    const parentTagName = stringToLowerCase(parent.tagName);
+    if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+      return false;
+    }
+    if (element.namespaceURI === SVG_NAMESPACE) {
+      // The only way to switch from HTML namespace to SVG
+      // is via <svg>. If it happens via any other tag, then
+      // it should be killed.
+      if (parent.namespaceURI === HTML_NAMESPACE) {
+        return tagName === 'svg';
+      }
+      // The only way to switch from MathML to SVG is via`
+      // svg if parent is either <annotation-xml> or MathML
+      // text integration points.
+      if (parent.namespaceURI === MATHML_NAMESPACE) {
+        return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+      }
+      // We only allow elements that are defined in SVG
+      // spec. All others are disallowed in SVG namespace.
+      return Boolean(ALL_SVG_TAGS[tagName]);
+    }
+    if (element.namespaceURI === MATHML_NAMESPACE) {
+      // The only way to switch from HTML namespace to MathML
+      // is via <math>. If it happens via any other tag, then
+      // it should be killed.
+      if (parent.namespaceURI === HTML_NAMESPACE) {
+        return tagName === 'math';
+      }
+      // The only way to switch from SVG to MathML is via
+      // <math> and HTML integration points
+      if (parent.namespaceURI === SVG_NAMESPACE) {
+        return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+      }
+      // We only allow elements that are defined in MathML
+      // spec. All others are disallowed in MathML namespace.
+      return Boolean(ALL_MATHML_TAGS[tagName]);
+    }
+    if (element.namespaceURI === HTML_NAMESPACE) {
+      // The only way to switch from SVG to HTML is via
+      // HTML integration points, and from MathML to HTML
+      // is via MathML text integration points
+      if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+        return false;
+      }
+      if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+        return false;
+      }
+      // We disallow tags that are specific for MathML
+      // or SVG and should never appear in HTML namespace
+      return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+    }
+    // For XHTML and XML documents that support custom namespaces
+    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+      return true;
+    }
+    // The code should never reach this place (this means
+    // that the element somehow got namespace that is not
+    // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+    // Return false just in case.
+    return false;
+  };
+  /**
+   * _forceRemove
+   *
+   * @param node a DOM node
+   */
+  const _forceRemove = function _forceRemove(node) {
+    arrayPush(DOMPurify.removed, {
+      element: node
+    });
+    try {
+      // eslint-disable-next-line unicorn/prefer-dom-node-remove
+      getParentNode(node).removeChild(node);
+    } catch (_) {
+      remove(node);
+    }
+  };
+  /**
+   * _removeAttribute
+   *
+   * @param name an Attribute name
+   * @param element a DOM node
+   */
+  const _removeAttribute = function _removeAttribute(name, element) {
+    try {
+      arrayPush(DOMPurify.removed, {
+        attribute: element.getAttributeNode(name),
+        from: element
+      });
+    } catch (_) {
+      arrayPush(DOMPurify.removed, {
+        attribute: null,
+        from: element
+      });
+    }
+    element.removeAttribute(name);
+    // We void attribute values for unremovable "is" attributes
+    if (name === 'is') {
+      if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+        try {
+          _forceRemove(element);
+        } catch (_) {}
+      } else {
+        try {
+          element.setAttribute(name, '');
+        } catch (_) {}
+      }
+    }
+  };
+  /**
+   * _initDocument
+   *
+   * @param dirty - a string of dirty markup
+   * @return a DOM, filled with the dirty markup
+   */
+  const _initDocument = function _initDocument(dirty) {
+    /* Create a HTML document */
+    let doc = null;
+    let leadingWhitespace = null;
+    if (FORCE_BODY) {
+      dirty = '<remove></remove>' + dirty;
+    } else {
+      /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+      const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+      leadingWhitespace = matches && matches[0];
+    }
+    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+      // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+      dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+    }
+    const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+    /*
+     * Use the DOMParser API by default, fallback later if needs be
+     * DOMParser not work for svg when has multiple root element.
+     */
+    if (NAMESPACE === HTML_NAMESPACE) {
+      try {
+        doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+      } catch (_) {}
+    }
+    /* Use createHTMLDocument in case DOMParser is not available */
+    if (!doc || !doc.documentElement) {
+      doc = implementation.createDocument(NAMESPACE, 'template', null);
+      try {
+        doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+      } catch (_) {
+        // Syntax error if dirtyPayload is invalid xml
+      }
+    }
+    const body = doc.body || doc.documentElement;
+    if (dirty && leadingWhitespace) {
+      body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+    }
+    /* Work on whole document or just its body */
+    if (NAMESPACE === HTML_NAMESPACE) {
+      return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+    }
+    return WHOLE_DOCUMENT ? doc.documentElement : body;
+  };
+  /**
+   * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+   *
+   * @param root The root element or node to start traversing on.
+   * @return The created NodeIterator
+   */
+  const _createNodeIterator = function _createNodeIterator(root) {
+    return createNodeIterator.call(root.ownerDocument || root, root,
+    // eslint-disable-next-line no-bitwise
+    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+  };
+  /**
+   * _isClobbered
+   *
+   * @param element element to check for clobbering attacks
+   * @return true if clobbered, false if safe
+   */
+  const _isClobbered = function _isClobbered(element) {
+    return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
+  };
+  /**
+   * Checks whether the given object is a DOM node.
+   *
+   * @param value object to check whether it's a DOM node
+   * @return true is object is a DOM node
+   */
+  const _isNode = function _isNode(value) {
+    return typeof Node === 'function' && value instanceof Node;
+  };
+  function _executeHooks(hooks, currentNode, data) {
+    arrayForEach(hooks, hook => {
+      hook.call(DOMPurify, currentNode, data, CONFIG);
+    });
+  }
+  /**
+   * _sanitizeElements
+   *
+   * @protect nodeName
+   * @protect textContent
+   * @protect removeChild
+   * @param currentNode to check for permission to exist
+   * @return true if node was killed, false if left alive
+   */
+  const _sanitizeElements = function _sanitizeElements(currentNode) {
+    let content = null;
+    /* Execute a hook if present */
+    _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+    /* Check if element is clobbered or can clobber */
+    if (_isClobbered(currentNode)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Now let's check the element's type and name */
+    const tagName = transformCaseFunc(currentNode.nodeName);
+    /* Execute a hook if present */
+    _executeHooks(hooks.uponSanitizeElement, currentNode, {
+      tagName,
+      allowedTags: ALLOWED_TAGS
+    });
+    /* Detect mXSS attempts abusing namespace confusion */
+    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Remove any occurrence of processing instructions */
+    if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Remove any kind of possibly harmful comments */
+    if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Remove element if anything forbids its presence */
+    if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+      /* Check if we have a custom element to handle */
+      if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+          return false;
+        }
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+          return false;
+        }
+      }
+      /* Keep content except for bad-listed elements */
+      if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+        const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+        const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+        if (childNodes && parentNode) {
+          const childCount = childNodes.length;
+          for (let i = childCount - 1; i >= 0; --i) {
+            const childClone = cloneNode(childNodes[i], true);
+            childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+            parentNode.insertBefore(childClone, getNextSibling(currentNode));
+          }
+        }
+      }
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Check whether element has a valid namespace */
+    if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Make sure that older browsers don't get fallback-tag mXSS */
+    if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+      _forceRemove(currentNode);
+      return true;
+    }
+    /* Sanitize element content to be template-safe */
+    if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+      /* Get the element's text content */
+      content = currentNode.textContent;
+      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+        content = stringReplace(content, expr, ' ');
+      });
+      if (currentNode.textContent !== content) {
+        arrayPush(DOMPurify.removed, {
+          element: currentNode.cloneNode()
+        });
+        currentNode.textContent = content;
+      }
+    }
+    /* Execute a hook if present */
+    _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+    return false;
+  };
+  /**
+   * _isValidAttribute
+   *
+   * @param lcTag Lowercase tag name of containing element.
+   * @param lcName Lowercase attribute name.
+   * @param value Attribute value.
+   * @return Returns true if `value` is valid, otherwise false.
+   */
+  // eslint-disable-next-line complexity
+  const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+    /* Make sure attribute cannot clobber */
+    if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+      return false;
+    }
+    /* Allow valid data-* attributes: At least one character after "-"
+        (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+        XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+        We don't need to check the value; it's always URI safe. */
+    if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+      if (
+      // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+      // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+      // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+      _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+      // Alternative, second condition checks if it's an `is`-attribute, AND
+      // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+      lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+        return false;
+      }
+      /* Check value is safe. First, is attr inert? If so, is safe */
+    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+      return false;
+    } else ;
+    return true;
+  };
+  /**
+   * _isBasicCustomElement
+   * checks if at least one dash is included in tagName, and it's not the first char
+   * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+   *
+   * @param tagName name of the tag of the node to sanitize
+   * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+   */
+  const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+    return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+  };
+  /**
+   * _sanitizeAttributes
+   *
+   * @protect attributes
+   * @protect nodeName
+   * @protect removeAttribute
+   * @protect setAttribute
+   *
+   * @param currentNode to sanitize
+   */
+  const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+    /* Execute a hook if present */
+    _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+    const {
+      attributes
+    } = currentNode;
+    /* Check if we have attributes; if not we might have a text node */
+    if (!attributes || _isClobbered(currentNode)) {
+      return;
+    }
+    const hookEvent = {
+      attrName: '',
+      attrValue: '',
+      keepAttr: true,
+      allowedAttributes: ALLOWED_ATTR,
+      forceKeepAttr: undefined
+    };
+    let l = attributes.length;
+    /* Go backwards over all attributes; safely remove bad ones */
+    while (l--) {
+      const attr = attributes[l];
+      const {
+        name,
+        namespaceURI,
+        value: attrValue
+      } = attr;
+      const lcName = transformCaseFunc(name);
+      let value = name === 'value' ? attrValue : stringTrim(attrValue);
+      /* Execute a hook if present */
+      hookEvent.attrName = lcName;
+      hookEvent.attrValue = value;
+      hookEvent.keepAttr = true;
+      hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+      _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+      value = hookEvent.attrValue;
+      /* Full DOM Clobbering protection via namespace isolation,
+       * Prefix id and name attributes with `user-content-`
+       */
+      if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+        // Remove the attribute with this value
+        _removeAttribute(name, currentNode);
+        // Prefix the value and later re-create the attribute with the sanitized value
+        value = SANITIZE_NAMED_PROPS_PREFIX + value;
+      }
+      /* Work around a security issue with comments inside attributes */
+      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+        _removeAttribute(name, currentNode);
+        continue;
+      }
+      /* Did the hooks approve of the attribute? */
+      if (hookEvent.forceKeepAttr) {
+        continue;
+      }
+      /* Remove attribute */
+      _removeAttribute(name, currentNode);
+      /* Did the hooks approve of the attribute? */
+      if (!hookEvent.keepAttr) {
+        continue;
+      }
+      /* Work around a security issue in jQuery 3.0 */
+      if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+        _removeAttribute(name, currentNode);
+        continue;
+      }
+      /* Sanitize attribute content to be template-safe */
+      if (SAFE_FOR_TEMPLATES) {
+        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+          value = stringReplace(value, expr, ' ');
+        });
+      }
+      /* Is `value` valid for this attribute? */
+      const lcTag = transformCaseFunc(currentNode.nodeName);
+      if (!_isValidAttribute(lcTag, lcName, value)) {
+        continue;
+      }
+      /* Handle attributes that require Trusted Types */
+      if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+        if (namespaceURI) ; else {
+          switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+            case 'TrustedHTML':
+              {
+                value = trustedTypesPolicy.createHTML(value);
+                break;
+              }
+            case 'TrustedScriptURL':
+              {
+                value = trustedTypesPolicy.createScriptURL(value);
+                break;
+              }
+          }
+        }
+      }
+      /* Handle invalid data-* attribute set by try-catching it */
+      try {
+        if (namespaceURI) {
+          currentNode.setAttributeNS(namespaceURI, name, value);
+        } else {
+          /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+          currentNode.setAttribute(name, value);
+        }
+        if (_isClobbered(currentNode)) {
+          _forceRemove(currentNode);
+        } else {
+          arrayPop(DOMPurify.removed);
+        }
+      } catch (_) {}
+    }
+    /* Execute a hook if present */
+    _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+  };
+  /**
+   * _sanitizeShadowDOM
+   *
+   * @param fragment to iterate over recursively
+   */
+  const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+    let shadowNode = null;
+    const shadowIterator = _createNodeIterator(fragment);
+    /* Execute a hook if present */
+    _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+    while (shadowNode = shadowIterator.nextNode()) {
+      /* Execute a hook if present */
+      _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+      /* Sanitize tags and elements */
+      _sanitizeElements(shadowNode);
+      /* Check attributes next */
+      _sanitizeAttributes(shadowNode);
+      /* Deep shadow DOM detected */
+      if (shadowNode.content instanceof DocumentFragment) {
+        _sanitizeShadowDOM(shadowNode.content);
+      }
+    }
+    /* Execute a hook if present */
+    _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+  };
+  // eslint-disable-next-line complexity
+  DOMPurify.sanitize = function (dirty) {
+    let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let body = null;
+    let importedNode = null;
+    let currentNode = null;
+    let returnNode = null;
+    /* Make sure we have a string to sanitize.
+      DO NOT return early, as this will return the wrong type if
+      the user has requested a DOM object rather than a string */
+    IS_EMPTY_INPUT = !dirty;
+    if (IS_EMPTY_INPUT) {
+      dirty = '<!-->';
+    }
+    /* Stringify, in case dirty is an object */
+    if (typeof dirty !== 'string' && !_isNode(dirty)) {
+      if (typeof dirty.toString === 'function') {
+        dirty = dirty.toString();
+        if (typeof dirty !== 'string') {
+          throw typeErrorCreate('dirty is not a string, aborting');
+        }
+      } else {
+        throw typeErrorCreate('toString is not a function');
+      }
+    }
+    /* Return dirty HTML if DOMPurify cannot run */
+    if (!DOMPurify.isSupported) {
+      return dirty;
+    }
+    /* Assign config vars */
+    if (!SET_CONFIG) {
+      _parseConfig(cfg);
+    }
+    /* Clean up removed elements */
+    DOMPurify.removed = [];
+    /* Check if dirty is correctly typed for IN_PLACE */
+    if (typeof dirty === 'string') {
+      IN_PLACE = false;
+    }
+    if (IN_PLACE) {
+      /* Do some early pre-sanitization to avoid unsafe root nodes */
+      if (dirty.nodeName) {
+        const tagName = transformCaseFunc(dirty.nodeName);
+        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+          throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+        }
+      }
+    } else if (dirty instanceof Node) {
+      /* If dirty is a DOM element, append to an empty document to avoid
+         elements being stripped by the parser */
+      body = _initDocument('<!---->');
+      importedNode = body.ownerDocument.importNode(dirty, true);
+      if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+        /* Node is already a body, use as is */
+        body = importedNode;
+      } else if (importedNode.nodeName === 'HTML') {
+        body = importedNode;
+      } else {
+        // eslint-disable-next-line unicorn/prefer-dom-node-append
+        body.appendChild(importedNode);
+      }
+    } else {
+      /* Exit directly if we have nothing to do */
+      if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+      // eslint-disable-next-line unicorn/prefer-includes
+      dirty.indexOf('<') === -1) {
+        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      }
+      /* Initialize the document to work on */
+      body = _initDocument(dirty);
+      /* Check we have a DOM node from the data */
+      if (!body) {
+        return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+      }
+    }
+    /* Remove first element node (ours) if FORCE_BODY is set */
+    if (body && FORCE_BODY) {
+      _forceRemove(body.firstChild);
+    }
+    /* Get node iterator */
+    const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+    /* Now start iterating over the created document */
+    while (currentNode = nodeIterator.nextNode()) {
+      /* Sanitize tags and elements */
+      _sanitizeElements(currentNode);
+      /* Check attributes next */
+      _sanitizeAttributes(currentNode);
+      /* Shadow DOM detected, sanitize it */
+      if (currentNode.content instanceof DocumentFragment) {
+        _sanitizeShadowDOM(currentNode.content);
+      }
+    }
+    /* If we sanitized `dirty` in-place, return it. */
+    if (IN_PLACE) {
+      return dirty;
+    }
+    /* Return sanitized string or DOM */
+    if (RETURN_DOM) {
+      if (RETURN_DOM_FRAGMENT) {
+        returnNode = createDocumentFragment.call(body.ownerDocument);
+        while (body.firstChild) {
+          // eslint-disable-next-line unicorn/prefer-dom-node-append
+          returnNode.appendChild(body.firstChild);
+        }
+      } else {
+        returnNode = body;
+      }
+      if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+        /*
+          AdoptNode() is not used because internal state is not reset
+          (e.g. the past names map of a HTMLFormElement), this is safe
+          in theory but we would rather not risk another attack vector.
+          The state that is cloned by importNode() is explicitly defined
+          by the specs.
+        */
+        returnNode = importNode.call(originalDocument, returnNode, true);
+      }
+      return returnNode;
+    }
+    let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+    /* Serialize doctype if allowed */
+    if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+      serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+    }
+    /* Sanitize final string template-safe */
+    if (SAFE_FOR_TEMPLATES) {
+      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+        serializedHTML = stringReplace(serializedHTML, expr, ' ');
+      });
+    }
+    return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+  };
+  DOMPurify.setConfig = function () {
+    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _parseConfig(cfg);
+    SET_CONFIG = true;
+  };
+  DOMPurify.clearConfig = function () {
+    CONFIG = null;
+    SET_CONFIG = false;
+  };
+  DOMPurify.isValidAttribute = function (tag, attr, value) {
+    /* Initialize shared config vars if necessary. */
+    if (!CONFIG) {
+      _parseConfig({});
+    }
+    const lcTag = transformCaseFunc(tag);
+    const lcName = transformCaseFunc(attr);
+    return _isValidAttribute(lcTag, lcName, value);
+  };
+  DOMPurify.addHook = function (entryPoint, hookFunction) {
+    if (typeof hookFunction !== 'function') {
+      return;
+    }
+    arrayPush(hooks[entryPoint], hookFunction);
+  };
+  DOMPurify.removeHook = function (entryPoint, hookFunction) {
+    if (hookFunction !== undefined) {
+      const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+      return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
+    }
+    return arrayPop(hooks[entryPoint]);
+  };
+  DOMPurify.removeHooks = function (entryPoint) {
+    hooks[entryPoint] = [];
+  };
+  DOMPurify.removeAllHooks = function () {
+    hooks = _createHooksMap();
+  };
+  return DOMPurify;
+}
+var purify = createDOMPurify();
+
+var HtmlRenderer = function HtmlRenderer(_ref) {
+  var htmlString = _ref.htmlString;
+  var sanitizedHTML = purify.sanitize(htmlString);
+  return /*#__PURE__*/React$1.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: sanitizedHTML
+    }
+  });
+};
+
 var _excluded$C = ["command", "shift", "option", "ctrl", "children", "className"];
 var KeyboardComponent = function KeyboardComponent(_ref) {
   var _ref$command = _ref.command,
-    command = _ref$command === undefined ? false : _ref$command,
+    command = _ref$command === void 0 ? false : _ref$command,
     _ref$shift = _ref.shift,
-    shift = _ref$shift === undefined ? false : _ref$shift,
+    shift = _ref$shift === void 0 ? false : _ref$shift,
     _ref$option = _ref.option,
-    option = _ref$option === undefined ? false : _ref$option,
+    option = _ref$option === void 0 ? false : _ref$option,
     _ref$ctrl = _ref.ctrl,
-    ctrl = _ref$ctrl === undefined ? false : _ref$ctrl,
+    ctrl = _ref$ctrl === void 0 ? false : _ref$ctrl,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$C);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -22267,10 +23605,10 @@ var Keyboard = withScale(KeyboardComponent);
 var _excluded$B = ["className", "children", "visible"];
 var ModalWrapper = function ModalWrapper(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$visible = _ref.visible,
-    visible = _ref$visible === undefined ? false : _ref$visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
     props = _objectWithoutProperties(_ref, _excluded$B);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -22338,13 +23676,13 @@ var useModalContext = function useModalContext() {
 var _excluded$A = ["className", "children", "onClick", "passive", "disabled"];
 var ModalActionComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     onClick = _ref.onClick,
     _ref$passive = _ref.passive,
-    passive = _ref$passive === undefined ? false : _ref$passive,
+    passive = _ref$passive === void 0 ? false : _ref$passive,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     props = _objectWithoutProperties(_ref, _excluded$A);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -22426,18 +23764,18 @@ var ModalComponent = function ModalComponent(_ref) {
     onClose = _ref.onClose,
     children = _ref.children,
     _ref$keyboard = _ref.keyboard,
-    keyboard = _ref$keyboard === undefined ? true : _ref$keyboard,
+    keyboard = _ref$keyboard === void 0 ? true : _ref$keyboard,
     _ref$wrapClassName = _ref.wrapClassName,
-    wrapClassName = _ref$wrapClassName === undefined ? '' : _ref$wrapClassName,
+    wrapClassName = _ref$wrapClassName === void 0 ? '' : _ref$wrapClassName,
     onContentClick = _ref.onContentClick,
     _ref$disableBackdropC = _ref.disableBackdropClick,
-    disableBackdropClick = _ref$disableBackdropC === undefined ? false : _ref$disableBackdropC,
+    disableBackdropClick = _ref$disableBackdropC === void 0 ? false : _ref$disableBackdropC,
     _ref$positionClassNam = _ref.positionClassName,
-    positionClassName = _ref$positionClassNam === undefined ? '' : _ref$positionClassNam,
+    positionClassName = _ref$positionClassNam === void 0 ? '' : _ref$positionClassNam,
     _ref$backdropClassNam = _ref.backdropClassName,
-    backdropClassName = _ref$backdropClassNam === undefined ? '' : _ref$backdropClassNam,
+    backdropClassName = _ref$backdropClassNam === void 0 ? '' : _ref$backdropClassNam,
     _ref$layerClassName = _ref.layerClassName,
-    layerClassName = _ref$layerClassName === undefined ? '' : _ref$layerClassName;
+    layerClassName = _ref$layerClassName === void 0 ? '' : _ref$layerClassName;
   var portal = usePortal('modal');
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -22528,13 +23866,13 @@ var getStatusColor = function getStatusColor(type, filled, theme) {
 var NoteComponent = function NoteComponent(_ref) {
   var children = _ref.children,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$label = _ref.label,
-    label = _ref$label === undefined ? 'note' : _ref$label,
+    label = _ref$label === void 0 ? 'note' : _ref$label,
     _ref$filled = _ref.filled,
-    filled = _ref$filled === undefined ? false : _ref$filled,
+    filled = _ref$filled === void 0 ? false : _ref$filled,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$y);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -22562,7 +23900,7 @@ var Note = withScale(NoteComponent);
 var _excluded$x = ["className", "children"];
 var PageContentComponent = function PageContentComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$x);
   var _useScale = useScale(),
@@ -22598,14 +23936,14 @@ var DotStyles = function DotStyles(_ref) {
 var PageComponent = function PageComponent(_ref2) {
   var children = _ref2.children,
     _ref2$render = _ref2.render,
-    render = _ref2$render === undefined ? 'default' : _ref2$render,
+    render = _ref2$render === void 0 ? 'default' : _ref2$render,
     _ref2$dotBackdrop = _ref2.dotBackdrop,
-    dotBackdrop = _ref2$dotBackdrop === undefined ? false : _ref2$dotBackdrop,
+    dotBackdrop = _ref2$dotBackdrop === void 0 ? false : _ref2$dotBackdrop,
     className = _ref2.className,
     _ref2$dotSize = _ref2.dotSize,
-    dotSize = _ref2$dotSize === undefined ? '1px' : _ref2$dotSize,
+    dotSize = _ref2$dotSize === void 0 ? '1px' : _ref2$dotSize,
     _ref2$dotSpace = _ref2.dotSpace,
-    dotSpace = _ref2$dotSpace === undefined ? 1 : _ref2$dotSpace,
+    dotSpace = _ref2$dotSpace === void 0 ? 1 : _ref2$dotSpace,
     props = _objectWithoutProperties(_ref2, _excluded$w);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -22649,9 +23987,9 @@ var _excluded$v = ["children", "center", "className"];
 var PageHeaderComponent = function PageHeaderComponent(_ref) {
   var children = _ref.children,
     _ref$center = _ref.center,
-    center = _ref$center === undefined ? false : _ref$center,
+    center = _ref$center === void 0 ? false : _ref$center,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$v);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -22915,15 +24253,15 @@ var _excluded$q = ["page", "initialPage", "count", "limit", "children", "onChang
 var PaginationComponent = function PaginationComponent(_ref) {
   var customPage = _ref.page,
     _ref$initialPage = _ref.initialPage,
-    initialPage = _ref$initialPage === undefined ? 1 : _ref$initialPage,
+    initialPage = _ref$initialPage === void 0 ? 1 : _ref$initialPage,
     _ref$count = _ref.count,
-    count = _ref$count === undefined ? 1 : _ref$count,
+    count = _ref$count === void 0 ? 1 : _ref$count,
     _ref$limit = _ref.limit,
-    limit = _ref$limit === undefined ? 7 : _ref$limit,
+    limit = _ref$limit === void 0 ? 7 : _ref$limit,
     children = _ref.children,
     onChange = _ref.onChange,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$q);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -23281,28 +24619,28 @@ var _excluded$p = ["children", "initialVisible", "text", "offset", "placement",
 var TooltipComponent = function TooltipComponent(_ref) {
   var children = _ref.children,
     _ref$initialVisible = _ref.initialVisible,
-    initialVisible = _ref$initialVisible === undefined ? false : _ref$initialVisible,
+    initialVisible = _ref$initialVisible === void 0 ? false : _ref$initialVisible,
     text = _ref.text,
     _ref$offset = _ref.offset,
-    offset = _ref$offset === undefined ? 12 : _ref$offset,
+    offset = _ref$offset === void 0 ? 12 : _ref$offset,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === undefined ? 'top' : _ref$placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
     _ref$portalClassName = _ref.portalClassName,
-    portalClassName = _ref$portalClassName === undefined ? '' : _ref$portalClassName,
+    portalClassName = _ref$portalClassName === void 0 ? '' : _ref$portalClassName,
     _ref$enterDelay = _ref.enterDelay,
-    enterDelay = _ref$enterDelay === undefined ? 100 : _ref$enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
     _ref$leaveDelay = _ref.leaveDelay,
-    leaveDelay = _ref$leaveDelay === undefined ? 150 : _ref$leaveDelay,
+    leaveDelay = _ref$leaveDelay === void 0 ? 150 : _ref$leaveDelay,
     _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === undefined ? 'hover' : _ref$trigger,
+    trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$onVisibleChange = _ref.onVisibleChange,
-    onVisibleChange = _ref$onVisibleChange === undefined ? function () {} : _ref$onVisibleChange,
+    onVisibleChange = _ref$onVisibleChange === void 0 ? function () {} : _ref$onVisibleChange,
     _ref$hideArrow = _ref.hideArrow,
-    hideArrow = _ref$hideArrow === undefined ? false : _ref$hideArrow,
+    hideArrow = _ref$hideArrow === void 0 ? false : _ref$hideArrow,
     customVisible = _ref.visible,
     props = _objectWithoutProperties(_ref, _excluded$p);
   var timer = React$1.useRef();
@@ -23312,7 +24650,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
     visible = _useState2[0],
     setVisible = _useState2[1];
   var iconOffset = React$1.useMemo(function () {
-    if (!(ref !== null && ref !== undefined && ref.current)) return {
+    if (!(ref !== null && ref !== void 0 && ref.current)) return {
       x: '0.75em',
       y: '0.75em'
     };
@@ -23321,7 +24659,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
       x: "".concat(rect.width ? rect.width / 2 : 0, "px"),
       y: "".concat(rect.height ? rect.height / 2 : 0, "px")
     };
-  }, [ref === null || ref === undefined ? undefined : ref.current]);
+  }, [ref === null || ref === void 0 ? void 0 : ref.current]);
   var contentProps = {
     type: type,
     visible: visible,
@@ -23401,25 +24739,25 @@ var PopoverComponent = function PopoverComponent(_ref) {
   var child = _ref.child,
     children = _ref.children,
     _ref$enterDelay = _ref.enterDelay,
-    enterDelay = _ref$enterDelay === undefined ? 100 : _ref$enterDelay,
+    enterDelay = _ref$enterDelay === void 0 ? 100 : _ref$enterDelay,
     _ref$leaveDelay = _ref.leaveDelay,
-    leaveDelay = _ref$leaveDelay === undefined ? 150 : _ref$leaveDelay,
+    leaveDelay = _ref$leaveDelay === void 0 ? 150 : _ref$leaveDelay,
     _ref$offset = _ref.offset,
-    offset = _ref$offset === undefined ? 12 : _ref$offset,
+    offset = _ref$offset === void 0 ? 12 : _ref$offset,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === undefined ? 'click' : _ref$trigger,
+    trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === undefined ? 'bottom' : _ref$placement,
+    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
     _ref$initialVisible = _ref.initialVisible,
-    initialVisible = _ref$initialVisible === undefined ? false : _ref$initialVisible,
+    initialVisible = _ref$initialVisible === void 0 ? false : _ref$initialVisible,
     _ref$portalClassName = _ref.portalClassName,
-    portalClassName = _ref$portalClassName === undefined ? '' : _ref$portalClassName,
+    portalClassName = _ref$portalClassName === void 0 ? '' : _ref$portalClassName,
     _ref$disableItemsAuto = _ref.disableItemsAutoClose,
-    disableItemsAutoClose = _ref$disableItemsAuto === undefined ? false : _ref$disableItemsAuto,
+    disableItemsAutoClose = _ref$disableItemsAuto === void 0 ? false : _ref$disableItemsAuto,
     _ref$onVisibleChange = _ref.onVisibleChange,
-    onVisibleChange = _ref$onVisibleChange === undefined ? function () {} : _ref$onVisibleChange,
+    onVisibleChange = _ref$onVisibleChange === void 0 ? function () {} : _ref$onVisibleChange,
     customVisible = _ref.visible,
     props = _objectWithoutProperties(_ref, _excluded$o);
   var _useScale = useScale(),
@@ -23474,16 +24812,16 @@ var _excluded$n = ["children", "line", "showTitle", "className", "onClick", "sel
 var PopoverItemComponent = function PopoverItemComponent(_ref) {
   var children = _ref.children,
     _ref$line = _ref.line,
-    line = _ref$line === undefined ? false : _ref$line,
+    line = _ref$line === void 0 ? false : _ref$line,
     _ref$showTitle = _ref.showTitle,
-    showTitle = _ref$showTitle === undefined ? false : _ref$showTitle,
+    showTitle = _ref$showTitle === void 0 ? false : _ref$showTitle,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     onClick = _ref.onClick,
     _ref$selected = _ref.selected,
-    selected = _ref$selected === undefined ? false : _ref$selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
     _ref$disableAutoClose = _ref.disableAutoClose,
-    disableAutoClose = _ref$disableAutoClose === undefined ? false : _ref$disableAutoClose,
+    disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
     props = _objectWithoutProperties(_ref, _excluded$n);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -23546,18 +24884,18 @@ var getCurrentColor = function getCurrentColor(ratio, palette, type) {
 };
 var ProgressComponent = function ProgressComponent(_ref) {
   var _ref$value = _ref.value,
-    value = _ref$value === undefined ? 0 : _ref$value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
     _ref$max = _ref.max,
-    max = _ref$max === undefined ? 100 : _ref$max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     colors = _ref.colors,
     _ref$fixedTop = _ref.fixedTop,
-    fixedTop = _ref$fixedTop === undefined ? false : _ref$fixedTop,
+    fixedTop = _ref$fixedTop === void 0 ? false : _ref$fixedTop,
     _ref$fixedBottom = _ref.fixedBottom,
-    fixedBottom = _ref$fixedBottom === undefined ? false : _ref$fixedBottom,
+    fixedBottom = _ref$fixedBottom === void 0 ? false : _ref$fixedBottom,
     props = _objectWithoutProperties(_ref, _excluded$m);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -23600,7 +24938,7 @@ var useRadioContext = function useRadioContext() {
 var _excluded$l = ["className", "children"];
 var RadioDescriptionComponent = function RadioDescriptionComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$l);
   var theme = useTheme();
@@ -23651,13 +24989,13 @@ var getColors$4 = function getColors(palette, status) {
 var _excluded$k = ["className", "checked", "onChange", "disabled", "type", "value", "children"];
 var RadioComponent = function RadioComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     checked = _ref.checked,
     onChange = _ref.onChange,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     radioValue = _ref.value,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$k);
@@ -23745,15 +25083,15 @@ var Radio = withScale(RadioComponent);
 var _excluded$j = ["disabled", "onChange", "value", "children", "className", "initialValue", "useRow"];
 var RadioGroupComponent = function RadioGroupComponent(_ref) {
   var _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onChange = _ref.onChange,
     value = _ref.value,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     initialValue = _ref.initialValue,
     _ref$useRow = _ref.useRow,
-    useRow = _ref$useRow === undefined ? false : _ref$useRow,
+    useRow = _ref$useRow === void 0 ? false : _ref$useRow,
     props = _objectWithoutProperties(_ref, _excluded$j);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -23824,19 +25162,19 @@ var getColor = function getColor(type, palette) {
 };
 var RatingComponent = function RatingComponent(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$icon = _ref.icon,
-    icon = _ref$icon === undefined ? /*#__PURE__*/React$1.createElement(RatingIcon, null) : _ref$icon,
+    icon = _ref$icon === void 0 ? /*#__PURE__*/React$1.createElement(RatingIcon, null) : _ref$icon,
     _ref$count = _ref.count,
-    count = _ref$count === undefined ? 5 : _ref$count,
+    count = _ref$count === void 0 ? 5 : _ref$count,
     customValue = _ref.value,
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === undefined ? 1 : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? 1 : _ref$initialValue,
     onValueChange = _ref.onValueChange,
     _ref$locked = _ref.locked,
-    locked = _ref$locked === undefined ? false : _ref$locked,
+    locked = _ref$locked === void 0 ? false : _ref$locked,
     onLockedChange = _ref.onLockedChange,
     props = _objectWithoutProperties(_ref, _excluded$i);
   var theme = useTheme();
@@ -23932,9 +25270,9 @@ var SelectDropdown = /*#__PURE__*/React$1.forwardRef(function (_ref, dropdownRef
   var visible = _ref.visible,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$dropdownStyle = _ref.dropdownStyle,
-    dropdownStyle = _ref$dropdownStyle === undefined ? {} : _ref$dropdownStyle,
+    dropdownStyle = _ref$dropdownStyle === void 0 ? {} : _ref$dropdownStyle,
     disableMatchWidth = _ref.disableMatchWidth,
     getPopupContainer = _ref.getPopupContainer;
   var theme = useTheme();
@@ -24059,7 +25397,7 @@ var SelectInput = /*#__PURE__*/React$1.forwardRef(function (_ref, inputRef) {
   React$1.useEffect(function () {
     if (visible) {
       var _ref$current;
-      (_ref$current = ref.current) === null || _ref$current === undefined || _ref$current.focus();
+      (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
     }
   }, [visible]);
   return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("input", {
@@ -24084,30 +25422,30 @@ var SelectComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, selectRef)
   var children = _ref.children,
     label = _ref.label,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     init = _ref.initialValue,
     customValue = _ref.value,
     _ref$icon = _ref.icon,
-    Icon = _ref$icon === undefined ? SelectIcon : _ref$icon,
+    Icon = _ref$icon === void 0 ? SelectIcon : _ref$icon,
     onChange = _ref.onChange,
     _ref$pure = _ref.pure,
-    pure = _ref$pure === undefined ? false : _ref$pure,
+    pure = _ref$pure === void 0 ? false : _ref$pure,
     _ref$multiple = _ref.multiple,
-    multiple = _ref$multiple === undefined ? false : _ref$multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
     _ref$clearable = _ref.clearable,
-    clearable = _ref$clearable === undefined ? true : _ref$clearable,
+    clearable = _ref$clearable === void 0 ? true : _ref$clearable,
     placeholder = _ref.placeholder,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     dropdownClassName = _ref.dropdownClassName,
     dropdownStyle = _ref.dropdownStyle,
     _ref$disableMatchWidt = _ref.disableMatchWidth,
-    disableMatchWidth = _ref$disableMatchWidt === undefined ? false : _ref$disableMatchWidt,
+    disableMatchWidth = _ref$disableMatchWidt === void 0 ? false : _ref$disableMatchWidt,
     getPopupContainer = _ref.getPopupContainer,
     _ref$onDropdownVisibl = _ref.onDropdownVisibleChange,
-    onDropdownVisibleChange = _ref$onDropdownVisibl === undefined ? function () {} : _ref$onDropdownVisibl,
+    onDropdownVisibleChange = _ref$onDropdownVisibl === void 0 ? function () {} : _ref$onDropdownVisibl,
     props = _objectWithoutProperties(_ref, _excluded$h);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -24192,15 +25530,15 @@ var SelectComponent = /*#__PURE__*/React$1.forwardRef(function (_ref, selectRef)
     return {
       focus: function focus() {
         var _inputRef$current;
-        return (_inputRef$current = inputRef.current) === null || _inputRef$current === undefined ? undefined : _inputRef$current.focus();
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
       },
       blur: function blur() {
         var _inputRef$current2;
-        return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === undefined ? undefined : _inputRef$current2.blur();
+        return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
       },
       scrollTo: function scrollTo(options) {
         var _dropdownRef$current;
-        return (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === undefined ? undefined : _dropdownRef$current.scrollTo(options);
+        return (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.scrollTo(options);
       }
     };
   }, [inputRef, dropdownRef]);
@@ -24284,16 +25622,16 @@ var _excluded$g = ["value", "className", "children", "disabled", "divider", "lab
 var SelectOptionComponent = function SelectOptionComponent(_ref) {
   var identValue = _ref.value,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$divider = _ref.divider,
-    divider = _ref$divider === undefined ? false : _ref$divider,
+    divider = _ref$divider === void 0 ? false : _ref$divider,
     _ref$label = _ref.label,
-    label = _ref$label === undefined ? false : _ref$label,
+    label = _ref$label === void 0 ? false : _ref$label,
     _ref$preventAllEvents = _ref.preventAllEvents,
-    preventAllEvents = _ref$preventAllEvents === undefined ? false : _ref$preventAllEvents,
+    preventAllEvents = _ref$preventAllEvents === void 0 ? false : _ref$preventAllEvents,
     props = _objectWithoutProperties(_ref, _excluded$g);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -24422,11 +25760,11 @@ var useDrag = function useDrag(elementRef) {
 var SliderDot = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$left = _ref.left,
-    left = _ref$left === undefined ? 0 : _ref$left,
+    left = _ref$left === void 0 ? 0 : _ref$left,
     _ref$isClick = _ref.isClick,
-    isClick = _ref$isClick === undefined ? false : _ref$isClick;
+    isClick = _ref$isClick === void 0 ? false : _ref$isClick;
   var theme = useTheme();
   var classes = useClasses('dot', {
     disabled: disabled,
@@ -24511,25 +25849,25 @@ var getValue = function getValue(max, min, step, offsetX, railWidth) {
 };
 var SliderComponent = function SliderComponent(_ref) {
   var _ref$hideValue = _ref.hideValue,
-    hideValue = _ref$hideValue === undefined ? false : _ref$hideValue,
+    hideValue = _ref$hideValue === void 0 ? false : _ref$hideValue,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$step = _ref.step,
-    step = _ref$step === undefined ? 1 : _ref$step,
+    step = _ref$step === void 0 ? 1 : _ref$step,
     _ref$max = _ref.max,
-    max = _ref$max === undefined ? 100 : _ref$max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
     _ref$min = _ref.min,
-    min = _ref$min === undefined ? 0 : _ref$min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === undefined ? 0 : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? 0 : _ref$initialValue,
     customValue = _ref.value,
     onChange = _ref.onChange,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$showMarkers = _ref.showMarkers,
-    showMarkers = _ref$showMarkers === undefined ? false : _ref$showMarkers,
+    showMarkers = _ref$showMarkers === void 0 ? false : _ref$showMarkers,
     props = _objectWithoutProperties(_ref, _excluded$f);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -24840,21 +26178,21 @@ var textArrayToString = function textArrayToString(text) {
 };
 var SnippetComponent = function SnippetComponent(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$filled = _ref.filled,
-    filled = _ref$filled === undefined ? false : _ref$filled,
+    filled = _ref$filled === void 0 ? false : _ref$filled,
     children = _ref.children,
     _ref$symbol = _ref.symbol,
-    symbol = _ref$symbol === undefined ? '$' : _ref$symbol,
+    symbol = _ref$symbol === void 0 ? '$' : _ref$symbol,
     _ref$toastText = _ref.toastText,
-    toastText = _ref$toastText === undefined ? 'Copied to clipboard!' : _ref$toastText,
+    toastText = _ref$toastText === void 0 ? 'Copied to clipboard!' : _ref$toastText,
     _ref$toastType = _ref.toastType,
-    toastType = _ref$toastType === undefined ? 'success' : _ref$toastType,
+    toastType = _ref$toastType === void 0 ? 'success' : _ref$toastType,
     text = _ref.text,
     _ref$copy = _ref.copy,
-    copyType = _ref$copy === undefined ? 'default' : _ref$copy,
+    copyType = _ref$copy === void 0 ? 'default' : _ref$copy,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$e);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -24914,9 +26252,9 @@ var Snippet = withScale(SnippetComponent);
 var _excluded$d = ["inline", "className"];
 var SpacerComponent = function SpacerComponent(_ref) {
   var _ref$inline = _ref.inline,
-    inline = _ref$inline === undefined ? false : _ref$inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$d);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -24944,7 +26282,7 @@ var getSpans = function getSpans(theme) {
 };
 var SpinnerComponent = function SpinnerComponent(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$c);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -42233,7 +43571,7 @@ var TableHead = function TableHead(props) {
       var Header = col.label,
         accessor = col.filter,
         options = col.options;
-      var filterName = (_String = String(col === null || col === undefined ? undefined : col.label)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
+      var filterName = (_String = String(col === null || col === void 0 ? void 0 : col.label)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
       var unq_accessor = _.uniqueId(filterName);
       // if (Header === 'actions') {
       //   return (
@@ -42252,7 +43590,7 @@ var TableHead = function TableHead(props) {
       // key={unq_accessor}
       // name={filterName}
       , {
-        value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== undefined ? _filters$filterName : 'All',
+        value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== void 0 ? _filters$filterName : 'All',
         onChange: function onChange(newValue) {
           return handleFilterChange(filterName, newValue);
         }
@@ -42302,16 +43640,16 @@ var TableHead = function TableHead(props) {
     className: _JSXStyle.dynamic([["2156261549", [stickyHeader && "\n            position: sticky;\n            top: 0;\n            z-index: 1;\n          ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
   }, columns.map(function (column, index) {
     var _String2;
-    var dataName = (_String2 = String(column === null || column === undefined ? undefined : column.label)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
+    var dataName = (_String2 = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
     return /*#__PURE__*/React$1.createElement("th", {
       style: _objectSpread2({
         // textAlign: `${column?.align} !important`,
         // paddingLeft: '0.3rem',
         // paddingRight: '0.3rem',
         backgroundColor: '#fff',
-        color: "".concat(column !== null && column !== undefined && column.color ? column === null || column === undefined ? undefined : column.color : '#333'),
-        whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
-      }, column === null || column === undefined ? undefined : column.style),
+        color: "".concat(column !== null && column !== void 0 && column.color ? column === null || column === void 0 ? void 0 : column.color : '#333'),
+        whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
+      }, column === null || column === void 0 ? void 0 : column.style),
       key: "table-th-".concat(column.prop.toString(), "-").concat(index),
       "data-column": dataName,
       className: _JSXStyle.dynamic([["2156261549", [stickyHeader && "\n            position: sticky;\n            top: 0;\n            z-index: 1;\n          ", theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
@@ -42346,17 +43684,17 @@ var TableCell = function TableCell(_ref) {
     var currentRowValue = row[column.prop];
     var cellValue = currentRowValue || emptyText;
     var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
-    var dataName = (_String = String(column === null || column === undefined ? undefined : column.label)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
+    var dataName = (_String = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
     return /*#__PURE__*/React$1.createElement("td", {
       style: _objectSpread2({
-        fontSize: "".concat(column === null || column === undefined ? undefined : column.fontSize),
-        textAlign: "".concat(column === null || column === undefined ? undefined : column.align, " !important"),
+        fontSize: "".concat(column === null || column === void 0 ? void 0 : column.fontSize),
+        textAlign: "".concat(column === null || column === void 0 ? void 0 : column.align, " !important"),
         paddingLeft: '0.3rem',
         paddingRight: '0.3rem',
-        color: "".concat(column === null || column === undefined ? undefined : column.color),
+        color: "".concat(column === null || column === void 0 ? void 0 : column.color),
         boxSizing: 'border-box',
-        whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
-      }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
+        whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
+      }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
       "data-column": dataName,
       key: "row-td-".concat(index, "-").concat(column.prop.toString()),
       onClick: function onClick() {
@@ -42697,9 +44035,9 @@ var TextChild = function TextChild(_ref) {
   var children = _ref.children,
     tag = _ref.tag,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     props = _objectWithoutProperties(_ref, _excluded$b);
   var Component = tag;
   var theme = useTheme();
@@ -42756,36 +44094,36 @@ var _getModifierChild = function getModifierChild(tags, children) {
 };
 var TextComponent = function TextComponent(_ref) {
   var _ref$h = _ref.h1,
-    h1 = _ref$h === undefined ? false : _ref$h,
+    h1 = _ref$h === void 0 ? false : _ref$h,
     _ref$h2 = _ref.h2,
-    h2 = _ref$h2 === undefined ? false : _ref$h2,
+    h2 = _ref$h2 === void 0 ? false : _ref$h2,
     _ref$h3 = _ref.h3,
-    h3 = _ref$h3 === undefined ? false : _ref$h3,
+    h3 = _ref$h3 === void 0 ? false : _ref$h3,
     _ref$h4 = _ref.h4,
-    h4 = _ref$h4 === undefined ? false : _ref$h4,
+    h4 = _ref$h4 === void 0 ? false : _ref$h4,
     _ref$h5 = _ref.h5,
-    h5 = _ref$h5 === undefined ? false : _ref$h5,
+    h5 = _ref$h5 === void 0 ? false : _ref$h5,
     _ref$h6 = _ref.h6,
-    h6 = _ref$h6 === undefined ? false : _ref$h6,
+    h6 = _ref$h6 === void 0 ? false : _ref$h6,
     _ref$p = _ref.p,
-    p = _ref$p === undefined ? false : _ref$p,
+    p = _ref$p === void 0 ? false : _ref$p,
     _ref$b = _ref.b,
-    b = _ref$b === undefined ? false : _ref$b,
+    b = _ref$b === void 0 ? false : _ref$b,
     _ref$small = _ref.small,
-    small = _ref$small === undefined ? false : _ref$small,
+    small = _ref$small === void 0 ? false : _ref$small,
     _ref$i = _ref.i,
-    i = _ref$i === undefined ? false : _ref$i,
+    i = _ref$i === void 0 ? false : _ref$i,
     _ref$span = _ref.span,
-    span = _ref$span === undefined ? false : _ref$span,
+    span = _ref$span === void 0 ? false : _ref$span,
     _ref$del = _ref.del,
-    del = _ref$del === undefined ? false : _ref$del,
+    del = _ref$del === void 0 ? false : _ref$del,
     _ref$em = _ref.em,
-    em = _ref$em === undefined ? false : _ref$em,
+    em = _ref$em === void 0 ? false : _ref$em,
     _ref$blockquote = _ref.blockquote,
-    blockquote = _ref$blockquote === undefined ? false : _ref$blockquote,
+    blockquote = _ref$blockquote === void 0 ? false : _ref$blockquote,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$a);
   var elements = {
     h1: h1,
@@ -42856,7 +44194,7 @@ function Placeholder(_ref) {
     dataLength = _ref.dataLength,
     children = _ref.children,
     _ref$hide = _ref.hide,
-    hide = _ref$hide === undefined ? false : _ref$hide;
+    hide = _ref$hide === void 0 ? false : _ref$hide;
   msg = access_denied ? 'Access Denied!' : msg;
   if (dataLength !== undefined && dataLength > 0 || hide) {
     return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, children);
@@ -42935,34 +44273,34 @@ function Placeholder(_ref) {
 
 function DataTable(_ref) {
   var _ref$cols = _ref.cols,
-    cols = _ref$cols === undefined ? [] : _ref$cols,
+    cols = _ref$cols === void 0 ? [] : _ref$cols,
     _ref$rows = _ref.rows,
-    rows = _ref$rows === undefined ? [] : _ref$rows,
+    rows = _ref$rows === void 0 ? [] : _ref$rows,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     _ref$heading = _ref.heading,
-    heading = _ref$heading === undefined ? [] : _ref$heading,
+    heading = _ref$heading === void 0 ? [] : _ref$heading,
     _ref$filter = _ref.filter,
-    filter = _ref$filter === undefined ? true : _ref$filter,
+    filter = _ref$filter === void 0 ? true : _ref$filter,
     menu = _ref.menu,
     _ref$sideMenu = _ref.sideMenu,
-    sideMenu = _ref$sideMenu === undefined ? false : _ref$sideMenu,
+    sideMenu = _ref$sideMenu === void 0 ? false : _ref$sideMenu,
     _ref$style = _ref.style,
-    style = _ref$style === undefined ? {} : _ref$style,
+    style = _ref$style === void 0 ? {} : _ref$style,
     children = _ref.children,
     _ref$onBack = _ref.onBack,
-    onBack = _ref$onBack === undefined ? function () {
+    onBack = _ref$onBack === void 0 ? function () {
       window.history.back();
     } : _ref$onBack,
     onRefresh = _ref.onRefresh,
-    onFilters = _ref.onFilters,
+    _onFilters = _ref.onFilters,
     onSelectedDelete = _ref.onSelectedDelete,
     onSelectedEdit = _ref.onSelectedEdit,
     onSelected = _ref.onSelected,
     _ref$disableViewColum = _ref.disableViewColumn,
-    disableViewColumn = _ref$disableViewColum === undefined ? false : _ref$disableViewColum,
+    disableViewColumn = _ref$disableViewColum === void 0 ? false : _ref$disableViewColum,
     _ref$rowDraggable = _ref.rowDraggable,
-    rowDraggable = _ref$rowDraggable === undefined ? false : _ref$rowDraggable,
+    rowDraggable = _ref$rowDraggable === void 0 ? false : _ref$rowDraggable,
     onDragOver = _ref.onDragOver,
     onDragEnter = _ref.onDragEnter,
     onDragLeave = _ref.onDragLeave,
@@ -42972,15 +44310,15 @@ function DataTable(_ref) {
     viewLength = _ref.viewLength,
     _onPageChange = _ref.onPageChange,
     _ref$disableMenu = _ref.disableMenu,
-    disableMenu = _ref$disableMenu === undefined ? false : _ref$disableMenu,
+    disableMenu = _ref$disableMenu === void 0 ? false : _ref$disableMenu,
     _ref$cursorPagination = _ref.cursorPagination,
-    cursorPagination = _ref$cursorPagination === undefined ? false : _ref$cursorPagination,
+    cursorPagination = _ref$cursorPagination === void 0 ? false : _ref$cursorPagination,
     previousCursor = _ref.previousCursor,
     nextCursor = _ref.nextCursor,
     _ref$hasMore = _ref.hasMore,
-    hasMore = _ref$hasMore === undefined ? false : _ref$hasMore,
+    hasMore = _ref$hasMore === void 0 ? false : _ref$hasMore,
     _ref$stickyHeader = _ref.stickyHeader,
-    stickyHeader = _ref$stickyHeader === undefined ? false : _ref$stickyHeader,
+    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
     onNextPage = _ref.onNextPage,
     onPreviousPage = _ref.onPreviousPage;
   var TABLE_ID = _.uniqueId('tbl');
@@ -43017,7 +44355,7 @@ function DataTable(_ref) {
   React$1.useEffect(function () {
     cols.forEach(function (col) {
       var _String;
-      var dataName = (_String = String(col === null || col === undefined ? undefined : col.name)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
+      var dataName = (_String = String(col === null || col === void 0 ? void 0 : col.name)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
       if (hideColumn.includes(col.name)) {
         document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
           el.style.display = 'none !important';
@@ -43031,7 +44369,7 @@ function DataTable(_ref) {
   }, [hideColumn, cols]);
   function handleHideColumnClick(_event, _id) {
     var _String2;
-    var id = (_String2 = String(_id)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
+    var id = (_String2 = String(_id)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
     var selectedIndex = hideColumn.indexOf(id);
     var newSelected = [];
     if (selectedIndex === -1) {
@@ -43082,14 +44420,14 @@ function DataTable(_ref) {
 
   var COLUMNS = cols.filter(function (col) {
     var _String3;
-    var dataName = (_String3 = String(col === null || col === undefined ? undefined : col.name)) === null || _String3 === undefined ? undefined : _String3.replace(' ', '_').toLowerCase();
+    var dataName = (_String3 = String(col === null || col === void 0 ? void 0 : col.name)) === null || _String3 === void 0 ? void 0 : _String3.replace(' ', '_').toLowerCase();
     return !hideColumn.includes(dataName);
   });
   var content = function content() {
     return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, cols.map(function (option, index) {
       var _String4;
       var colunqid = _.uniqueId("".concat(option.name, "-").concat(index));
-      var dataName = (_String4 = String(option.name)) === null || _String4 === undefined ? undefined : _String4.replace(' ', '_').toLowerCase();
+      var dataName = (_String4 = String(option.name)) === null || _String4 === void 0 ? void 0 : _String4.replace(' ', '_').toLowerCase();
       var isSelected = !hideColumn.includes(dataName);
       return /*#__PURE__*/React$1.createElement(Popover.Item, {
         selected: isSelected,
@@ -43136,7 +44474,7 @@ function DataTable(_ref) {
     },
     justify: "flex-end",
     alignContent: "center"
-  }, menu, !children && !readOnly ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React$1.createElement(Tooltip, {
+  }, menu, !children && !readOnly ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, onSelected && onSelected, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React$1.createElement(Tooltip, {
     text: "Edit Selected",
     placement: "bottom",
     font: 0.8,
@@ -43184,7 +44522,7 @@ function DataTable(_ref) {
     scale: 2 / 3,
     px: 0.6,
     iconRight: /*#__PURE__*/React$1.createElement(Refresh$1, null)
-  })) : null, onFilters && filter ? /*#__PURE__*/React$1.createElement(Tooltip, {
+  })) : null, _onFilters && filter ? /*#__PURE__*/React$1.createElement(Tooltip, {
     text: "Filters",
     placement: "bottomEnd",
     font: 0.8,
@@ -43269,7 +44607,9 @@ function DataTable(_ref) {
     onSelected: function onSelected(selected) {
       return setSelected(selected);
     },
-    onFilters: onFilters,
+    onFilters: function onFilters(filters) {
+      return _onFilters && _onFilters(filters);
+    },
     data: rows,
     style: {
       borderCollapse: 'collapse',
@@ -43277,15 +44617,15 @@ function DataTable(_ref) {
     }
   }, COLUMNS.map(function (column, index) {
     return /*#__PURE__*/React$1.createElement(Table.Column, {
-      style: column === null || column === undefined ? undefined : column.style,
-      options: column === null || column === undefined ? undefined : column.options,
-      fontSize: column === null || column === undefined ? undefined : column.fontSize,
+      style: column === null || column === void 0 ? void 0 : column.style,
+      options: column === null || column === void 0 ? void 0 : column.options,
+      fontSize: column === null || column === void 0 ? void 0 : column.fontSize,
       key: "".concat(column.id, "-").concat(index),
       prop: column.id,
       label: column.name,
-      filter: column === null || column === undefined ? undefined : column.filter,
-      noWrap: column === null || column === undefined ? undefined : column.noWrap,
-      align: column === null || column === undefined ? undefined : column.align
+      filter: column === null || column === void 0 ? void 0 : column.filter,
+      noWrap: column === null || column === void 0 ? void 0 : column.noWrap,
+      align: column === null || column === void 0 ? void 0 : column.align
     });
   })))));
 }
@@ -43298,9 +44638,9 @@ var TableBody = function TableBody(_ref) {
     onCell = _ref.onCell,
     rowClassName = _ref.rowClassName,
     _ref$rowDraggable = _ref.rowDraggable,
-    rowDraggable = _ref$rowDraggable === undefined ? false : _ref$rowDraggable,
+    rowDraggable = _ref$rowDraggable === void 0 ? false : _ref$rowDraggable,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     onSelected = _ref.onSelected;
   var theme = useTheme();
   var _useState = React$1.useState([]),
@@ -43355,8 +44695,8 @@ var TableBody = function TableBody(_ref) {
     var urid = _.uniqueId();
     var className = rowClassName(row, index);
     var rw = _objectSpread2({}, row);
-    var rowStyle = (_row$style = row === null || row === undefined ? undefined : row.style) !== null && _row$style !== undefined ? _row$style : {};
-    var onDragStart = row === null || row === undefined ? undefined : row.onDragStart;
+    var rowStyle = (_row$style = row === null || row === void 0 ? void 0 : row.style) !== null && _row$style !== void 0 ? _row$style : {};
+    var onDragStart = row === null || row === void 0 ? void 0 : row.onDragStart;
     delete rw.table;
     delete rw.style;
     delete rw.onDragStart;
@@ -43398,9 +44738,9 @@ var TableBody = function TableBody(_ref) {
       dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
     }, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(2.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
   }
-  if ((data === null || data === undefined ? undefined : data.length) === 0) {
+  if ((data === null || data === void 0 ? void 0 : data.length) === 0) {
     return /*#__PURE__*/React$1.createElement("tbody", null, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", {
-      colSpan: columns === null || columns === undefined ? undefined : columns.length
+      colSpan: columns === null || columns === void 0 ? void 0 : columns.length
     }, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Placeholder, {
       empty: true,
       msg: "No Entries Found"
@@ -43421,7 +44761,7 @@ var TableBody = function TableBody(_ref) {
         className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
       }, "\u2003"));
     }
-    return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, renderRow(columns, row, index), (row === null || row === void 0 ? void 0 : row.table) && /*#__PURE__*/React$1.createElement("tr", {
       key: qid,
       className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
     }, /*#__PURE__*/React$1.createElement("td", {
@@ -43435,11 +44775,11 @@ var TableBody = function TableBody(_ref) {
       stickyHeader: false,
       style: _objectSpread2({
         height: 'auto !important'
-      }, row === null || row === undefined || (_row$table = row.table) === null || _row$table === undefined ? undefined : _row$table.style),
-      menu: (_row$table2 = row.table) === null || _row$table2 === undefined ? undefined : _row$table2.menu,
-      rows: (_row$table3 = row.table) === null || _row$table3 === undefined ? undefined : _row$table3.rows,
-      heading: (_row$table4 = row.table) === null || _row$table4 === undefined ? undefined : _row$table4.heading,
-      cols: (_row$table5 = row.table) === null || _row$table5 === undefined ? undefined : _row$table5.cols
+      }, row === null || row === void 0 || (_row$table = row.table) === null || _row$table === void 0 ? void 0 : _row$table.style),
+      menu: (_row$table2 = row.table) === null || _row$table2 === void 0 ? void 0 : _row$table2.menu,
+      rows: (_row$table3 = row.table) === null || _row$table3 === void 0 ? void 0 : _row$table3.rows,
+      heading: (_row$table4 = row.table) === null || _row$table4 === void 0 ? void 0 : _row$table4.heading,
+      cols: (_row$table5 = row.table) === null || _row$table5 === void 0 ? void 0 : _row$table5.cols
     }))));
 
     // return (
@@ -43478,9 +44818,9 @@ var TableColumn = function TableColumn(columnProps) {
     style = _ref.style,
     color = _ref.color,
     _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === undefined ? 'smaller' : _ref$fontSize,
+    fontSize = _ref$fontSize === void 0 ? 'smaller' : _ref$fontSize,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     renderHandler = _ref.render;
   var _useTableContext = useTableContext(),
     updateColumn = _useTableContext.updateColumn;
@@ -43515,17 +44855,17 @@ function TableComponent(tableProps) {
     children = _ref.children,
     customData = _ref.data,
     _ref$initialData = _ref.initialData,
-    initialData = _ref$initialData === undefined ? [] : _ref$initialData,
+    initialData = _ref$initialData === void 0 ? [] : _ref$initialData,
     _ref$hover = _ref.hover,
-    hover = _ref$hover === undefined ? true : _ref$hover,
+    hover = _ref$hover === void 0 ? true : _ref$hover,
     _ref$emptyText = _ref.emptyText,
-    emptyText = _ref$emptyText === undefined ? '' : _ref$emptyText,
+    emptyText = _ref$emptyText === void 0 ? '' : _ref$emptyText,
     _ref$rowDraggable = _ref.rowDraggable,
-    rowDraggable = _ref$rowDraggable === undefined ? false : _ref$rowDraggable,
+    rowDraggable = _ref$rowDraggable === void 0 ? false : _ref$rowDraggable,
     _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === undefined ? false : _ref$readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     _ref$cursorPagination = _ref.cursorPagination,
-    cursorPagination = _ref$cursorPagination === undefined ? false : _ref$cursorPagination,
+    cursorPagination = _ref$cursorPagination === void 0 ? false : _ref$cursorPagination,
     previousCursor = _ref.previousCursor,
     nextCursor = _ref.nextCursor;
     _ref.hasMore;
@@ -43537,16 +44877,16 @@ function TableComponent(tableProps) {
     var onFilters = _ref.onFilters,
     onPageChange = _ref.onPageChange,
     _ref$showFilters = _ref.showFilters,
-    showFilters = _ref$showFilters === undefined ? false : _ref$showFilters,
+    showFilters = _ref$showFilters === void 0 ? false : _ref$showFilters,
     _ref$stickyHeader = _ref.stickyHeader,
-    stickyHeader = _ref$stickyHeader === undefined ? false : _ref$stickyHeader,
+    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
     onSelected = _ref.onSelected,
     dataLength = _ref.dataLength,
     viewLength = _ref.viewLength,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$rowClassName = _ref.rowClassName,
-    rowClassName = _ref$rowClassName === undefined ? function () {
+    rowClassName = _ref$rowClassName === void 0 ? function () {
       return '';
     } : _ref$rowClassName,
     props = _objectWithoutProperties(_ref, _excluded$9);
@@ -43601,6 +44941,15 @@ function TableComponent(tableProps) {
       endIndex: endIndex
     };
   };
+  var _useState5 = React$1.useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filters = _useState6[0],
+    setFilters = _useState6[1];
+  React$1.useEffect(function () {
+    if (onFilters) {
+      onFilters(filters);
+    }
+  }, [filters]);
   return /*#__PURE__*/React$1.createElement(TableContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React$1.createElement("table", _extends({
@@ -43610,7 +44959,9 @@ function TableComponent(tableProps) {
   }), /*#__PURE__*/React$1.createElement(TableHead, {
     stickyHeader: stickyHeader,
     columns: columns,
-    onFilters: onFilters,
+    onFilters: function onFilters(filters) {
+      return setFilters(filters);
+    },
     showFilters: showFilters,
     width: width
   }), /*#__PURE__*/React$1.createElement(TableBody, {
@@ -43626,7 +44977,7 @@ function TableComponent(tableProps) {
   }), children, cursorPagination ? /*#__PURE__*/React$1.createElement("tfoot", {
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React$1.createElement("td", {
-    colSpan: columns === null || columns === undefined ? undefined : columns.length,
+    colSpan: columns === null || columns === void 0 ? void 0 : columns.length,
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React$1.createElement("div", {
     style: {
@@ -43660,7 +45011,7 @@ function TableComponent(tableProps) {
   }))))) : dataLength && viewLength && onPageChange ? /*#__PURE__*/React$1.createElement("tfoot", {
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React$1.createElement("td", {
-    colSpan: columns === null || columns === undefined ? undefined : columns.length,
+    colSpan: columns === null || columns === void 0 ? void 0 : columns.length,
     className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
   }, /*#__PURE__*/React$1.createElement(Pagination, {
     style: {
@@ -43712,11 +45063,11 @@ var Highlight = function Highlight(_ref) {
   var rect = _ref.rect,
     visible = _ref.visible,
     _ref$hoverHeightRatio = _ref.hoverHeightRatio,
-    hoverHeightRatio = _ref$hoverHeightRatio === undefined ? 1 : _ref$hoverHeightRatio,
+    hoverHeightRatio = _ref$hoverHeightRatio === void 0 ? 1 : _ref$hoverHeightRatio,
     _ref$hoverWidthRatio = _ref.hoverWidthRatio,
-    hoverWidthRatio = _ref$hoverWidthRatio === undefined ? 1 : _ref$hoverWidthRatio,
+    hoverWidthRatio = _ref$hoverWidthRatio === void 0 ? 1 : _ref$hoverWidthRatio,
     _ref$activeOpacity = _ref.activeOpacity,
-    activeOpacity = _ref$activeOpacity === undefined ? 0.8 : _ref$activeOpacity,
+    activeOpacity = _ref$activeOpacity === void 0 ? 0.8 : _ref$activeOpacity,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$8);
   var theme = useTheme();
@@ -43748,26 +45099,26 @@ var TabsComponent = function TabsComponent(_ref) {
   var userCustomInitialValue = _ref.initialValue,
     value = _ref.value,
     _ref$hideDivider = _ref.hideDivider,
-    hideDivider = _ref$hideDivider === undefined ? false : _ref$hideDivider,
+    hideDivider = _ref$hideDivider === void 0 ? false : _ref$hideDivider,
     hideBorder = _ref.hideBorder,
     children = _ref.children,
     onChange = _ref.onChange,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$leftSpace = _ref.leftSpace,
-    leftSpace = _ref$leftSpace === undefined ? '12px' : _ref$leftSpace,
+    leftSpace = _ref$leftSpace === void 0 ? '12px' : _ref$leftSpace,
     _ref$highlight = _ref.highlight,
-    highlight = _ref$highlight === undefined ? true : _ref$highlight,
+    highlight = _ref$highlight === void 0 ? true : _ref$highlight,
     _ref$hoverHeightRatio = _ref.hoverHeightRatio,
-    hoverHeightRatio = _ref$hoverHeightRatio === undefined ? 0.7 : _ref$hoverHeightRatio,
+    hoverHeightRatio = _ref$hoverHeightRatio === void 0 ? 0.7 : _ref$hoverHeightRatio,
     _ref$hoverWidthRatio = _ref.hoverWidthRatio,
-    hoverWidthRatio = _ref$hoverWidthRatio === undefined ? 1.15 : _ref$hoverWidthRatio,
+    hoverWidthRatio = _ref$hoverWidthRatio === void 0 ? 1.15 : _ref$hoverWidthRatio,
     _ref$activeClassName = _ref.activeClassName,
-    activeClassName = _ref$activeClassName === undefined ? '' : _ref$activeClassName,
+    activeClassName = _ref$activeClassName === void 0 ? '' : _ref$activeClassName,
     _ref$activeStyle = _ref.activeStyle,
-    activeStyle = _ref$activeStyle === undefined ? {} : _ref$activeStyle,
+    activeStyle = _ref$activeStyle === void 0 ? {} : _ref$activeStyle,
     _ref$align = _ref.align,
-    align = _ref$align === undefined ? 'left' : _ref$align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
     props = _objectWithoutProperties(_ref, _excluded$7);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -43871,7 +45222,7 @@ var TabsItemComponent = function TabsItemComponent(_ref) {
     value = _ref.value,
     label = _ref.label,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var _useTabsContext = useTabsContext(),
@@ -43971,12 +45322,12 @@ var getColors$1 = function getColors(type, palette, invert) {
 };
 var TagComponent = function TagComponent(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$invert = _ref.invert,
-    invert = _ref$invert === undefined ? false : _ref$invert,
+    invert = _ref$invert === void 0 ? false : _ref$invert,
     props = _objectWithoutProperties(_ref, _excluded$6);
   var theme = useTheme();
   var _useScale = useScale(),
@@ -44022,15 +45373,15 @@ var getColors = function getColors(palette, status) {
 var _excluded$5 = ["initialChecked", "checked", "disabled", "onChange", "type", "className", "children"];
 var ToggleComponent = function ToggleComponent(_ref) {
   var _ref$initialChecked = _ref.initialChecked,
-    initialChecked = _ref$initialChecked === undefined ? false : _ref$initialChecked,
+    initialChecked = _ref$initialChecked === void 0 ? false : _ref$initialChecked,
     checked = _ref.checked,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === undefined ? false : _ref$disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     onChange = _ref.onChange,
     _ref$type = _ref.type,
-    type = _ref$type === undefined ? 'default' : _ref$type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$5);
   var theme = useTheme();
@@ -44092,9 +45443,9 @@ var Toggle = withScale(ToggleComponent);
 var TreeFileIcon = function TreeFileIcon(_ref) {
   var color = _ref.color,
     _ref$width = _ref.width,
-    width = _ref$width === undefined ? 22 : _ref$width,
+    width = _ref$width === void 0 ? 22 : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === undefined ? 22 : _ref$height;
+    height = _ref$height === void 0 ? 22 : _ref$height;
   var theme = useTheme();
   return /*#__PURE__*/React$1.createElement("svg", {
     viewBox: "0 0 24 24",
@@ -44166,12 +45517,12 @@ var _excluded$4 = ["name", "parentPath", "level", "extra", "className"];
 var TreeFile = function TreeFile(_ref) {
   var name = _ref.name,
     _ref$parentPath = _ref.parentPath,
-    parentPath = _ref$parentPath === undefined ? '' : _ref$parentPath,
+    parentPath = _ref$parentPath === void 0 ? '' : _ref$parentPath,
     _ref$level = _ref.level,
-    level = _ref$level === undefined ? 0 : _ref$level,
+    level = _ref$level === void 0 ? 0 : _ref$level,
     extra = _ref.extra,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$4);
   var theme = useTheme();
   var _useTreeContext = useTreeContext(),
@@ -44207,9 +45558,9 @@ TreeFile.displayName = 'TreeFile';
 var TreeFolderIcon = function TreeFolderIcon(_ref) {
   var color = _ref.color,
     _ref$width = _ref.width,
-    width = _ref$width === undefined ? 22 : _ref$width,
+    width = _ref$width === void 0 ? 22 : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === undefined ? 22 : _ref$height;
+    height = _ref$height === void 0 ? 22 : _ref$height;
   var theme = useTheme();
   return /*#__PURE__*/React$1.createElement("svg", {
     viewBox: "0 0 24 24",
@@ -44235,11 +45586,11 @@ TreeFolderIcon.displayName = 'TreeFolderIcon';
 var TreeStatusIcon = function TreeStatusIcon(_ref) {
   var color = _ref.color,
     _ref$width = _ref.width,
-    width = _ref$width === undefined ? 12 : _ref$width,
+    width = _ref$width === void 0 ? 12 : _ref$width,
     _ref$height = _ref.height,
-    height = _ref$height === undefined ? 12 : _ref$height,
+    height = _ref$height === void 0 ? 12 : _ref$height,
     _ref$active = _ref.active,
-    active = _ref$active === undefined ? false : _ref$active;
+    active = _ref$active === void 0 ? false : _ref$active;
   var theme = useTheme();
   return /*#__PURE__*/React$1.createElement("svg", {
     viewBox: "0 0 24 24",
@@ -44277,11 +45628,11 @@ var _excluded$3 = ["name", "children", "parentPath", "level", "extra", "classNam
 var _TreeFolder = function TreeFolder(_ref) {
   var name = _ref.name,
     _ref$children = _ref.children,
-    children = _ref$children === undefined ? '' : _ref$children,
+    children = _ref$children === void 0 ? '' : _ref$children,
     _ref$parentPath = _ref.parentPath,
-    parentPath = _ref$parentPath === undefined ? '' : _ref$parentPath,
+    parentPath = _ref$parentPath === void 0 ? '' : _ref$parentPath,
     _ref$level = _ref.level,
-    parentLevel = _ref$level === undefined ? 0 : _ref$level,
+    parentLevel = _ref$level === void 0 ? 0 : _ref$level,
     extra = _ref.extra,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$3);
@@ -44363,7 +45714,7 @@ var Tree = function Tree(_ref) {
   var children = _ref.children,
     onClick = _ref.onClick,
     _ref$initialExpand = _ref.initialExpand,
-    initialExpand = _ref$initialExpand === undefined ? false : _ref$initialExpand,
+    initialExpand = _ref$initialExpand === void 0 ? false : _ref$initialExpand,
     value = _ref.value,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$2);
@@ -44524,7 +45875,7 @@ function useTimer() {
     expiry = _ref.expiryTimestamp,
     onExpire = _ref.onExpire,
     _ref$autoStart = _ref.autoStart,
-    autoStart = _ref$autoStart === undefined ? true : _ref$autoStart;
+    autoStart = _ref$autoStart === void 0 ? true : _ref$autoStart;
   var _useState = React$1.useState(expiry),
     _useState2 = _slicedToArray(_useState, 2),
     expiryTimestamp = _useState2[0],
@@ -44664,7 +46015,7 @@ var UserComponent = function UserComponent(_ref) {
     name = _ref.name,
     children = _ref.children,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     altText = _ref.altText,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var theme = useTheme();
@@ -44697,7 +46048,7 @@ var _excluded = ["href", "className", "children"];
 var UserLink = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
   var href = _ref.href,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React$1.createElement("div", _extends({}, props, {
@@ -44740,9 +46091,9 @@ var makeQueries = function makeQueries(bp, up, down) {
 var useMediaQuery = function useMediaQuery(breakpoint) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultResponsiveOptions;
   var _options$match = options.match,
-    matchType = _options$match === undefined ? 'default' : _options$match,
+    matchType = _options$match === void 0 ? 'default' : _options$match,
     _options$ssrMatchMedi = options.ssrMatchMedia,
-    ssrMatchMedia = _options$ssrMatchMedi === undefined ? null : _options$ssrMatchMedi;
+    ssrMatchMedia = _options$ssrMatchMedi === void 0 ? null : _options$ssrMatchMedi;
   var supportMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
   var theme = useTheme();
   var mediaQueries = React$1.useMemo(function () {
@@ -44892,7 +46243,7 @@ var Skeleton = function Skeleton(_ref) {
   width !== null ? skeletonStyle.width = width : skeletonStyle.width = "";
   height !== null ? skeletonStyle.height = height : skeletonStyle.height = "";
   shape === "circle" ? skeletonStyle.borderRadius = "50%" : skeletonStyle.borderRadius = "";
-  style !== null ? skeletonStyle = _objectSpread2(_objectSpread2({}, skeletonStyle), style) : undefined;
+  style !== null ? skeletonStyle = _objectSpread2(_objectSpread2({}, skeletonStyle), style) : void 0;
   backgroundColor !== null ? skeletonStyle.backgroundColor = backgroundColor : skeletonStyle.backgroundColor = "white";
   if (duration) setTimeout(hideSkeleton, duration);
 
@@ -45037,14 +46388,14 @@ var CartProvider = function CartProvider(_ref) {
   var children = _ref.children,
     cartId = _ref.id,
     _ref$defaultItems = _ref.defaultItems,
-    defaultItems = _ref$defaultItems === undefined ? [] : _ref$defaultItems,
+    defaultItems = _ref$defaultItems === void 0 ? [] : _ref$defaultItems,
     onSetItems = _ref.onSetItems,
     onItemAdd = _ref.onItemAdd,
     onItemUpdate = _ref.onItemUpdate,
     onItemRemove = _ref.onItemRemove,
     onEmptyCart = _ref.onEmptyCart,
     _ref$storage = _ref.storage,
-    storage = _ref$storage === undefined ? useLocalStorage : _ref$storage,
+    storage = _ref$storage === void 0 ? useLocalStorage : _ref$storage,
     metadata = _ref.metadata;
   var id = cartId ? cartId : createCartIdentifier();
   var _storage = storage(cartId ? "react-use-cart-".concat(id) : "react-use-cart", JSON.stringify(_objectSpread2(_objectSpread2({
@@ -45203,32 +46554,32 @@ var _window$2 = global.window;
 var LoginSocialFacebook = function LoginSocialFacebook(_ref) {
   var appId = _ref.appId,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'email,public_profile' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'email,public_profile' : _ref$scope,
     _ref$state = _ref.state,
-    state = _ref$state === undefined ? true : _ref$state,
+    state = _ref$state === void 0 ? true : _ref$state,
     _ref$xfbml = _ref.xfbml,
-    xfbml = _ref$xfbml === undefined ? true : _ref$xfbml,
+    xfbml = _ref$xfbml === void 0 ? true : _ref$xfbml,
     _ref$cookie = _ref.cookie,
-    cookie = _ref$cookie === undefined ? true : _ref$cookie,
+    cookie = _ref$cookie === void 0 ? true : _ref$cookie,
     _ref$version = _ref.version,
-    version = _ref$version === undefined ? 'v2.7' : _ref$version,
+    version = _ref$version === void 0 ? 'v2.7' : _ref$version,
     _ref$language = _ref.language,
-    language = _ref$language === undefined ? 'en_EN' : _ref$language,
+    language = _ref$language === void 0 ? 'en_EN' : _ref$language,
     _ref$auth_type = _ref.auth_type,
-    auth_type = _ref$auth_type === undefined ? '' : _ref$auth_type,
+    auth_type = _ref$auth_type === void 0 ? '' : _ref$auth_type,
     className = _ref.className,
     onLoginStart = _ref.onLoginStart,
     onReject = _ref.onReject,
     onResolve = _ref.onResolve,
     redirect_uri = _ref.redirect_uri,
     _ref$fieldsProfile = _ref.fieldsProfile,
-    fieldsProfile = _ref$fieldsProfile === undefined ? 'id,first_name,last_name,middle_name,name,name_format,picture,short_name,email,gender' : _ref$fieldsProfile,
+    fieldsProfile = _ref$fieldsProfile === void 0 ? 'id,first_name,last_name,middle_name,name,name_format,picture,short_name,email,gender' : _ref$fieldsProfile,
     _ref$response_type = _ref.response_type,
-    response_type = _ref$response_type === undefined ? 'code' : _ref$response_type,
+    response_type = _ref$response_type === void 0 ? 'code' : _ref$response_type,
     _ref$return_scopes = _ref.return_scopes,
-    return_scopes = _ref$return_scopes === undefined ? true : _ref$return_scopes,
+    return_scopes = _ref$return_scopes === void 0 ? true : _ref$return_scopes,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     children = _ref.children;
   var scriptNodeRef = React$1.useRef(null);
   var _useState = React$1.useState(false),
@@ -45343,36 +46694,36 @@ var _window$1 = global.window;
 var LoginSocialGoogle = function LoginSocialGoogle(_ref) {
   var client_id = _ref.client_id,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'https://www.googleapis.com/auth/userinfo.profile' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'https://www.googleapis.com/auth/userinfo.profile' : _ref$scope,
     _ref$prompt = _ref.prompt,
-    prompt = _ref$prompt === undefined ? 'select_account' : _ref$prompt,
+    prompt = _ref$prompt === void 0 ? 'select_account' : _ref$prompt,
     _ref$typeResponse = _ref.typeResponse,
-    typeResponse = _ref$typeResponse === undefined ? 'accessToken' : _ref$typeResponse,
+    typeResponse = _ref$typeResponse === void 0 ? 'accessToken' : _ref$typeResponse,
     ux_mode = _ref.ux_mode,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     _ref$login_hint = _ref.login_hint,
-    login_hint = _ref$login_hint === undefined ? '' : _ref$login_hint,
+    login_hint = _ref$login_hint === void 0 ? '' : _ref$login_hint,
     _ref$access_type = _ref.access_type,
-    access_type = _ref$access_type === undefined ? 'online' : _ref$access_type,
+    access_type = _ref$access_type === void 0 ? 'online' : _ref$access_type,
     onLoginStart = _ref.onLoginStart,
     onReject = _ref.onReject,
     onResolve = _ref.onResolve,
     _ref$redirect_uri = _ref.redirect_uri,
-    redirect_uri = _ref$redirect_uri === undefined ? '/' : _ref$redirect_uri,
+    redirect_uri = _ref$redirect_uri === void 0 ? '/' : _ref$redirect_uri,
     _ref$auto_select = _ref.auto_select,
-    auto_select = _ref$auto_select === undefined ? false : _ref$auto_select,
+    auto_select = _ref$auto_select === void 0 ? false : _ref$auto_select,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     _ref$cookie_policy = _ref.cookie_policy,
-    cookie_policy = _ref$cookie_policy === undefined ? 'single_host_origin' : _ref$cookie_policy,
+    cookie_policy = _ref$cookie_policy === void 0 ? 'single_host_origin' : _ref$cookie_policy,
     _ref$hosted_domain = _ref.hosted_domain,
-    hosted_domain = _ref$hosted_domain === undefined ? '' : _ref$hosted_domain,
+    hosted_domain = _ref$hosted_domain === void 0 ? '' : _ref$hosted_domain,
     _ref$discoveryDocs = _ref.discoveryDocs,
-    discoveryDocs = _ref$discoveryDocs === undefined ? '' : _ref$discoveryDocs,
+    discoveryDocs = _ref$discoveryDocs === void 0 ? '' : _ref$discoveryDocs,
     children = _ref.children,
     _ref$fetch_basic_prof = _ref.fetch_basic_profile,
-    fetch_basic_profile = _ref$fetch_basic_prof === undefined ? true : _ref$fetch_basic_prof;
+    fetch_basic_profile = _ref$fetch_basic_prof === void 0 ? true : _ref$fetch_basic_prof;
   var scriptNodeRef = React$1.useRef(null);
   var _useState = React$1.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -45451,7 +46802,7 @@ var LoginSocialGoogle = function LoginSocialGoogle(_ref) {
       provider: 'google',
       data: res
     });else {
-      if (res !== null && res !== undefined && res.access_token) {
+      if (res !== null && res !== void 0 && res.access_token) {
         if (isOnlyGetToken) onResolve({
           provider: 'google',
           data: res
@@ -45535,20 +46886,20 @@ var PREVENT_CORS_URL$4 = ''; //https://cors.bridged.cc
 
 var LoginSocialGithub$1 = function LoginSocialGithub(_ref) {
   var _ref$state = _ref.state,
-    state = _ref$state === undefined ? '' : _ref$state,
+    state = _ref$state === void 0 ? '' : _ref$state,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'repo,gist' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'repo,gist' : _ref$scope,
     client_id = _ref.client_id,
     client_secret = _ref.client_secret,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     redirect_uri = _ref.redirect_uri,
     _ref$allow_signup = _ref.allow_signup,
-    allow_signup = _ref$allow_signup === undefined ? false : _ref$allow_signup,
+    allow_signup = _ref$allow_signup === void 0 ? false : _ref$allow_signup,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     _ref$isOnlyGetCode = _ref.isOnlyGetCode,
-    isOnlyGetCode = _ref$isOnlyGetCode === undefined ? false : _ref$isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
     children = _ref.children,
     onReject = _ref.onReject,
     onResolve = _ref.onResolve,
@@ -45557,7 +46908,7 @@ var LoginSocialGithub$1 = function LoginSocialGithub(_ref) {
     var popupWindowURL = new URL(window.location.href);
     var code = popupWindowURL.searchParams.get('code');
     var state = popupWindowURL.searchParams.get('state');
-    if (state !== null && state !== undefined && state.includes('_github') && code) {
+    if (state !== null && state !== void 0 && state.includes('_github') && code) {
       localStorage.setItem('github', code);
       window.close();
     }
@@ -45682,21 +47033,21 @@ var INSTAGRAM_API_URL = 'https://graph.instagram.com/';
 var PREVENT_CORS_URL$3 = '';
 var LoginSocialInstagram = function LoginSocialInstagram(_ref) {
   var _ref$state = _ref.state,
-    state = _ref$state === undefined ? '' : _ref$state,
+    state = _ref$state === void 0 ? '' : _ref$state,
     client_id = _ref.client_id,
     client_secret = _ref.client_secret,
     className = _ref.className,
     redirect_uri = _ref.redirect_uri,
     _ref$fields = _ref.fields,
-    fields = _ref$fields === undefined ? 'id,username,account_type,media_count' : _ref$fields,
+    fields = _ref$fields === void 0 ? 'id,username,account_type,media_count' : _ref$fields,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'user_profile,user_media' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'user_profile,user_media' : _ref$scope,
     _ref$response_type = _ref.response_type,
-    response_type = _ref$response_type === undefined ? 'code' : _ref$response_type,
+    response_type = _ref$response_type === void 0 ? 'code' : _ref$response_type,
     _ref$isOnlyGetCode = _ref.isOnlyGetCode,
-    isOnlyGetCode = _ref$isOnlyGetCode === undefined ? false : _ref$isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     children = _ref.children,
     onReject = _ref.onReject,
     onResolve = _ref.onResolve,
@@ -45705,7 +47056,7 @@ var LoginSocialInstagram = function LoginSocialInstagram(_ref) {
     var popupWindowURL = new URL(window.location.href);
     var code = popupWindowURL.searchParams.get('code');
     var state = popupWindowURL.searchParams.get('state');
-    if (state !== null && state !== undefined && state.includes('_instagram') && code) {
+    if (state !== null && state !== void 0 && state.includes('_instagram') && code) {
       localStorage.setItem('instagram', code);
       window.close();
     }
@@ -45816,29 +47167,29 @@ var MICROSOFT_API_URL = 'https://graph.microsoft.com';
 
 var LoginSocialMicrosoft = function LoginSocialMicrosoft(_ref) {
   var _ref$tenant = _ref.tenant,
-    tenant = _ref$tenant === undefined ? 'common' : _ref$tenant,
+    tenant = _ref$tenant === void 0 ? 'common' : _ref$tenant,
     _ref$state = _ref.state,
-    state = _ref$state === undefined ? '' : _ref$state,
+    state = _ref$state === void 0 ? '' : _ref$state,
     client_id = _ref.client_id,
     className = _ref.className,
     redirect_uri = _ref.redirect_uri,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'profile openid email' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'profile openid email' : _ref$scope,
     _ref$response_type = _ref.response_type,
-    response_type = _ref$response_type === undefined ? 'code' : _ref$response_type,
+    response_type = _ref$response_type === void 0 ? 'code' : _ref$response_type,
     _ref$response_mode = _ref.response_mode,
-    response_mode = _ref$response_mode === undefined ? 'query' : _ref$response_mode,
+    response_mode = _ref$response_mode === void 0 ? 'query' : _ref$response_mode,
     children = _ref.children,
     _ref$code_challenge = _ref.code_challenge,
-    code_challenge = _ref$code_challenge === undefined ? '19cfc47c216dacba8ca23eeee817603e2ba34fe0976378662ba31688ed302fa9' : _ref$code_challenge,
+    code_challenge = _ref$code_challenge === void 0 ? '19cfc47c216dacba8ca23eeee817603e2ba34fe0976378662ba31688ed302fa9' : _ref$code_challenge,
     _ref$code_challenge_m = _ref.code_challenge_method,
-    code_challenge_method = _ref$code_challenge_m === undefined ? 'plain' : _ref$code_challenge_m,
+    code_challenge_method = _ref$code_challenge_m === void 0 ? 'plain' : _ref$code_challenge_m,
     _ref$prompt = _ref.prompt,
-    prompt = _ref$prompt === undefined ? 'select_account' : _ref$prompt,
+    prompt = _ref$prompt === void 0 ? 'select_account' : _ref$prompt,
     _ref$isOnlyGetCode = _ref.isOnlyGetCode,
-    isOnlyGetCode = _ref$isOnlyGetCode === undefined ? false : _ref$isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     onLoginStart = _ref.onLoginStart,
     onReject = _ref.onReject,
     onResolve = _ref.onResolve;
@@ -45846,7 +47197,7 @@ var LoginSocialMicrosoft = function LoginSocialMicrosoft(_ref) {
     var popupWindowURL = new URL(window.location.href);
     var code = popupWindowURL.searchParams.get('code');
     var state = popupWindowURL.searchParams.get('state');
-    if (state !== null && state !== undefined && state.includes('_microsoft') && code) {
+    if (state !== null && state !== void 0 && state.includes('_microsoft') && code) {
       localStorage.setItem('microsoft', code);
       window.close();
     }
@@ -45958,20 +47309,20 @@ var LINKEDIN_API_URL = 'https://api.linkedin.com';
 var PREVENT_CORS_URL$2 = '';
 var LoginSocialLinkedin = function LoginSocialLinkedin(_ref) {
   var _ref$state = _ref.state,
-    state = _ref$state === undefined ? '' : _ref$state,
+    state = _ref$state === void 0 ? '' : _ref$state,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'r_liteprofile' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'r_liteprofile' : _ref$scope,
     client_id = _ref.client_id,
     client_secret = _ref.client_secret,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     redirect_uri = _ref.redirect_uri,
     _ref$response_type = _ref.response_type,
-    response_type = _ref$response_type === undefined ? 'code' : _ref$response_type,
+    response_type = _ref$response_type === void 0 ? 'code' : _ref$response_type,
     _ref$isOnlyGetCode = _ref.isOnlyGetCode,
-    isOnlyGetCode = _ref$isOnlyGetCode === undefined ? false : _ref$isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     children = _ref.children,
     onLoginStart = _ref.onLoginStart,
     onReject = _ref.onReject,
@@ -45980,7 +47331,7 @@ var LoginSocialLinkedin = function LoginSocialLinkedin(_ref) {
     var popupWindowURL = new URL(window.location.href);
     var code = popupWindowURL.searchParams.get('code');
     var state = popupWindowURL.searchParams.get('state');
-    if (state !== null && state !== undefined && state.includes('_linkedin') && code) {
+    if (state !== null && state !== void 0 && state.includes('_linkedin') && code) {
       localStorage.setItem('linkedin', code);
       window.close();
     }
@@ -46095,18 +47446,18 @@ var PINTEREST_URL_API = 'https://api.pinterest.com/v5';
 var PREVENT_CORS_URL$1 = '';
 var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
   var _ref$state = _ref.state,
-    state = _ref$state === undefined ? '' : _ref$state,
+    state = _ref$state === void 0 ? '' : _ref$state,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'boards:read,pins:read,user_accounts:read' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'boards:read,pins:read,user_accounts:read' : _ref$scope,
     client_id = _ref.client_id,
     client_secret = _ref.client_secret,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     redirect_uri = _ref.redirect_uri,
     _ref$isOnlyGetCode = _ref.isOnlyGetCode,
-    isOnlyGetCode = _ref$isOnlyGetCode === undefined ? false : _ref$isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     children = _ref.children,
     onLoginStart = _ref.onLoginStart,
     onReject = _ref.onReject,
@@ -46115,7 +47466,7 @@ var LoginSocialPinterest = function LoginSocialPinterest(_ref) {
     var popupWindowURL = new URL(window.location.href);
     var code = popupWindowURL.searchParams.get('code');
     var state = popupWindowURL.searchParams.get('state');
-    if (state !== null && state !== undefined && state.includes('_pinterest') && code) {
+    if (state !== null && state !== void 0 && state.includes('_pinterest') && code) {
       localStorage.setItem('pinterest', code);
       window.close();
     }
@@ -46254,19 +47605,19 @@ var PREVENT_CORS_URL = '';
 var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
   var client_id = _ref.client_id,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     redirect_uri = _ref.redirect_uri,
     children = _ref.children,
     _ref$fields = _ref.fields,
-    fields = _ref$fields === undefined ? 'created_at,description,entities,id,location,name,pinned_tweet_id,profile_image_url,protected,public_metrics,url,username,verified,withheld' : _ref$fields,
+    fields = _ref$fields === void 0 ? 'created_at,description,entities,id,location,name,pinned_tweet_id,profile_image_url,protected,public_metrics,url,username,verified,withheld' : _ref$fields,
     _ref$state = _ref.state,
-    state = _ref$state === undefined ? 'state' : _ref$state,
+    state = _ref$state === void 0 ? 'state' : _ref$state,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'users.read%20tweet.read' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'users.read%20tweet.read' : _ref$scope,
     _ref$isOnlyGetCode = _ref.isOnlyGetCode,
-    isOnlyGetCode = _ref$isOnlyGetCode === undefined ? false : _ref$isOnlyGetCode,
+    isOnlyGetCode = _ref$isOnlyGetCode === void 0 ? false : _ref$isOnlyGetCode,
     _ref$isOnlyGetToken = _ref.isOnlyGetToken,
-    isOnlyGetToken = _ref$isOnlyGetToken === undefined ? false : _ref$isOnlyGetToken,
+    isOnlyGetToken = _ref$isOnlyGetToken === void 0 ? false : _ref$isOnlyGetToken,
     onLoginStart = _ref.onLoginStart,
     onReject = _ref.onReject,
     onResolve = _ref.onResolve;
@@ -46274,7 +47625,7 @@ var LoginSocialTwitter = function LoginSocialTwitter(_ref) {
     var popupWindowURL = new URL(window.location.href);
     var code = popupWindowURL.searchParams.get('code');
     var state = popupWindowURL.searchParams.get('state');
-    if (state !== null && state !== undefined && state.includes('_twitter') && code) {
+    if (state !== null && state !== void 0 && state.includes('_twitter') && code) {
       localStorage.setItem('twitter', code);
       window.close();
     }
@@ -46418,14 +47769,14 @@ var _window = global.window;
 var LoginSocialApple = function LoginSocialApple(_ref) {
   var client_id = _ref.client_id,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'name email' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'name email' : _ref$scope,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     onLoginStart = _ref.onLoginStart,
     onReject = _ref.onReject,
     onResolve = _ref.onResolve,
     _ref$redirect_uri = _ref.redirect_uri,
-    redirect_uri = _ref$redirect_uri === undefined ? '/' : _ref$redirect_uri,
+    redirect_uri = _ref$redirect_uri === void 0 ? '/' : _ref$redirect_uri,
     children = _ref.children;
   var scriptNodeRef = React$1.useRef(null);
   var _useState = React$1.useState(false),
@@ -46459,7 +47810,7 @@ var LoginSocialApple = function LoginSocialApple(_ref) {
     appleScriptTag.onload = cb;
   }, []);
   var handleResponse = React$1.useCallback(function (res) {
-    if (res !== null && res !== undefined && res.access_token) {
+    if (res !== null && res !== void 0 && res.access_token) {
       onResolve({
         provider: 'apple',
         data: res
@@ -46547,12 +47898,12 @@ var TIKTOK_URL = 'https://www.tiktok.com';
 
 var LoginSocialGithub = function LoginSocialGithub(_ref) {
   var _ref$state = _ref.state,
-    state = _ref$state === undefined ? '' : _ref$state,
+    state = _ref$state === void 0 ? '' : _ref$state,
     _ref$scope = _ref.scope,
-    scope = _ref$scope === undefined ? 'user.info.basic' : _ref$scope,
+    scope = _ref$scope === void 0 ? 'user.info.basic' : _ref$scope,
     client_key = _ref.client_key,
     _ref$className = _ref.className,
-    className = _ref$className === undefined ? '' : _ref$className,
+    className = _ref$className === void 0 ? '' : _ref$className,
     redirect_uri = _ref.redirect_uri,
     children = _ref.children,
     onResolve = _ref.onResolve,
@@ -46561,7 +47912,7 @@ var LoginSocialGithub = function LoginSocialGithub(_ref) {
     var popupWindowURL = new URL(window.location.href);
     var code = popupWindowURL.searchParams.get('code');
     var state = popupWindowURL.searchParams.get('state');
-    if (state !== null && state !== undefined && state.includes('_tiktok') && code) {
+    if (state !== null && state !== void 0 && state.includes('_tiktok') && code) {
       localStorage.setItem('tiktok', code);
       window.close();
     }
@@ -46713,13 +48064,14 @@ exports.FormikContext = FormikContext;
 exports.FormikProvider = FormikProvider;
 exports.Grid = Grid;
 exports.Highlight = Highlight;
+exports.HtmlRenderer = HtmlRenderer;
 exports.Image = Image;
 exports.Input = Input;
 exports.KeyCode = KeyCode;
 exports.KeyMod = KeyMod;
 exports.Keyboard = Keyboard;
 exports.Link = Link;
-exports.LinkButton = CompactButton;
+exports.LinkButton = button_compact;
 exports.Loading = Loading;
 exports.LoginWithApple = index$1;
 exports.LoginWithFacebook = index$9;