@linzjs/lui 17.10.1 → 17.11.0

package/dist/index.js

@@ -13,21 +13,21 @@ var reactQuery = require('react-query');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n["default"] = e;
-	return Object.freeze(n);
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -36,177 +36,10 @@ var crypto__default = /*#__PURE__*/_interopDefaultLegacy(crypto$1);
 var require$$1__default = /*#__PURE__*/_interopDefaultLegacy(require$$1);
 var lottie__default = /*#__PURE__*/_interopDefaultLegacy(lottie);
 
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-/** @deprecated */
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
+function r$2(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$2(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$2(e))&&(n&&(n+=" "),n+=t);return n}
 
 // START OF GENERATED FILE`;
-var iconMap = {};
+let iconMap = {};
 // @TODO This is a generated file, nothing is safe.
 iconMap['ic_account_circle'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M12 19.219q1.594 0 3.352-.938T18 15.984q-.047-1.313-2.109-2.203T12 12.89t-3.891.867T6 15.984q.891 1.359 2.648 2.297t3.352.938zm0-14.203q-1.219 0-2.109.891T9 8.016t.891 2.109 2.109.891 2.109-.891T15 8.016t-.891-2.109T12 5.016zm0-3q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055T12 21.986t-7.055-2.93-2.93-7.055 2.93-7.055T12 2.016z" })));
@@ -504,10 +337,10 @@ iconMap['ic_zoom_out'] = (React__default["default"].createElement("svg", { viewB
     React__default["default"].createElement("path", { d: "M19 13H5v-2h14v2Z" })));
 iconMap['ic_zoom_previous'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
     React__default["default"].createElement("path", { d: "M6 6h2v12H6V6Zm12 12-8.5-6L18 6v12Zm-5.03-6L16 14.14V9.86L12.97 12Z" })));
-var ICONS = iconMap;
+const ICONS = iconMap;
 // END OF GENERATED FILE
 
-var ICON_SIZES = {
+const ICON_SIZES = {
     xs: 'LuiIcon--xs',
     sm: 'LuiIcon--sm',
     md: 'LuiIcon--md',
@@ -515,7 +348,7 @@ var ICON_SIZES = {
     xl: 'LuiIcon--xl',
     ns: 'LuiIcon--noSize',
 };
-var ICON_STATUS = {
+const ICON_STATUS = {
     none: '',
     error: 'LuiIcon--error',
     warning: 'LuiIcon--warning',
@@ -523,14 +356,13 @@ var ICON_STATUS = {
     interactive: 'LuiIcon--interactive',
     disabled: 'LuiIcon--disabled',
 };
-var LuiIcon = function (_a) {
-    var name = _a.name, className = _a.className, _b = _a.size, size = _b === void 0 ? 'ns' : _b, title = _a.title, alt = _a.alt, _c = _a.status, status = _c === void 0 ? 'none' : _c, spanProps = _a.spanProps;
-    var iconSVG = ICONS[name];
+const LuiIcon = ({ name, className, size = 'ns', title, alt, status = 'none', spanProps, }) => {
+    const iconSVG = ICONS[name];
     if (!iconSVG) {
-        console.warn("<LuiIcon>: No icon found for: " + iconSVG);
+        console.warn(`<LuiIcon>: No icon found for: ${iconSVG}`);
         return null;
     }
-    return (React__namespace.createElement("span", __assign({ className: clsx('LuiIcon', className, size && ICON_SIZES[size], status && ICON_STATUS[status]), "data-icon": name, title: title, "aria-label": alt }, spanProps), iconSVG));
+    return (React__namespace.createElement("span", { className: clsx('LuiIcon', className, size && ICON_SIZES[size], status && ICON_STATUS[status]), "data-icon": name, title: title, "aria-label": alt, ...spanProps }, iconSVG));
 };
 
 function getMaterialIconForLevel(level) {
@@ -545,85 +377,84 @@ function getMaterialIconForLevel(level) {
             return 'error';
     }
 }
-var LuiBanner = function (props) {
-    return (React__default["default"].createElement("div", { className: clsx('lui-msg-banner-container', props.className ? props.className + "-bannerContainer" : '') },
+const LuiBanner = (props) => {
+    return (React__default["default"].createElement("div", { className: clsx('lui-msg-banner-container', props.className ? `${props.className}-bannerContainer` : '') },
         React__default["default"].createElement(LuiBannerContent, { level: props.level, className: props.className }, props.children)));
 };
-var LuiBannerContent = function (props) {
-    var materialIcon = getMaterialIconForLevel(props.level);
-    return (React__default["default"].createElement("div", { className: clsx("lui-msg-" + props.level + " lui-msg-dynamic-banner", props.className) },
-        React__default["default"].createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " banner icon", size: "lg", className: "lui-msg-status-icon" }),
+const LuiBannerContent = (props) => {
+    let materialIcon = getMaterialIconForLevel(props.level);
+    return (React__default["default"].createElement("div", { className: clsx(`lui-msg-${props.level} lui-msg-dynamic-banner`, props.className) },
+        React__default["default"].createElement(LuiIcon, { name: `ic_${materialIcon}`, alt: `${props.level} banner icon`, size: "lg", className: "lui-msg-status-icon" }),
         React__default["default"].createElement("div", null, props.children)));
 };
 
-var LuiStaticMessage = function (props) {
-    var _a = React.useState(true), display = _a[0], setDisplay = _a[1];
-    var materialIcon = getMaterialIconForLevel(props.level);
-    return display ? (React__default["default"].createElement("div", { className: clsx("lui-msg-" + props.level, props.className), "data-testid": 'static-message-container' },
-        React__default["default"].createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " static icon", size: "lg", className: "lui-msg-status-icon" }),
+const LuiStaticMessage = (props) => {
+    const [display, setDisplay] = React.useState(true);
+    let materialIcon = getMaterialIconForLevel(props.level);
+    return display ? (React__default["default"].createElement("div", { className: clsx(`lui-msg-${props.level}`, props.className), "data-testid": 'static-message-container' },
+        React__default["default"].createElement(LuiIcon, { name: `ic_${materialIcon}`, alt: `${props.level} static icon`, size: "lg", className: "lui-msg-status-icon" }),
         props.children,
-        (props.closable === undefined || props.closable) && (React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: function () {
+        (props.closable === undefined || props.closable) && (React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: () => {
                 setDisplay(false);
             } },
             React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: 'close', size: "md", className: "LuiStaticMsg-close" }))))) : (React__default["default"].createElement(React__default["default"].Fragment, null));
 };
 
-var PlainButton = React__default["default"].forwardRef(function (props, ref) {
-    return (React__default["default"].createElement("button", __assign({}, props.buttonProps, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, className: clsx('lui-button', "lui-button-" + props.level, "lui-button-" + props.size, props.className), "data-testid": props['data-testid'], style: props.style, ref: ref }), props.children));
+const PlainButton = React__default["default"].forwardRef((props, ref) => {
+    return (React__default["default"].createElement("button", { ...props.buttonProps, type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, className: clsx('lui-button', `lui-button-${props.level}`, `lui-button-${props.size}`, props.className), "data-testid": props['data-testid'], style: props.style, ref: ref }, props.children));
 });
-var LuiButton = React__default["default"].forwardRef(function (props, ref) {
-    var _level = props.level ? props.level : 'primary';
-    var size = props.size ? props.size : 'med';
+const LuiButton = React__default["default"].forwardRef((props, ref) => {
+    const _level = props.level ? props.level : 'primary';
+    const size = props.size ? props.size : 'med';
     if (props.href) {
-        var aProps = {
+        let aProps = {
             href: props.href,
             'data-testid': props['data-testid'],
             name: props.name,
             title: props.title,
-            className: clsx('lui-button', "lui-button-" + props.level, "lui-button-" + props.size, props.className),
+            className: clsx('lui-button', `lui-button-${props.level}`, `lui-button-${props.size}`, props.className),
             style: props.style,
         };
         if (props.openInNewTab) {
             aProps.target = '_blank';
             aProps.rel = 'noopener noreferrer';
         }
-        return React__default["default"].createElement("a", __assign({}, aProps), props.children);
+        return React__default["default"].createElement("a", { ...aProps }, props.children);
     }
     return (React__default["default"].createElement(PlainButton, { type: props.type, title: props.title, disabled: props.disabled, name: props.name, onClick: props.onClick, level: _level, size: size, "data-testid": props['data-testid'], style: props.style, className: props.className, buttonProps: props.buttonProps, ref: ref }, props.children));
 });
 /**
  * A series of Lui buttons together.
  */
-var LuiButtonGroup = function (props) {
-    var children = Array.isArray(props.children)
+const LuiButtonGroup = (props) => {
+    const children = Array.isArray(props.children)
         ? props.children
         : [props.children];
-    return (React__default["default"].createElement("div", { className: "lui-button-group", "data-testid": 'button-group' }, children.map(function (child, i) {
+    return (React__default["default"].createElement("div", { className: "lui-button-group", "data-testid": 'button-group' }, children.map((child, i) => {
         return (React__default["default"].createElement("div", { key: i, className: 'lui-button-wrapper' }, child));
     })));
 };
 
-var LuiToastMessage = function (_a) {
-    var level = _a.level, _b = _a.displayTimeout, displayTimeout = _b === void 0 ? 4000 : _b, _c = _a.display, display = _c === void 0 ? true : _c, requireDismiss = _a.requireDismiss, onClose = _a.onClose, children = _a.children, type = _a.type;
-    var _d = React.useState('lui-msg-toast-show'), className = _d[0], setClassname = _d[1];
-    var _e = React.useState(undefined), fadeOutTimer = _e[0], setFadeOutTimer = _e[1];
-    var _f = React.useState(undefined), removeTimer = _f[0], setRemoveTimer = _f[1];
-    var materialIcon = getMaterialIconForLevel(level);
-    var callOnCloseAfterDissolved = function () {
+const LuiToastMessage = ({ level, displayTimeout = 4000, display = true, requireDismiss, onClose, children, type, }) => {
+    const [className, setClassname] = React.useState('lui-msg-toast-show');
+    const [fadeOutTimer, setFadeOutTimer] = React.useState(undefined);
+    const [removeTimer, setRemoveTimer] = React.useState(undefined);
+    let materialIcon = getMaterialIconForLevel(level);
+    const callOnCloseAfterDissolved = () => {
         // This is so the caller can remove it from the dom
         if (onClose) {
-            var timer = window.setTimeout(onClose, displayTimeout);
+            const timer = window.setTimeout(onClose, displayTimeout);
             setRemoveTimer(timer);
         }
     };
-    React.useEffect(function () {
+    React.useEffect(() => {
         // clear timers if previously set
         fadeOutTimer && clearTimeout(fadeOutTimer);
         removeTimer && clearTimeout(removeTimer);
         setClassname('lui-msg-toast-show');
         if (!requireDismiss && displayTimeout !== 0) {
             // set a new timer
-            var timer = window.setTimeout(function () {
+            const timer = window.setTimeout(() => {
                 setClassname('lui-msg-toast-hide');
                 callOnCloseAfterDissolved();
             }, displayTimeout);
@@ -631,36 +462,36 @@ var LuiToastMessage = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [requireDismiss, displayTimeout, children]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (!display) {
             setClassname('lui-msg-toast-hide');
             callOnCloseAfterDissolved();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [display]);
-    return (React__default["default"].createElement("div", { role: "status", "data-testid": className, className: "lui-msg-" + level + " lui-msg-toast lui-msg-toast-dismissable " + className },
+    return (React__default["default"].createElement("div", { role: "status", "data-testid": className, className: `lui-msg-${level} lui-msg-toast lui-msg-toast-dismissable ${className}` },
         React__default["default"].createElement("i", { className: "lui-msg-status-icon material-icons-round" }, materialIcon),
         children,
-        React__default["default"].createElement("button", { "aria-label": "Close dialog", type: type || 'button', onClick: function () {
+        React__default["default"].createElement("button", { "aria-label": "Close dialog", type: type || 'button', onClick: () => {
                 setClassname('lui-msg-toast-hide');
                 callOnCloseAfterDissolved();
             } },
             React__default["default"].createElement("i", { className: "material-icons-round" }, "close"))));
 };
 
-var UIMessagingContext = React.createContext({
+const UIMessagingContext = React.createContext({
     // @ts-ignore
-    showMessage: function (props) { },
+    showMessage: (props) => { },
 });
 function useShowLUIMessage() {
     return React.useContext(UIMessagingContext).showMessage;
 }
-var LuiMessagingContextProvider = function (props) {
-    var _a = React.useState(), _message = _a[0], setMessage = _a[1];
-    var _b = React.useState(), _messageType = _b[0], setMessageType = _b[1];
-    var _c = React.useState('success'), _messageLevel = _c[0], setMessageLevel = _c[1];
-    var _d = React.useState(true), _requireDismiss = _d[0], setRequireDismiss = _d[1];
-    var showMessage = function (props) {
+const LuiMessagingContextProvider = (props) => {
+    const [_message, setMessage] = React.useState();
+    const [_messageType, setMessageType] = React.useState();
+    const [_messageLevel, setMessageLevel] = React.useState('success');
+    const [_requireDismiss, setRequireDismiss] = React.useState(true);
+    const showMessage = (props) => {
         setMessage(props.message);
         setMessageType(props.messageType);
         setMessageLevel(props.messageLevel);
@@ -668,10 +499,10 @@ var LuiMessagingContextProvider = function (props) {
             ? props.messageLevel === 'error'
             : props.requireDismiss);
     };
-    var renderMessage = function () {
+    const renderMessage = () => {
         switch (_messageType) {
             case 'toast':
-                return (React__default["default"].createElement(LuiToastMessage, { onClose: function () {
+                return (React__default["default"].createElement(LuiToastMessage, { onClose: () => {
                         setMessage(undefined);
                     }, level: _messageLevel, requireDismiss: _requireDismiss },
                     React__default["default"].createElement("span", { "data-testid": 'toastMessageShow' }, typeof _message === 'string' ? React__default["default"].createElement("h2", null, _message) : _message)));
@@ -679,45 +510,45 @@ var LuiMessagingContextProvider = function (props) {
                 return null;
         }
     };
-    return (React__default["default"].createElement(UIMessagingContext.Provider, { value: { showMessage: showMessage } },
+    return (React__default["default"].createElement(UIMessagingContext.Provider, { value: { showMessage } },
         _message && renderMessage(),
         props.children));
 };
 
-var LuiExpandableBanner = function (props) {
-    var display = React.useRef(null);
-    var _a = React.useState(true), collapse = _a[0], setCollapse = _a[1];
-    var collapseSection = function (element) {
+const LuiExpandableBanner = (props) => {
+    const display = React.useRef(null);
+    const [collapse, setCollapse] = React.useState(true);
+    const collapseSection = (element) => {
         // get the height of the element's inner content, regardless of its actual size
-        var sectionHeight = element.scrollHeight;
+        const sectionHeight = element.scrollHeight;
         // on the next frame (as soon as the previous style change has taken effect),
         // explicitly set the element's height to its current pixel height, so we
         // aren't transitioning out of 'auto'
-        requestAnimationFrame(function () {
+        requestAnimationFrame(() => {
             element.style.height = sectionHeight + 'px';
             // on the next frame (as soon as the previous style change has taken effect),
             // have the element transition to height: 0
-            requestAnimationFrame(function () {
+            requestAnimationFrame(() => {
                 element.style.height = 0 + 'px';
             });
         });
         // mark the section as "currently collapsed"
         setCollapse(true);
     };
-    var expandSection = function (element) {
+    const expandSection = (element) => {
         // get the height of the element's inner content, regardless of its actual size
-        var sectionHeight = element.scrollHeight;
+        const sectionHeight = element.scrollHeight;
         // have the element transition to the height of its inner content
         element.style.height = sectionHeight + 'px';
         // when the next css transition finishes (which should be the one we just triggered)
-        setTimeout(function () {
+        setTimeout(() => {
             element.style.height = 'auto';
         }, 500);
         // mark the section as "currently not collapsed"
         setCollapse(false);
     };
-    var expandFunction = function () {
-        var section = display.current;
+    const expandFunction = () => {
+        const section = display.current;
         if (collapse) {
             expandSection(section);
         }
@@ -740,36 +571,33 @@ var LuiExpandableBanner = function (props) {
  * A menu controlled by a user-supplied MenuButton. Open/closed state is managed internally. The defaulted style props,
  * menuClassName and offsetY, can be overridden simply by setting them in the usual way.
  */
-var LuiMenu = function (props) {
-    return React__default["default"].createElement(reactMenu.Menu, __assign({ menuClassName: 'lui-menu', offsetY: 12 }, props));
+const LuiMenu = (props) => {
+    return React__default["default"].createElement(reactMenu.Menu, { menuClassName: 'lui-menu', offsetY: 12, ...props });
 };
 /**
  * A menu with state managed externally. Can be used quite conveniently as a context menu. The defaulted style props,
  * menuClassName and offsetY, can be overridden simply by setting them in the usual way.
  */
-var LuiControlledMenu = function (props) {
-    return React__default["default"].createElement(reactMenu.ControlledMenu, __assign({ menuClassName: 'lui-menu', offsetY: 12 }, props));
+const LuiControlledMenu = (props) => {
+    return React__default["default"].createElement(reactMenu.ControlledMenu, { menuClassName: 'lui-menu', offsetY: 12, ...props });
 };
 
-var LuiSelectMenu = function (_a) {
-    var props = __rest(_a, []);
-    return React__default["default"].createElement(reactMenu.Menu, __assign({ menuClassName: 'lui-select-menu', offsetY: 12 }, props));
+const LuiSelectMenu = ({ ...props }) => {
+    return React__default["default"].createElement(reactMenu.Menu, { menuClassName: 'lui-select-menu', offsetY: 12, ...props });
 };
-var LuiSelectMenuItem = function (_a) {
-    var iconName = _a.iconName, iconAlt = _a.iconAlt, level = _a.level, _b = _a.noPadding, noPadding = _b === void 0 ? false : _b, rest = __rest(_a, ["iconName", "iconAlt", "level", "noPadding"]);
-    return (React__default["default"].createElement(reactMenu.MenuItem, __assign({}, rest, { className: clsx('lui-select-menuItem', "lui-select-menuItem--" + (level ? level : 'primary'), rest.className), "data-testid": rest['data-testid'] }),
+const LuiSelectMenuItem = ({ iconName, iconAlt, level, noPadding = false, ...rest }) => {
+    return (React__default["default"].createElement(reactMenu.MenuItem, { ...rest, className: clsx('lui-select-menuItem', `lui-select-menuItem--${level ? level : 'primary'}`, rest.className), "data-testid": rest['data-testid'] },
         iconName ? (React__default["default"].createElement(LuiIcon, { className: "lui-select-icon", name: iconName, alt: iconAlt ? iconAlt : '', size: "md" })) : (''),
         React__default["default"].createElement("p", { className: clsx('lui-select-menuItemText', {
                 'lui-select-menuItemText--noPadding': noPadding,
             }) }, rest.children)));
 };
-var LuiSelectSubMenuItem = function (_a) {
-    var label = _a.label, iconName = _a.iconName, iconAlt = _a.iconAlt, rest = __rest(_a, ["label", "iconName", "iconAlt"]);
-    return (React__default["default"].createElement(reactMenu.SubMenu, __assign({}, rest, { className: clsx({ 'lui-select-submenu': iconName === undefined }, { 'lui-select-submenu-with-icon': !!iconName }, rest.className), menuClassName: 'lui-select-menu', label: iconName === undefined
+const LuiSelectSubMenuItem = ({ label, iconName, iconAlt, ...rest }) => {
+    return (React__default["default"].createElement(reactMenu.SubMenu, { ...rest, className: clsx({ 'lui-select-submenu': iconName === undefined }, { 'lui-select-submenu-with-icon': !!iconName }, rest.className), menuClassName: 'lui-select-menu', label: iconName === undefined
             ? label
-            : LuiSubMenuComponent(label, iconName, iconAlt) }), rest.children));
+            : LuiSubMenuComponent(label, iconName, iconAlt) }, rest.children));
 };
-var LuiSubMenuComponent = function (label, iconName, iconAlt) {
+const LuiSubMenuComponent = (label, iconName, iconAlt) => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         iconName === undefined ? ('') : (React__default["default"].createElement(LuiIcon, { className: "lui-menu-sub-header-icon", name: iconName, alt: iconAlt ? iconAlt : '', size: "md" })),
         label));
@@ -804,11 +632,10 @@ let nanoid = (size = 21) => {
 };
 
 // Lui Select menu with dynamic data
-var LuiSelectDataMenu = function (_a) {
-    var props = __rest(_a, []);
-    return (React__default["default"].createElement(LuiSelectMenu, __assign({ menuClassName: 'lui-select-menu', offsetY: 12 }, props), displayMenu(props.items)));
+const LuiSelectDataMenu = ({ ...props }) => {
+    return (React__default["default"].createElement(LuiSelectMenu, { menuClassName: 'lui-select-menu', offsetY: 12, ...props }, displayMenu(props.items)));
 };
-var displayMenu = function (items) { return (React__default["default"].createElement(React__default["default"].Fragment, null, items.map(function (item) {
+const displayMenu = (items) => (React__default["default"].createElement(React__default["default"].Fragment, null, items.map((item) => {
     if (item.options === undefined) {
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: nanoid() },
             item.header ? React__default["default"].createElement(GroupHeader, null, item.headerLabel) : null,
@@ -818,18 +645,15 @@ var displayMenu = function (items) { return (React__default["default"].createEle
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: nanoid() },
             React__default["default"].createElement(LuiSelectSubMenuItem, { label: item.label, iconName: item.iconName }, displayMenu(item.options))));
     }
-}))); };
-var GroupHeader = function (_a) {
-    var children = _a.children;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(reactMenu.MenuDivider, { className: "lui-select-divider" }),
-        children && (React__default["default"].createElement(reactMenu.MenuHeader, { autoCapitalize: "false", className: "lui-select-menu-group" }, children))));
-};
-var LuiSelectMenuDivider = function () {
+})));
+const GroupHeader = ({ children, }) => (React__default["default"].createElement(React__default["default"].Fragment, null,
+    React__default["default"].createElement(reactMenu.MenuDivider, { className: "lui-select-divider" }),
+    children && (React__default["default"].createElement(reactMenu.MenuHeader, { autoCapitalize: "false", className: "lui-select-menu-group" }, children))));
+const LuiSelectMenuDivider = () => {
     return React__default["default"].createElement(reactMenu.MenuDivider, { className: "lui-select-divider" });
 };
-var LuiSelectMenuHeader = function (props) {
-    return React__default["default"].createElement(reactMenu.MenuHeader, __assign({ className: "lui-select-menu-group" }, props));
+const LuiSelectMenuHeader = (props) => {
+    return React__default["default"].createElement(reactMenu.MenuHeader, { className: "lui-select-menu-group", ...props });
 };
 
 function styleInject(css, ref) {
@@ -859,12 +683,12 @@ function styleInject(css, ref) {
   }
 }
 
-var LuiFilterMenu = function (props) {
-    var _a = React.useState(''), filter = _a[0], setFilter = _a[1];
-    var _b = reactMenu.useMenuState(), toggleMenu = _b.toggleMenu, menuProps = __rest(_b, ["toggleMenu"]);
-    var ref = React.useRef(null);
+const LuiFilterMenu = (props) => {
+    const [filter, setFilter] = React.useState('');
+    const { toggleMenu, ...menuProps } = reactMenu.useMenuState();
+    const ref = React.useRef(null);
     return (React__default["default"].createElement("div", { ref: ref },
-        props.menuButton(function () {
+        props.menuButton(() => {
             switch (props.enabled) {
                 case false: {
                     toggleMenu(false);
@@ -876,28 +700,23 @@ var LuiFilterMenu = function (props) {
                 }
             }
         }),
-        React__default["default"].createElement(reactMenu.ControlledMenu, __assign({}, menuProps, { anchorRef: ref, onClose: function () { return toggleMenu(false); }, className: "lui-menu", offsetY: 12, onChange: function (e) {
+        React__default["default"].createElement(reactMenu.ControlledMenu, { ...menuProps, anchorRef: ref, onClose: () => toggleMenu(false), className: "lui-menu", offsetY: 12, onChange: (e) => {
                 e.open && setFilter('');
             }, menuStyles: props.maxRows !== undefined
                 ? { maxHeight: 62 + 34 * props.maxRows, overflowY: 'auto' }
-                : {} }),
-            React__default["default"].createElement(reactMenu.FocusableItem, null, function (_a) {
-                var ref = _a.ref;
-                return (React__default["default"].createElement("input", { ref: ref, type: "text", placeholder: "Type to filter", value: filter, onChange: function (e) { return setFilter(e.target.value); } }));
-            }),
+                : {} },
+            React__default["default"].createElement(reactMenu.FocusableItem, null, ({ ref }) => (React__default["default"].createElement("input", { ref: ref, type: "text", placeholder: "Type to filter", value: filter, onChange: (e) => setFilter(e.target.value) }))),
             props.filteredItems
-                .filter(function (item) {
-                return item.display.toUpperCase().includes(filter.trim().toUpperCase());
-            })
-                .map(function (item) {
-                if ((item === null || item === void 0 ? void 0 : item.specialType) === 'div') {
+                .filter((item) => item.display.toUpperCase().includes(filter.trim().toUpperCase()))
+                .map((item) => {
+                if (item?.specialType === 'div') {
                     return React__default["default"].createElement(reactMenu.MenuDivider, { key: item.id });
                 }
-                else if ((item === null || item === void 0 ? void 0 : item.specialType) === 'head') {
+                else if (item?.specialType === 'head') {
                     return React__default["default"].createElement(reactMenu.MenuHeader, { key: item.id }, item.display);
                 }
                 else {
-                    return (React__default["default"].createElement(reactMenu.MenuItem, { key: item.id, onMouseDown: function (e) {
+                    return (React__default["default"].createElement(reactMenu.MenuItem, { key: item.id, onMouseDown: (e) => {
                             props.onItemClick(item.id);
                             e.stopPropagation();
                         } }, item.display));
@@ -905,51 +724,50 @@ var LuiFilterMenu = function (props) {
             }))));
 };
 
-var LuiTabsContext = React__default["default"].createContext({
+const LuiTabsContext = React__default["default"].createContext({
     activePanel: null,
-    setActivePanel: function () { },
+    setActivePanel: () => { },
 });
-var LuiTabs = function (props) {
-    var _a = React.useState(props.defaultPanel), activePanel = _a[0], setActivePanel = _a[1];
+const LuiTabs = (props) => {
+    let [activePanel, setActivePanel] = React.useState(props.defaultPanel);
     return (React__default["default"].createElement("div", { className: "LuiTabs" },
-        React__default["default"].createElement(LuiTabsContext.Provider, { value: { activePanel: activePanel, setActivePanel: setActivePanel } }, props.children)));
+        React__default["default"].createElement(LuiTabsContext.Provider, { value: { activePanel, setActivePanel } }, props.children)));
 };
 
-var LuiTab = function (props) {
-    return (React__default["default"].createElement("button", { className: clsx('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": "" + props.ariaControls, onClick: props.onClick }, props.children));
+const LuiTab = (props) => {
+    return (React__default["default"].createElement("button", { className: clsx('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": `${props.ariaControls}`, title: props.titleAttribute, onClick: props.onClick }, props.children));
 };
 
 // import './LuiTabsGroup.scss';
-var LuiTabsGroup = function (props) {
-    return (React__default["default"].createElement("div", { className: "LuiTabsGroup " + (props.justify ? 'LuiTabsGroup--justified' : ''), role: "tablist", "aria-label": props.ariaLabel }, props.children));
+const LuiTabsGroup = (props) => {
+    return (React__default["default"].createElement("div", { className: `LuiTabsGroup ${props.justify ? 'LuiTabsGroup--justified' : ''}`, role: "tablist", "aria-label": props.ariaLabel }, props.children));
 };
 
-var LuiTabsPanel = function (_a) {
-    var children = _a.children, panel = _a.panel, _b = _a.mode, mode = _b === void 0 ? 'eager' : _b;
-    var context = React.useContext(LuiTabsContext);
-    var _c = React.useState(mode === 'eager'), shouldShow = _c[0], setShouldShow = _c[1];
-    var active = context.activePanel === panel;
-    React.useEffect(function () {
+const LuiTabsPanel = ({ children, panel, mode = 'eager', }) => {
+    const context = React.useContext(LuiTabsContext);
+    const [shouldShow, setShouldShow] = React.useState(mode === 'eager');
+    let active = context.activePanel === panel;
+    React.useEffect(() => {
         if (active && !shouldShow) {
             setShouldShow(true);
         }
     }, [active, shouldShow]);
-    return (React__default["default"].createElement("div", { className: clsx('LuiTabsPanel', active && 'LuiTabsPanel--active'), id: panel + "-tab-panel", role: "tabpanel", "aria-labelledby": panel + "-tab" }, shouldShow ? children : null));
+    return (React__default["default"].createElement("div", { className: clsx('LuiTabsPanel', active && 'LuiTabsPanel--active'), id: `${panel}-tab-panel`, role: "tabpanel", "aria-labelledby": `${panel}-tab` }, shouldShow ? children : null));
 };
 
-var LuiTabsPanelSwitch = function (props) {
-    var context = React.useContext(LuiTabsContext);
-    var active = context.activePanel === props.targetPanel;
-    return (React__default["default"].createElement(LuiTab, { id: props.targetPanel + "-tab", ariaControls: props.targetPanel + "-tab-panel", active: active, onClick: function () {
+const LuiTabsPanelSwitch = (props) => {
+    const context = React.useContext(LuiTabsContext);
+    let active = context.activePanel === props.targetPanel;
+    return (React__default["default"].createElement(LuiTab, { id: `${props.targetPanel}-tab`, ariaControls: `${props.targetPanel}-tab-panel`, active: active, onClick: () => {
             if (context.setActivePanel)
                 context.setActivePanel(props.targetPanel);
         } }, props.children));
 };
 
 function useDeprecatedWarning(componentName) {
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (window.location.hostname.includes('localhost')) {
-            console.warn(componentName + " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs.");
+            console.warn(`${componentName} will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs.`);
         }
     }, []);
 }
@@ -957,9 +775,11 @@ function useDeprecatedWarning(componentName) {
 function LuiFormikForm(props) {
     useDeprecatedWarning('LuiFormikForm');
     // this spreads all keys, except className
-    var _a = __assign({}, props); _a.className; var formikProps = __rest(_a, ["className"]);
-    var classNames = clsx(props.className);
-    return (React__default["default"].createElement(formik.Formik, __assign({}, formikProps),
+    const { className, ...formikProps } = { ...props };
+    const classNames = clsx(props.className);
+    return (
+    // @ts-ignore not fixing due this component being deprecated
+    React__default["default"].createElement(formik.Formik, { ...formikProps },
         React__default["default"].createElement("div", { className: classNames },
             React__default["default"].createElement(formik.Form, null,
                 props.children,
@@ -969,12 +789,9 @@ function LuiFormikForm(props) {
 var css_248z$5 = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n.LuiError {\n  font-family: \"Open Sans\", system-ui, sans-serif;\n  font-style: normal;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  color: #2a292c;\n}\n.LuiError-errorIcon {\n  vertical-align: middle;\n  display: inline-block;\n}\n.LuiError-errorText {\n  margin-left: 0.5rem;\n}";
 styleInject(css_248z$5);
 
-var LuiError = function (_a) {
-    var error = _a.error, className = _a.className;
-    return (React__default["default"].createElement("div", { className: "LuiError " + className + "-error" },
-        React__default["default"].createElement(LuiIcon, { className: "LuiError-errorIcon " + className + "-errorIcon", alt: 'Error', name: "ic_error", size: "md", status: "error" }),
-        error && (React__default["default"].createElement("span", { className: "LuiError-errorText " + className + "-errorText" }, error))));
-};
+const LuiError = ({ error, className }) => (React__default["default"].createElement("div", { className: `LuiError ${className}-error` },
+    React__default["default"].createElement(LuiIcon, { className: `LuiError-errorIcon ${className}-errorIcon`, alt: 'Error', name: "ic_error", size: "md", status: "error" }),
+    error && (React__default["default"].createElement("span", { className: `LuiError-errorText ${className}-errorText` }, error))));
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
@@ -1051,29 +868,27 @@ function v4(options, buf, offset) {
 }
 
 function useGenerateOrDefaultId(idFromProps) {
-    var id = React.useState(idFromProps ? idFromProps : v4())[0];
+    const [id] = React.useState(idFromProps ? idFromProps : v4());
     return id;
 }
-var LuiTextInput = function (props) {
-    var _a;
-    var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
+const LuiTextInput = (props) => {
+    const id = useGenerateOrDefaultId(props.inputProps?.id);
     return (React__default["default"].createElement("div", { className: clsx('LuiTextInput', props.error && 'hasError', props.className) },
         React__default["default"].createElement("label", { className: 'LuiTextInput-label', htmlFor: id },
             props.mandatory && React__default["default"].createElement("span", { className: "LuiTextInput-mandatory" }, "*"),
             React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
                     clsx(props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
             React__default["default"].createElement("span", { className: "LuiTextInput-inputWrapper" },
-                React__default["default"].createElement("input", __assign({ type: 'text', className: (props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '') +
-                        clsx('LuiTextInput-input'), min: "0", value: props.value, onChange: props.onChange }, props.inputProps, { id: id })),
+                React__default["default"].createElement("input", { type: 'text', className: (props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '') +
+                        clsx('LuiTextInput-input'), min: "0", value: props.value, onChange: props.onChange, ...props.inputProps, id: id }),
                 props.icon),
             props.error && (React__default["default"].createElement("span", { className: "LuiTextInput-error" },
                 React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }),
                 props.error)))));
 };
 
-var LuiCheckboxInput = function (props) {
-    var _a;
-    var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
+const LuiCheckboxInput = (props) => {
+    const id = useGenerateOrDefaultId(props.inputProps?.id);
     return (React__default["default"].createElement("div", { className: clsx('LuiCheckboxInput', {
             'LuiCheckboxInput--isChecked': props.isChecked,
             'LuiCheckboxInput--hasError': !!props.error,
@@ -1081,27 +896,25 @@ var LuiCheckboxInput = function (props) {
         }, props.className) },
         React__default["default"].createElement("label", { htmlFor: id, className: "LuiCheckboxInput-group" },
             props.mandatory && (React__default["default"].createElement("span", { "aria-label": "Required", className: "LuiCheckboxInput-mandatory" }, "*")),
-            React__default["default"].createElement("input", __assign({ className: clsx('LuiCheckboxInput-input'), id: id, type: "checkbox", value: props.value, onChange: props.onChange, checked: props.isChecked, disabled: props.isDisabled }, props.inputProps)),
+            React__default["default"].createElement("input", { className: clsx('LuiCheckboxInput-input'), id: id, type: "checkbox", value: props.value, onChange: props.onChange, checked: props.isChecked, disabled: props.isDisabled, ...props.inputProps }),
             React__default["default"].createElement("span", { className: "LuiCheckboxInput-label" },
                 props.label,
-                React__default["default"].createElement(LuiIcon, { name: props.isIndeterminate ? 'ic_zoom_out' : 'ic_check', size: "md", alt: props.isIndeterminate ? 'Indeterminate Check' : 'Check', className: "LuiCheckboxInput-labelCheck" }))),
+                React__default["default"].createElement(LuiIcon, { name: props.isIndeterminate ? 'ic_zoom_out' : 'ic_check', size: "md", alt: props.isIndeterminate ? 'Indeterminate Check' : 'Check', className: "LuiCheckboxInput-labelCheck", title: props.titleAttribute }))),
         props.error && (React__default["default"].createElement(LuiError, { className: "LuiCheckboxInput", error: props.error }))));
 };
 
-var LuiFileInputBox = function (props) {
-    var _a = React.useState(), file = _a[0], setFile = _a[1];
-    var _b = React.useState(false), hasFileFormatError = _b[0], setHasFileFormatError = _b[1];
-    var onChange = function (e) {
+const LuiFileInputBox = (props) => {
+    const [file, setFile] = React.useState();
+    const [hasFileFormatError, setHasFileFormatError] = React.useState(false);
+    const onChange = (e) => {
         // Logic to go here to check extensions and setHasFileFormatError
         setHasFileFormatError(false);
-        var files = e.target.files;
+        const files = e.target.files;
         // File upload box is configured to only accept 1 file, we can't have more than one here
         if (files && files.length === 1) {
-            var selectedFile = files[0];
-            var supportedFileTypes = props.acceptedExtensions.map(function (ext) {
-                return ext.toUpperCase();
-            });
-            var fileName = selectedFile.name;
+            const selectedFile = files[0];
+            const supportedFileTypes = props.acceptedExtensions.map((ext) => ext.toUpperCase());
+            const fileName = selectedFile.name;
             if (!supportedFileTypes.includes(getFileNameExtension(fileName))) {
                 setHasFileFormatError(true);
                 setFile(undefined);
@@ -1112,10 +925,10 @@ var LuiFileInputBox = function (props) {
             }
         }
     };
-    var hasError = hasFileFormatError || props.showMustSelectFileError === true;
+    const hasError = hasFileFormatError || props.showMustSelectFileError === true;
     return (React__default["default"].createElement("div", { className: clsx('LuiFileInputBox-upload', hasError && 'LuiFileInputBox-upload-error'), style: { width: props.width || 320, height: props.height || 320 } },
         React__default["default"].createElement("input", { role: "button", "aria-label": "File Upload", type: "file", className: "LuiFileInputBox-upload-input", accept: props.acceptedExtensions
-                .map(function (extension) { return "." + extension; })
+                .map((extension) => `.${extension}`)
                 .join(','), onChange: onChange }),
         React__default["default"].createElement(React__default["default"].Fragment, null, hasError ? (React__default["default"].createElement("div", { className: "LuiFileInputBox-upload-container" },
             React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -1125,26 +938,26 @@ var LuiFileInputBox = function (props) {
                     "You must select a file with extension of",
                     ' ',
                     extensionsAsHumanReadableList(props.acceptedExtensions),
-                    "."))))) : (React__default["default"].createElement(FileUploadInfo, { fileName: file === null || file === void 0 ? void 0 : file.name, fileFormatText: props.fileFormatText, fileDescription: props.fileDescription })))));
+                    "."))))) : (React__default["default"].createElement(FileUploadInfo, { fileName: file?.name, fileFormatText: props.fileFormatText, fileDescription: props.fileDescription })))));
 };
 // Only exported for chromatic
-var FileUploadInfo = function (props) {
-    var DragAndDropInstruction = function () { return (React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-text" },
+const FileUploadInfo = (props) => {
+    const DragAndDropInstruction = () => (React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-text" },
         "Drag and drop your ",
         props.fileDescription,
         " into the box",
         React__default["default"].createElement("br", null),
-        React__default["default"].createElement("span", null, "(or upload file manually)"))); };
-    var WaitingForFileSelection = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("span", null, "(or upload file manually)")));
+    const WaitingForFileSelection = () => (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: 'LuiFileInputBox-upload-icon-upload' },
             React__default["default"].createElement(LuiIcon, { name: "ic_publish", size: 'ns', alt: "Upload" })),
         React__default["default"].createElement(DragAndDropInstruction, null),
-        props.fileFormatText && (React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-text LuiFileInputBox-upload-text-no-padding" }, props.fileFormatText)))); };
-    var UploadSuccess = function () { return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        props.fileFormatText && (React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-text LuiFileInputBox-upload-text-no-padding" }, props.fileFormatText))));
+    const UploadSuccess = () => (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: 'LuiFileInputBox-upload-icon-success' },
             React__default["default"].createElement(LuiIcon, { name: "ic_check_circle_outline", size: 'ns', alt: "Success" })),
         React__default["default"].createElement("p", { className: "LuiFileInputBox-upload-file-name" }, props.fileName),
-        React__default["default"].createElement(DragAndDropInstruction, null))); };
+        React__default["default"].createElement(DragAndDropInstruction, null)));
     return (React__default["default"].createElement("div", { className: "LuiFileInputBox-upload-container" }, props.fileName ? React__default["default"].createElement(UploadSuccess, null) : React__default["default"].createElement(WaitingForFileSelection, null)));
 };
 /**
@@ -1153,8 +966,8 @@ var FileUploadInfo = function (props) {
  * @param fileName File-name to get extension from
  * @return fileName extension in upper-case if found else empty string
  */
-var getFileNameExtension = function (fileName) {
-    var idx = fileName.lastIndexOf('.');
+const getFileNameExtension = (fileName) => {
+    const idx = fileName.lastIndexOf('.');
     return idx === -1 ? '' : fileName.substr(idx + 1).toUpperCase();
 };
 /**
@@ -1164,68 +977,63 @@ var getFileNameExtension = function (fileName) {
  * @param extensions List of extensions to convert.
  * @return Extensions in a human readable string in upper-case.
  */
-var extensionsAsHumanReadableList = function (extensions) {
-    var uppercaseExtensions = extensions.map(function (extension) {
-        return extension.toUpperCase();
-    });
+const extensionsAsHumanReadableList = (extensions) => {
+    const uppercaseExtensions = extensions.map((extension) => extension.toUpperCase());
     if (!extensions.length)
         return '';
     if (extensions.length === 1)
         return uppercaseExtensions[0];
-    return uppercaseExtensions.slice(0, -1).join(', ') + " or " + uppercaseExtensions[extensions.length - 1];
+    return `${uppercaseExtensions.slice(0, -1).join(', ')} or ${uppercaseExtensions[extensions.length - 1]}`;
 };
 
-var LuiSelectInput = function (props) {
-    var _a, _b;
-    var id = useGenerateOrDefaultId((_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.id);
-    return (React__default["default"].createElement("div", { className: clsx('LuiSelect', ((_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', props.error ? 'hasError' : '') },
+const LuiSelectInput = (props) => {
+    const id = useGenerateOrDefaultId(props.selectProps?.id);
+    return (React__default["default"].createElement("div", { className: clsx('LuiSelect', props.selectProps?.disabled ? 'isDisabled' : '', props.error ? 'hasError' : '') },
         React__default["default"].createElement("label", { htmlFor: id, className: "LuiSelect-label" },
             props.mandatory && React__default["default"].createElement("span", { className: "LuiSelect-mandatory" }, "*"),
             React__default["default"].createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
             React__default["default"].createElement("div", { className: "LuiSelect-wrapper" },
-                React__default["default"].createElement("select", __assign({ name: id, onChange: props.onChange, value: props.value, className: "LuiSelect-select" }, props.selectProps),
+                React__default["default"].createElement("select", { name: id, onChange: props.onChange, value: props.value, className: "LuiSelect-select", ...props.selectProps },
                     props.placeholderText && (React__default["default"].createElement("option", { value: "", disabled: true }, props.placeholderText)),
-                    props.options.map(function (selection) { return (React__default["default"].createElement("option", { key: selection.value, value: selection.value }, selection.label)); })),
+                    props.options.map((selection) => (React__default["default"].createElement("option", { key: selection.value, value: selection.value }, selection.label)))),
                 React__default["default"].createElement(LuiIcon, { alt: 'Error', name: "ic_keyboard_arrow_down", className: "LuiSelect-chevron-icon", size: "md" })),
             props.error && (React__default["default"].createElement("span", { className: "LuiSelect-error" },
                 React__default["default"].createElement(LuiIcon, { alt: 'Error', name: "ic_error", className: "LuiSelect-error-icon", size: "sm", status: "error" }),
                 props.error)))));
 };
 
-var LuiTextAreaInput = function (props) {
-    var _a, _b;
-    var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
-    return (React__default["default"].createElement("div", { className: clsx('LuiTextAreaInput', ((_b = props.inputProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', (props === null || props === void 0 ? void 0 : props.error) ? 'hasError' : '') },
+const LuiTextAreaInput = (props) => {
+    const id = useGenerateOrDefaultId(props.inputProps?.id);
+    return (React__default["default"].createElement("div", { className: clsx('LuiTextAreaInput', props.inputProps?.disabled ? 'isDisabled' : '', props?.error ? 'hasError' : '') },
         React__default["default"].createElement("label", { htmlFor: id },
             props.mandatory && (React__default["default"].createElement("span", { className: "LuiTextAreaInput-mandatory" }, "*")),
             React__default["default"].createElement("span", { className: "LuiTextAreaInput-label" }, props.label),
             React__default["default"].createElement("div", { className: "LuiTextAreaInput-wrapper" },
                 ' ',
-                React__default["default"].createElement("textarea", __assign({ id: id, value: props.value, onChange: props.onChange, rows: 5 }, props.inputProps)))),
+                React__default["default"].createElement("textarea", { id: id, value: props.value, onChange: props.onChange, rows: 5, ...props.inputProps }))),
         props.error && (React__default["default"].createElement("span", { className: "LuiTextAreaInput-error" },
             React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextAreaInput-error-icon", size: "sm", status: "error" }),
             props.error))));
 };
 
 // @NOTE Can use LuiRadioInput in block form and pass through your own legend (label)
-var LuiRadioInput = function (props) {
-    var _a;
-    var id = useGenerateOrDefaultId((_a = props.inputProps) === null || _a === void 0 ? void 0 : _a.id);
+const LuiRadioInput = (props) => {
+    const id = useGenerateOrDefaultId(props.inputProps?.id);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: clsx('LuiRadioInput', {
                 'LuiRadioInput--hasError': props.error,
             }) },
             React__default["default"].createElement("fieldset", { className: 'LuiRadioInput-fieldset' },
                 props.legend && (React__default["default"].createElement("legend", { className: "LuiRadioInput-legend" }, props.legend)),
-                props.options.map(function (option, index) {
-                    var radioId = id + "-" + index;
-                    var isSelected = props.selectedValue === option;
-                    var isDisabled = props.isOptionDisabled && props.isOptionDisabled(index);
+                props.options.map((option, index) => {
+                    const radioId = `${id}-${index}`;
+                    const isSelected = props.selectedValue === option;
+                    const isDisabled = props.isOptionDisabled && props.isOptionDisabled(index);
                     return (React__default["default"].createElement("label", { htmlFor: radioId, className: clsx('LuiRadioInput-label', {
                             'LuiRadioInput-label--isDisabled': isDisabled,
                             'LuiRadioInput-label--isSelected': isSelected,
                         }), key: radioId },
-                        React__default["default"].createElement("input", __assign({ disabled: isDisabled, className: "LuiRadioInput-input", type: "radio", id: radioId, name: option, value: option, checked: isSelected, onChange: props.onChange }, props.inputProps)),
+                        React__default["default"].createElement("input", { disabled: isDisabled, className: "LuiRadioInput-input", type: "radio", id: radioId, name: option, value: option, checked: isSelected, onChange: props.onChange, ...props.inputProps }),
                         props.renderLabelFor ? props.renderLabelFor(option) : option));
                 })),
             props.error && (React__default["default"].createElement("div", { className: "LuiRadioInput-errorMsg" },
@@ -1235,76 +1043,70 @@ var LuiRadioInput = function (props) {
 
 function LuiFormikCheckbox(props) {
     useDeprecatedWarning('LuiFormikCheckbox');
-    var ctx = formik.useFormikContext();
+    let ctx = formik.useFormikContext();
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(formik.Field, { name: props.name }, function (_a) {
-            var field = _a.field;
-            var showError = formik.getIn(ctx === null || ctx === void 0 ? void 0 : ctx.errors, props.name);
+        React__default["default"].createElement(formik.Field, { name: props.name }, ({ field }) => {
+            const showError = formik.getIn(ctx?.errors, props.name);
             return (React__default["default"].createElement("div", { className: clsx(showError && 'lui-input-error') },
                 React__default["default"].createElement("div", { className: "lui-input-group-wrapper " },
                     showError && (React__default["default"].createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")),
                     React__default["default"].createElement("div", { className: clsx('lui-checkbox-container', props.className) },
-                        React__default["default"].createElement("input", __assign({}, props.inputProps, { type: "checkbox", id: props.value, disabled: !!props.disabled, checked: field.value }, field)),
+                        React__default["default"].createElement("input", { ...props.inputProps, type: "checkbox", id: props.value, disabled: !!props.disabled, checked: field.value, ...field }),
                         typeof props.label === 'string' ? (React__default["default"].createElement("label", { htmlFor: props.value }, props.label)) : (props.label)))));
         })));
 }
 
-var LuiFormikFormLabel = function (props) {
+const LuiFormikFormLabel = (props) => {
     useDeprecatedWarning('LuiFormikFormLabel');
-    return (React__default["default"].createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && "" + props.className) },
+    return (React__default["default"].createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && `${props.className}`) },
         props.children,
-        React__default["default"].createElement("label", { className: "LuiFormLabel", htmlFor: props["for"] },
+        React__default["default"].createElement("label", { className: "LuiFormLabel", htmlFor: props.for },
             props.required && React__default["default"].createElement("span", { className: "lui-required-input-icon" }, "*"),
             props.label),
         props.tooltip && React__default["default"].createElement("i", { className: "material-icons-round" }, "help")));
 };
 
-var LuiFormikTextInput = formik.connect(function (props) {
-    var error = formik.getIn(props.formik.errors, props.name);
-    var touch = formik.getIn(props.formik.touched, props.name);
-    var showError = touch && error;
-    var setFieldValue = formik.useFormikContext().setFieldValue;
+const LuiFormikTextInput = formik.connect((props) => {
+    const error = formik.getIn(props.formik.errors, props.name);
+    const touch = formik.getIn(props.formik.touched, props.name);
+    const showError = touch && error;
+    const { setFieldValue } = formik.useFormikContext();
     useDeprecatedWarning('LuiFormikTextInput');
-    var multiLineToggle = function (field) {
-        return !props.multiLine ? (React__default["default"].createElement("input", __assign({ id: props.name, "data-testid": props.name }, field, { type: "text" }, props.inputProps, { onChange: function (event) {
-                var _a;
-                setFieldValue(props.name, event.target.value, (_a = props.validateOnChange) !== null && _a !== void 0 ? _a : true);
-                if (props.onValueChange) {
-                    props.onValueChange({
-                        value: event.target.value,
-                        formik: props.formik,
-                    });
-                }
-            } }))) : (React__default["default"].createElement("textarea", __assign({ id: props.name, "data-testid": props.name }, field, { rows: 1 }, props.inputProps, { onChange: function (event) {
-                var _a;
-                setFieldValue(props.name, event.target.value, (_a = props.validateOnChange) !== null && _a !== void 0 ? _a : true);
-                if (props.onValueChange) {
-                    props.onValueChange({
-                        value: event.target.value,
-                        formik: props.formik,
-                    });
-                }
-            } })));
-    };
-    return (React__default["default"].createElement("div", { className: clsx(props.className && "" + props.className) },
-        props.label && (React__default["default"].createElement(LuiFormikFormLabel, { required: props.required, label: props.label, "for": props.name, tooltip: props.tooltip })),
+    const multiLineToggle = (field) => !props.multiLine ? (React__default["default"].createElement("input", { id: props.name, "data-testid": props.name, ...field, type: "text", ...props.inputProps, onChange: (event) => {
+            setFieldValue(props.name, event.target.value, props.validateOnChange ?? true);
+            if (props.onValueChange) {
+                props.onValueChange({
+                    value: event.target.value,
+                    formik: props.formik,
+                });
+            }
+        } })) : (React__default["default"].createElement("textarea", { id: props.name, "data-testid": props.name, ...field, rows: 1, ...props.inputProps, onChange: (event) => {
+            setFieldValue(props.name, event.target.value, props.validateOnChange ?? true);
+            if (props.onValueChange) {
+                props.onValueChange({
+                    value: event.target.value,
+                    formik: props.formik,
+                });
+            }
+        } }));
+    return (React__default["default"].createElement("div", { className: clsx(props.className && `${props.className}`) },
+        props.label && (React__default["default"].createElement(LuiFormikFormLabel, { required: props.required, label: props.label, for: props.name, tooltip: props.tooltip })),
         props.helperInfo,
-        React__default["default"].createElement(formik.Field, { name: props.name, validate: props.validate }, function (_a) {
-            var field = _a.field;
+        React__default["default"].createElement(formik.Field, { name: props.name, validate: props.validate }, ({ field }) => {
             return (React__default["default"].createElement("div", { className: clsx(showError && 'lui-input-error') },
-                React__default["default"].createElement(formik.ErrorMessage, { name: props.name, render: function () { return (React__default["default"].createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")); } }),
+                React__default["default"].createElement(formik.ErrorMessage, { name: props.name, render: () => (React__default["default"].createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")) }),
                 multiLineToggle(field),
                 React__default["default"].createElement(formik.ErrorMessage, { name: props.name, className: 'lui-error-msg', component: "p" })));
         })));
 });
 
-var LuiFormikRadioButton = function (props) {
-    var _a = formik.useField(props), field = _a[0], meta = _a[1];
+const LuiFormikRadioButton = (props) => {
+    const [field, meta] = formik.useField(props);
     useDeprecatedWarning('LuiFormikRadioButton');
     return (React__default["default"].createElement("div", { className: props.className },
         meta.touched && meta.error && (React__default["default"].createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")),
         React__default["default"].createElement("div", { className: 'lui-radio-container' },
-            React__default["default"].createElement("input", __assign({ disabled: !!props.disabled }, field, { checked: props.value === field.value, value: props.value, id: props.value, type: "radio" }, props.inputProps)),
+            React__default["default"].createElement("input", { disabled: !!props.disabled, ...field, checked: props.value === field.value, value: props.value, id: props.value, type: "radio", ...props.inputProps }),
             React__default["default"].createElement("label", { htmlFor: props.value }, props.label))));
 };
 
@@ -1444,14 +1246,14 @@ camelcase$1.exports.default = camelCase;
 var camelcase = camelcase$1.exports;
 
 // TODO: It's annoying that we have to pass name into the RadioGroup and RadioButton
-var LuiFormikRadioGroup = function (props) {
-    var ctx = formik.useFormikContext();
-    var error = formik.getIn(ctx.errors, props.name);
-    var touch = formik.getIn(ctx.touched, props.name);
-    var showError = touch && error;
+const LuiFormikRadioGroup = (props) => {
+    let ctx = formik.useFormikContext();
+    const error = formik.getIn(ctx.errors, props.name);
+    const touch = formik.getIn(ctx.touched, props.name);
+    const showError = touch && error;
     useDeprecatedWarning('LuiFormikRadioGroup');
-    var describedby = props.hint && camelcase(props === null || props === void 0 ? void 0 : props.hint) + 'Id';
-    var errorDescribedBy = error && camelcase(error) + 'Id';
+    const describedby = props.hint && camelcase(props?.hint) + 'Id';
+    const errorDescribedBy = error && camelcase(error) + 'Id';
     return (React__default["default"].createElement("div", { className: clsx('lui-fieldsetBlock-form-group', showError && 'lui-input-error') },
         React__default["default"].createElement("fieldset", { "aria-describedby": clsx(props.hint && describedby + 'Id', showError && errorDescribedBy) },
             React__default["default"].createElement("legend", null,
@@ -1464,42 +1266,42 @@ var LuiFormikRadioGroup = function (props) {
             React__default["default"].createElement("div", { className: "lui-input-group-wrapper" }, props.children))));
 };
 
-var LuiFormikFormSubmitButton = formik.connect(function (props) {
+const LuiFormikFormSubmitButton = formik.connect((props) => {
     useDeprecatedWarning('LuiFormikFormSubmitButton');
     return (React__default["default"].createElement(LuiButton, { type: "submit", className: props.className, level: "primary", "data-testid": props['data-testid'], disabled: !!props.disabled }, props.children));
 });
 
-var LuiFormikSelect = formik.connect(function (props) {
+const LuiFormikSelect = formik.connect((props) => {
     useDeprecatedWarning('LuiFormikSelect');
-    var error = formik.getIn(props.formik.errors, props.name);
-    var touch = formik.getIn(props.formik.touched, props.name);
-    var showError = touch && error;
+    const error = formik.getIn(props.formik.errors, props.name);
+    const touch = formik.getIn(props.formik.touched, props.name);
+    const showError = touch && error;
     return (React__default["default"].createElement("div", { className: props.className },
-        props.label && (React__default["default"].createElement(LuiFormikFormLabel, { className: 'lui-margin-bottom-xxs', "for": props.name, label: props.label, required: !!props.required, tooltip: props.tooltip })),
+        props.label && (React__default["default"].createElement(LuiFormikFormLabel, { className: 'lui-margin-bottom-xxs', for: props.name, label: props.label, required: !!props.required, tooltip: props.tooltip })),
         props.helperInfo,
         React__default["default"].createElement("div", { className: clsx('lui-input-wrapper', showError && 'lui-input-error') },
-            React__default["default"].createElement(formik.ErrorMessage, { name: props.name, render: function () { return (React__default["default"].createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")); } }),
-            React__default["default"].createElement(formik.Field, __assign({ disabled: props.disabled, defaultValue: props.defaultValue, name: props.name, id: props.name, validate: props.validate, as: "select" }, props.inputProps), props.children),
+            React__default["default"].createElement(formik.ErrorMessage, { name: props.name, render: () => (React__default["default"].createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")) }),
+            React__default["default"].createElement(formik.Field, { disabled: props.disabled, defaultValue: props.defaultValue, name: props.name, id: props.name, validate: props.validate, as: "select", ...props.inputProps }, props.children),
             React__default["default"].createElement(formik.ErrorMessage, { name: props.name, className: 'lui-error-msg', component: "p" }))));
 });
 
-var LuiBearingInput = function (props) {
-    var maxDecimal = 1;
-    var maxAfterDP = 4 + maxDecimal;
-    var parseBearing = function (decimalIsh) {
-        var sign = decimalIsh.startsWith('-') ? '-' : '+';
-        var parts = decimalIsh.split('.');
-        var degrees = Math.abs(parseInt(parts[0])) || 0;
-        var remainder = parts.length > 1 ? parts[1] : '0000';
+const LuiBearingInput = (props) => {
+    const maxDecimal = 1;
+    const maxAfterDP = 4 + maxDecimal;
+    const parseBearing = (decimalIsh) => {
+        const sign = decimalIsh.startsWith('-') ? '-' : '+';
+        const parts = decimalIsh.split('.');
+        const degrees = Math.abs(parseInt(parts[0])) || 0;
+        let remainder = parts.length > 1 ? parts[1] : '0000';
         while (remainder.length < 4) {
             remainder += '0';
         }
-        var minutes = parseInt(remainder.substr(0, 2));
-        var seconds = parseFloat(remainder.substr(2, 2) + "." + (remainder.length > 4 ? remainder.substr(4, 2) : '0'));
-        return { sign: sign, degrees: degrees, minutes: minutes, seconds: seconds };
+        const minutes = parseInt(remainder.substr(0, 2));
+        const seconds = parseFloat(`${remainder.substr(2, 2)}.${remainder.length > 4 ? remainder.substr(4, 2) : '0'}`);
+        return { sign, degrees, minutes, seconds };
     };
-    var validateBearing = function (bearing) {
-        var signedDegrees = bearing.sign === '-' ? bearing.degrees * -1 : bearing.degrees;
+    const validateBearing = (bearing) => {
+        const signedDegrees = bearing.sign === '-' ? bearing.degrees * -1 : bearing.degrees;
         if (signedDegrees < -360 || signedDegrees > 360)
             return 'Degrees must be between -360 and 360';
         if (bearing.minutes < 0 || bearing.minutes >= 60)
@@ -1510,16 +1312,16 @@ var LuiBearingInput = function (props) {
         //here ---
         return null;
     };
-    var formatBearing = function (decimalIsh) {
-        var _a = parseBearing(decimalIsh), sign = _a.sign, degrees = _a.degrees, minutes = _a.minutes, seconds = _a.seconds;
-        var displaySign = degrees === 0 && minutes === 0 && seconds === 0 ? '' : sign;
-        return displaySign + " " + degrees + "\u00B0 " + padToTwo(minutes) + "' " + padToTwo(seconds) + "\"";
+    const formatBearing = (decimalIsh) => {
+        const { sign, degrees, minutes, seconds } = parseBearing(decimalIsh);
+        const displaySign = degrees === 0 && minutes === 0 && seconds === 0 ? '' : sign;
+        return `${displaySign} ${degrees}° ${padToTwo(minutes)}' ${padToTwo(seconds)}"`;
     };
-    var onChange = function (event) {
-        var newValue = event.target.value;
+    const onChange = (event) => {
+        const newValue = event.target.value;
         if (newValue === '' ||
             newValue === '-' ||
-            newValue.match(RegExp("^-?[0-9]+(\\.[0-9]{0," + maxAfterDP + "})?$"))) {
+            newValue.match(RegExp(`^-?[0-9]+(\\.[0-9]{0,${maxAfterDP}})?$`))) {
             props.onChange && props.onChange(event);
         }
         else {
@@ -1529,26 +1331,26 @@ var LuiBearingInput = function (props) {
     function padToTwo(number) {
         return number <= 9 ? '0' + number : number.toString();
     }
-    var parsedBearing = parseBearing(props.value);
-    var internalError = validateBearing(parsedBearing);
-    var error = props.preferValidationError
+    const parsedBearing = parseBearing(props.value);
+    const internalError = validateBearing(parsedBearing);
+    const error = props.preferValidationError
         ? props.validationError || internalError || null
         : internalError || props.validationError || null;
-    var showError = error !== null;
+    const showError = error !== null;
     props.onValidate && props.onValidate(internalError);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        props.label && (React__default["default"].createElement(LuiFormikFormLabel, { required: !!props.required, label: props.label, "for": props.name, tooltip: props.tooltip })),
+        props.label && (React__default["default"].createElement(LuiFormikFormLabel, { required: !!props.required, label: props.label, for: props.name, tooltip: props.tooltip })),
         props.helperInfo,
         React__default["default"].createElement("div", { className: clsx('lui-margin-top-xs', showError && 'lui-input-error') },
             showError && (React__default["default"].createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")),
             React__default["default"].createElement("div", { className: 'lui-bearing-input-wrapper' },
-                React__default["default"].createElement("input", __assign({ id: props.name, type: "text", disabled: props.disabled }, props.inputProps, { onChange: onChange, value: props.value })),
+                React__default["default"].createElement("input", { id: props.name, type: "text", disabled: props.disabled, ...props.inputProps, onChange: onChange, value: props.value }),
                 React__default["default"].createElement("div", { className: 'lui-bearing-display' }, formatBearing(props.value || '0'))),
             showError && React__default["default"].createElement("p", null, error))));
 };
-var LuiBearingFormikInput = function (props) {
-    var ctx = formik.useFormikContext();
-    var _a = React.useState(null), error = _a[0], setError = _a[1];
+const LuiBearingFormikInput = (props) => {
+    let ctx = formik.useFormikContext();
+    const [error, setError] = React.useState(null);
     function validateBearing() {
         return error;
     }
@@ -1556,8 +1358,8 @@ var LuiBearingFormikInput = function (props) {
         setError(error);
     }
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(formik.Field, { name: props.name, validate: validateBearing }, function (renderProps) {
-            return (React__default["default"].createElement(LuiBearingInput, __assign({ name: props.name }, renderProps.field, { validationError: formik.getIn(ctx === null || ctx === void 0 ? void 0 : ctx.errors, props.name), required: true, onValidate: onValidate, inputProps: props.inputProps, preferValidationError: props.preferValidationError })));
+        React__default["default"].createElement(formik.Field, { name: props.name, validate: validateBearing }, (renderProps) => {
+            return (React__default["default"].createElement(LuiBearingInput, { name: props.name, ...renderProps.field, validationError: formik.getIn(ctx?.errors, props.name), required: true, onValidate: onValidate, inputProps: props.inputProps, preferValidationError: props.preferValidationError }));
         })));
 };
 
@@ -1565,7 +1367,7 @@ var LinzLogoFooter = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53
 
 var NzGovtLogoRev = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTkwIDIwIj4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJhIiBkPSJNMCAwaDE4OS41NzJ2MTkuMzEySDB6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii43Ij4KICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZFRkVGRSIgZD0iTTgzLjEzOSAxMy44MTNIODEuMzFWNy4wMjFjMC0uOTA0LS4wODItMS4yMjYtLjMyMy0xLjU0Ny0uMi0uMjYxLS41NjItLjQwMi0xLjAyNC0uNDAyLS43MjQgMC0xLjgxLjU2My0yLjQ5MiAxLjI4NnY3LjQ1NWgtLjkzYy0uNTg2IDAtLjktLjQ0LS45LTEuMTI3VjYuMzE4YzAtMS4yMDYtLjEtMS42NjgtLjM4MS0yLjM5MmwxLjc0OS0uNDgyYy4yNC40ODIuMzQyLjkyNC4zNDIgMS41NDcuNTgyLS40ODIuODg0LS43NDMgMS4zMDYtLjk4NGEzLjczMiAzLjczMiAwIDAgMSAxLjg2OS0uNTAyYzEuMDY0IDAgMi4wMDkuNTYyIDIuMzcgMS40MjYuMTYxLjM2Mi4yNDIuODA0LjI0MiAxLjI2N3Y3LjYxNXptOC4wNTQtMi41NTJWNS45OTZjLS41MjItLjYyMy0xLjE4Ni0uOTQ0LTIuMTMtLjk0NC0uNzYzIDAtMS4zNjcuMzgxLTEuNzQ4IDEuMDI1LS4zODIuNjYyLS41MjMgMS40NjctLjUyMyAyLjc3MyAwIDEuOTUuMjQxIDIuNDkyLjc4NCAzLjA1NC4zNDEuMzYyLjgwNC41MjMgMS40ODcuNTIzIDEuMDY1IDAgMS43ODktLjU2MyAyLjEzLTEuMTY2em0yLjE1IDIuNTUyaC0xLjc2OGMtLjEtLjMwMS0uMTItLjQ0Mi0uMTgxLS45NDQtLjcwMy43NDQtMS41MjggMS4xMDUtMi41OTIgMS4xMDUtMi41NzIgMC00LjA4LTEuOTI5LTQuMDgtNS4xMDQgMC0yLjE3Ljc0NC0zLjgzOCAyLjExLTQuNzIzYTMuNDc3IDMuNDc3IDAgMCAxIDEuOTctLjU4MmMuOTY0IDAgMS43NjguMzQxIDIuNDUxIDEuMTY2IDAtLjI4Mi0uMDQtMS44MTktLjA0LTIuNTAyVi4xNDNsMS44NDkuMzAxdjkuOTk0YzAgMS42MjcuMDYgMi43NTMuMjgxIDMuMzc1ek03MS44NiA4Ljg3Yy0uMjgyLS4wMi0uNDQyLS4wNC0uNjAzLS4wNC0xLjM4NyAwLTIuMjMuMjYxLTIuNjMzLjcyMy0uMzgxLjQ0My0uNTIyLjgwNC0uNTIyIDEuNDY3IDAgMS4xMDYuNTYzIDEuNzQ5IDEuNTg4IDEuNzQ5Ljg0MyAwIDEuNjQ4LS41MjMgMi4xMS0xLjMyN2wuMDYtMi41NzJ6bTIuNjEyIDQuMTJsLS45NDQgMS4yNDVjLS42MjMtLjI0LTEuMTA2LS43NDMtMS4zNDctMS40NDctLjI2LjMyMi0xLjEwNSAxLjMyNy0yLjg1MyAxLjMyNy0yLjAxIDAtMy4yNTUtMS4wMjUtMy4yNTUtMi45NTQgMC0yLjMzMSAxLjg2OC0zLjU3NyA1LjEyNC0zLjU3Ny4yNCAwIC40NDIgMCAuNzAzLjAyVjYuOTRjMC0xLjE4Ni0uMTYtMS45OS0xLjU2Ny0xLjk5LTEuMDY1IDAtMi4yNzIuNTIzLTMuMDk1IDEuMTQ2bC0uODQ0LTEuMzI3Yy45ODUtLjU2MiAyLjI3LTEuMzI2IDQuMjItMS4zMjYgMS40NjcgMCAyLjUzMi41NDMgMi45MTQgMS42MDguMTYuNDQyLjIuNzg0LjIgMS43NjggMCAuNzI0LS4wOCAyLjI3MS0uMDggMy43MzggMCAxLjM4Ny4wNCAxLjk1LjgyNCAyLjQzMnptLTkuMTcxLjgwM2EyLjcxIDIuNzEgMCAwIDEtMS4xNDYuMjIxYy0uNzIzIDAtMS4xODYtLjIyLTEuNTY3LS43NjMtLjMwMS0uNDIyLS4zODItLjc2NC0uMzgyLTEuNzQ5VjMuMjk1YzAtMS40MjYtLjA2LTIuMTEtLjIyMS0yLjg5M0w2My45MTUgMGMuMTguNjYzLjE4IDEuNjI4LjE4IDIuODc0djguMTQ2YzAgMS4wNjUuMDYgMS4zMDYuMjYxIDEuNDg3LjEyMS4xNDEuNDAyLjIwMS42MjMuMTQxbC4zMjIgMS4xNDV6TTU4LjI2NyA4Ljg3Yy0uMjgtLjAyLS40NDItLjA0LS42MDItLjA0LTEuMzg3IDAtMi4yMy4yNjEtMi42MzMuNzIzLS4zODIuNDQzLS41MjMuODA0LS41MjMgMS40NjcgMCAxLjEwNi41NjMgMS43NDkgMS41ODggMS43NDkuODQ0IDAgMS42NDgtLjUyMyAyLjExLTEuMzI3bC4wNi0yLjU3MnptMi42MTMgNC4xMmwtLjk0NCAxLjI0NWMtLjYyMy0uMjQtMS4xMDYtLjc0My0xLjM0Ny0xLjQ0Ny0uMjYuMzIyLTEuMTA1IDEuMzI3LTIuODU0IDEuMzI3LTIuMDA5IDAtMy4yNTUtMS4wMjUtMy4yNTUtMi45NTQgMC0yLjMzMSAxLjg2OS0zLjU3NyA1LjEyNC0zLjU3Ny4yNDEgMCAuNDQzIDAgLjcwNC4wMlY2Ljk0YzAtMS4xODYtLjE2MS0xLjk5LTEuNTY4LTEuOTktMS4wNjUgMC0yLjI3LjUyMy0zLjA5NSAxLjE0NmwtLjg0My0xLjMyN2MuOTg0LS41NjIgMi4yNy0xLjMyNiA0LjIyLTEuMzI2IDEuNDY2IDAgMi41MzIuNTQzIDIuOTE0IDEuNjA4LjE2LjQ0Mi4yLjc4NC4yIDEuNzY4IDAgLjcyNC0uMDggMi4yNzEtLjA4IDMuNzM4IDAgMS4zODcuMDQgMS45NS44MjQgMi40MzJ6TTQ5LjQ2MSA3LjgwNWMwLS45NjQtLjIyLTEuNzY4LS42MjItMi4yNzFhMS44MSAxLjgxIDAgMCAwLTEuNDQ3LS43MDNjLTEuNDA3IDAtMi4xMSAxLjE0Ni0yLjExIDIuOTc0aDQuMTh6bTEuOTMgMS4zNjZoLTYuMTN2LjI0MmMwIC44NjMuMTIxIDEuNTI3LjQyMyAyLjAxLjUyMi44MDMgMS4zNDUgMS4xODUgMi4zMSAxLjE4NS45NDUgMCAxLjc0OS0uMzIyIDIuNDcyLS45NjVsLjcwNCAxLjEwNmMtLjk4Ni44NjQtMi4xNyAxLjI4NS0zLjQ3NyAxLjI4NS0yLjc5MyAwLTQuNTAyLTIuMDI5LTQuNTAyLTUuMzI0IDAtMS43NDkuMzQyLTIuODc0IDEuMjA2LTMuOS44MDQtLjk0NCAxLjc4OS0xLjM4NiAzLjAzNS0xLjM4NiAxLjEyNSAwIDIuMDMuMzYyIDIuNzMzIDEuMDg1Ljg4NC45MDUgMS4yMDUgMi4wMyAxLjIyNiA0LjM0di4zMjJ6TTMyLjY0IDMuNzQ2bC0yLjgxMyAxMC4xNDhIMjguMDRsLTEuNDY3LTUuNDg2Yy0uMTgtLjcwMy0uNjIzLTIuMzcxLS42MjMtMi4zNzFoLS4wNnMtLjQwMiAxLjcwOC0uNTQyIDIuMjVsLTEuNTA4IDUuNjA3aC0xLjc2OEwxOS4zMTggMy44MjZsMS44NjgtLjMwMSAxLjI4NyA1LjY0NmMuMjIgMS4wMDUuNTIyIDIuNDcyLjUyMiAyLjQ3MmguMDYxcy4yMi0xLjQyNi40NjItMi4yOWwxLjUyNy01LjYwN2gxLjkxTDI4LjM2IDkuMTljLjI4MSAxLjA4NS41NjIgMi4zNTIuNTYyIDIuNDUyaC4wOGMwLS4xLjMyMi0xLjcyOC40NjMtMi4zOWwxLjI0Ni01LjUwN2gxLjkzem0tMTUuODIgNC4wNmMwLS45NjUtLjIyLTEuNzctLjYyMy0yLjI3MmExLjgwNyAxLjgwNyAwIDAgMC0xLjQ0Ni0uNzAzYy0xLjQwNyAwLTIuMTEgMS4xNDYtMi4xMSAyLjk3NGg0LjE4em0xLjkzIDEuMzY1aC02LjEzdi4yNDJjMCAuODYzLjEyMSAxLjUyNy40MjMgMi4wMS41MjMuODAzIDEuMzQ2IDEuMTg1IDIuMzEgMS4xODUuOTQ1IDAgMS43NDktLjMyMiAyLjQ3Mi0uOTY1bC43MDMgMS4xMDZjLS45ODQuODY0LTIuMTcgMS4yODUtMy40NzYgMS4yODUtMi43OTMgMC00LjUwMS0yLjAyOS00LjUwMS01LjMyNCAwLTEuNzQ5LjM0MS0yLjg3NCAxLjIwNS0zLjkuODA0LS45NDQgMS43OS0xLjM4NiAzLjAzNS0xLjM4NiAxLjEyNSAwIDIuMDMuMzYyIDIuNzMzIDEuMDg1Ljg4NC45MDUgMS4yMDUgMi4wMyAxLjIyNiA0LjM0di4zMjJ6bTE3MC44MjItNS4zOTZsLS41IDEuM2gtMS45OHY2LjAzOWMwIDEuMjQuMyAxLjYyIDEuMyAxLjYyLjM0IDAgLjYyLS4wNi45MzktLjJsLjIyIDEuMTJjLS41Ni4yOC0xLjE2LjQyLTEuODIuNDItLjY2IDAtMS4zNzktLjItMS43LS41LS40MTktLjM4MS0uNzQtLjU4LS43NC0yLjA0di02LjQ2aC0xLjE5OHYtMS4zaDEuMTk5YzAtLjc3OS4wMi0xLjguMTItMi41NTlsMS45LS40NGMtLjA4LjcyLS4xOCAxLjk4LS4xOCAzaDIuNDR6bS02Ljc3NSAxMC4wMThoLTEuODJWNy4wMzVjMC0uOS0uMDgtMS4yMi0uMzE5LTEuNTQtLjItLjI2LS41Ni0uNC0xLjAyLS40LS43MiAwLTEuOC41Ni0yLjQ4IDEuMjh2Ny40MThoLTEuODJWNi4zMzRjMC0xLjItLjEtMS42NTktLjM4LTIuMzhsMS43NC0uNDc5Yy4yNC40OC4zNC45Mi4zNCAxLjU0LjU4LS40OC44OC0uNzQgMS4zLS45OC41OC0uMzQgMS4yNC0uNSAxLjg2LS41IDEuMDYgMCAxLjk5OS41NiAyLjM2IDEuNDIuMTU5LjM2LjI0LjguMjQgMS4yNnY3LjU3OHptLTEwLjk4My01Ljk3OWMwLS45Ni0uMjItMS43Ni0uNjItMi4yNi0uMzItLjQtLjgtLjctMS40NC0uNy0xLjM5OSAwLTIuMSAxLjE0LTIuMSAyLjk2aDQuMTZ6bTEuOTIgMS4zNmgtNi4xdi4yNGMwIC44Ni4xMiAxLjUyLjQyIDIgLjUyMS44IDEuMzQgMS4xOCAyLjMgMS4xOC45NCAwIDEuNzQtLjMyIDIuNDYtLjk2bC43IDEuMWMtLjk4Ljg2LTIuMTYgMS4yOC0zLjQ2IDEuMjgtMi43OCAwLTQuNDc5LTIuMDItNC40NzktNS4zIDAtMS43NC4zNC0yLjg2IDEuMi0zLjg4LjgtLjk0IDEuNzgtMS4zNzkgMy4wMi0xLjM3OSAxLjEyIDAgMi4wMi4zNiAyLjcyIDEuMDguODguOSAxLjE5OSAyLjAyIDEuMjE5IDQuMzJ2LjMxOXptLTkuNTc3IDQuNjJoLTEuODJ2LTcuMThjMC0xLjE0LS4zNi0xLjU0LTEuMi0xLjU0LS45MiAwLTEuNTguNi0yLjMzOSAxLjM2djcuMzZoLTEuOHYtNy4xNGMwLTEuMTItLjMyLTEuNTQtMS4yNC0xLjU0LS42OCAwLTEuNDQuMzQtMi4zIDEuMTZ2Ny41MmgtMS44MnYtNy4zNmMwLTEuNDItLjA4LTEuOC0uMzU5LTIuNDk5bDEuNzItLjQyYy4yLjM0LjM0Ljg0LjM0IDEuNC44Ni0uOSAxLjg4LTEuNDIgMi44MTktMS40Mi45NCAwIDEuODguNSAyLjM4IDEuNTggMS0xLjA2IDIuMDQtMS41OCAzLjA2LTEuNTggMS41NTkgMCAyLjU1OS45OCAyLjU1OSAyLjgydjcuNDc4em0tMTQuMzk3IDBoLTEuODJ2LTYuNzZjMC0uODk5LS4wOC0xLjIyLS4zMi0xLjU0LS4yLS4yNi0uNTYtLjQtMS4wMi0uNC0uNzIgMC0xLjc5OS41Ni0yLjQ4IDEuMjh2Ny40MmgtMS44MnYtNy40NmMwLTEuMi0uMDk5LTEuNjU5LS4zNzktMi4zOGwxLjc0LS40NzljLjI0LjQ4LjM0LjkyLjM0IDEuNTQuNTgtLjQ4Ljg4LS43NCAxLjMtLjk4LjU4LS4zNCAxLjI0LS41IDEuODYtLjUgMS4wNTkgMCAxLjk5OS41NiAyLjM2IDEuNDIuMTU5LjM2LjIzOS44LjIzOSAxLjI2djcuNTc4em0tOC43ODItMTAuMjM5bC0uNjQgMS44NGExLjUgMS41IDAgMCAwLS41Mi0uMWMtMS4xMiAwLTIuMDc5Ljk0LTIuMDc5IDIuMDM5djYuNDZoLTEuODR2LTcuMzZjMC0xLjIyLS4xNC0xLjg4LS4zOC0yLjQ5OWwxLjc4LS40NmMuMTguMzguMzQgMS4wNC4zNCAxLjU0di4xOGMuOC0xLjE2IDEuNjYtMS43NCAyLjcyLTEuNzQuMjQgMCAuNDYuMDQuNjIuMXptLTguNjAzIDQuMjU5YzAtLjk2LS4yMi0xLjc2LS42Mi0yLjI2LS4zMi0uNC0uOC0uNy0xLjQ0LS43LTEuMzk5IDAtMi4xIDEuMTQtMi4xIDIuOTZoNC4xNnptMS45MiAxLjM2aC02LjF2LjI0YzAgLjg2LjEyIDEuNTIuNDIxIDIgLjUyLjggMS4zNCAxLjE4IDIuMyAxLjE4LjkzOSAwIDEuNzQtLjMyIDIuNDU5LS45NmwuNyAxLjFjLS45OC44Ni0yLjE2IDEuMjgtMy40NiAxLjI4LTIuNzc5IDAtNC40NzktMi4wMi00LjQ3OS01LjMgMC0xLjc0LjM0LTIuODYgMS4yLTMuODguOC0uOTQgMS43OC0xLjM3OSAzLjAyLTEuMzc5IDEuMTIgMCAyLjAyLjM2IDIuNzE5IDEuMDguODguOSAxLjIgMi4wMiAxLjIyIDQuMzJ2LjMxOXptLTguMzczLTUuNGwtMy42NTkgMTAuMWgtMS43MmwtMy41OC0xMC4wNiAxLjktLjMgMS45OCA2LjA2Yy4yMi42OC40NCAxLjQ4LjYgMi4xNi4xNi0uNi4zNi0xLjM4LjY0LTIuMmwxLjktNS43NmgxLjk0em0tMTEuMjU4IDUuMThjMC0zLjEtLjktNC4wNC0yLjM0LTQuMDQtMS42IDAtMi4yNTkgMS4xNC0yLjI1OSAzLjY2IDAgMy4wNi43OCA0LjA4IDIuMzQgNC4wOCAxLjQgMCAyLjI2LTEuMDggMi4yNi0zLjd6bTIuMDYtLjA4YzAgMy4xOC0xLjcgNS4yLTQuMzYgNS4yLTIuNjc5IDAtNC4zNC0yLjA0LTQuMzQtNS4zIDAtMy4yNCAxLjY2MS01LjI4IDQuMy01LjI4IDIuOTYgMCA0LjQgMi4zNiA0LjQgNS4zOHptLTEwLjAyNSA0LjAyYy0xLjEyLjctMi42MiAxLjEtNC4wOCAxLjEtMS44NCAwLTMuMy0uNjItNC4zNTgtMS44Ni0xLjEtMS4yOC0xLjYtMi45LTEuNi01LjE2IDAtMS45MTMuOC00LjEwMyAyLjM4LTUuNDAzLjk5OC0uODIgMi4wOTktMS4xOCAzLjQ1OS0xLjE4IDEuNSAwIDIuODE5LjQ0IDMuODk5IDEuMzhsLS45MiAxLjJjLTEuMDItLjc0LTEuODgtMS4wNC0yLjk0LTEuMDQtMS4zMiAwLTIuMjk4LjU1Mi0yLjk1OSAxLjc2LS40ODEuODgtLjc2IDEuNzQ0LS43NiAzLjM4MyAwIDEuOS4zNCAzLjMyLjk4IDQuMTYuNi43OCAxLjc4IDEuMjQgMi45NiAxLjI0Ljc3OSAwIDEuNDgtLjIgMi4wNC0uNTJ2LTMuOTJoLTIuNTRsLS4zMi0xLjU4aDQuNzU5djYuNDR6bS02My4yMy0uMzc0bC0uNDggMS42aC04LjIxOHYtMS40OGw1LjU1OS04Ljc4MmMuMy0uNTIuNy0xLjA2Ljk4LTEuNDItLjQuMDQtLjkuMDYtMS41OC4wNmgtNC43MTlsLjQ2LTEuNmg3LjkxOHYxLjU0bC01LjQ5OSA4Ljc4M2MtLjMuNTItLjYyLjkyLS44NiAxLjMyLjQyLS4wMi44OC0uMDIgMS4zOC0uMDJoNS4wNnpNOS4xOTQgMTMuOTU3aC0yLjA2bC0zLjYyLTcuMzE5Yy0uNy0xLjQyLTEuNDE5LTIuOTgtMS42NzktMy43OGwtLjEyLjAyYy4xIDEuMTguMTQgMi41Ni4xNiAzLjg0bC4wOCA3LjIzOWgtLjc1NmMtLjg3MyAwLTEuMTg0LS44NDQtMS4xODQtMS43OTZWLjE4aDIuMjRsMy44NCA3LjU5OWMuNTggMS4xNCAxLjI2IDIuOTIgMS4zNiAzLjNsLjEyLS4wNDFjLS4wNC0uNC0uMi0yLjU4LS4yLTQuMUw3LjMzMy4xOGgxLjg2djEzLjc3OHpNMCAxOC4zNTlzMjMuOTA5LTIuNjk5IDQ2LjUyMy0yLjY5OWMyMy4xIDAgNDcuMTUgMi43IDQ3LjE1IDIuN3YuOTUycy0yNC4yMS0yLjU1OS00Ny4xNDYtMi41NTlDMjMuOTEgMTYuNzUzIDAgMTkuMzEzIDAgMTkuMzEzdi0uOTU0eiIgbWFzaz0idXJsKCNiKSIvPgogICAgPC9nPgo8L3N2Zz4=';
 
-var LuiFooter = function (props) {
+const LuiFooter = (props) => {
     return (React__default["default"].createElement("footer", { className: 'lui-footer' },
         React__default["default"].createElement("div", { className: 'lui-footer-columns' },
             React__default["default"].createElement("h2", null, props.footerText),
@@ -25058,35 +24860,33 @@ var loaderDataChristmas = {
  * Very trivial react wrapper for Lottie-web light.  Using lottie-web directly rather than with `react-lottie` or
  * `lottie-react` reduces our bundle size and enables use to use lottie-web in light mode.
  */
-var LuiLottieLight = function (_a) {
-    var animationData = _a.animationData, style = _a.style, rendererSettings = _a.rendererSettings, autoplay = _a.autoplay, loop = _a.loop;
-    var element = React__default["default"].useRef(null);
-    var lottieInstance = React__default["default"].useRef();
-    React__default["default"].useEffect(function () {
+const LuiLottieLight = ({ animationData, style, rendererSettings, autoplay, loop, }) => {
+    const element = React__default["default"].useRef(null);
+    const lottieInstance = React__default["default"].useRef();
+    React__default["default"].useEffect(() => {
         if (element.current) {
             lottieInstance.current = lottie__default["default"].loadAnimation({
-                animationData: animationData,
+                animationData,
                 container: element.current,
-                rendererSettings: rendererSettings,
-                autoplay: autoplay,
-                loop: loop,
+                rendererSettings,
+                autoplay,
+                loop,
             });
         }
-        return function () {
-            var _a;
-            (_a = lottieInstance.current) === null || _a === void 0 ? void 0 : _a.destroy();
+        return () => {
+            lottieInstance.current?.destroy();
         };
     }, [animationData, autoplay, loop, rendererSettings]);
     return React__default["default"].createElement("div", { style: style, ref: element });
 };
 
 // This prevents spinners from animating and causing diffs in chromatic
-var autoplay = !isChromatic();
-var style = { height: 148, width: 148 };
-var renderSettings = {
+const autoplay = !isChromatic();
+const style = { height: 148, width: 148 };
+const renderSettings = {
     preserveAspectRatio: 'xMidYMid slice',
 };
-var LuiLoadingSpinnerBase = function (props) {
+const LuiLoadingSpinnerBase = (props) => {
     return (React__default["default"].createElement("div", { style: {
             position: 'absolute',
             top: '50%',
@@ -25100,7 +24900,7 @@ var LuiLoadingSpinnerBase = function (props) {
 /**
  * A LuiSpinner with a status message beneath it.
  */
-var LuiStatusSpinner = function (props) {
+const LuiStatusSpinner = (props) => {
     return (React__default["default"].createElement("div", { className: 'LuiStatusSpinner' },
         React__default["default"].createElement(LuiLoadingSpinner, null),
         React__default["default"].createElement("div", { style: {
@@ -25115,24 +24915,25 @@ var LuiStatusSpinner = function (props) {
                     width: '300px',
                 } }, props.children))));
 };
-var LuiMiniSpinner = function (props) {
-    return (React__default["default"].createElement("div", __assign({}, props.divProps),
+const LuiMiniSpinner = (props) => {
+    return (React__default["default"].createElement("div", { ...props.divProps },
         React__default["default"].createElement(LuiLottieLight, { animationData: loaderData, loop: true, autoplay: autoplay, rendererSettings: {
                 preserveAspectRatio: 'xMidYMid slice',
             }, style: { height: props.size, width: props.size } })));
 };
-var LuiLoadingSpinner = function () {
+const LuiLoadingSpinner = () => {
     return React__default["default"].createElement(LuiLoadingSpinnerBase, { animationData: loaderData });
 };
-var LuiLoadingSpinnerEaster = function () {
+const LuiLoadingSpinnerEaster = () => {
     return React__default["default"].createElement(LuiLoadingSpinnerBase, { animationData: loaderDataEaster });
 };
-var LuiLoadingSpinnerChristmas = function () {
+const LuiLoadingSpinnerChristmas = () => {
     return React__default["default"].createElement(LuiLoadingSpinnerBase, { animationData: loaderDataChristmas });
 };
 // this function was extracted from chromatic/isChromatic. It was causing TS issues for the consumer
 function isChromatic() {
-    return !!((window === null || window === void 0 ? void 0 : window.navigator.userAgent.match(/Chromatic/)) || (window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
+    return !!(window?.navigator.userAgent.match(/Chromatic/) ||
+        window?.location.href.match(/chromatic=true/));
 }
 
 var css_248z$4 = ":export {\n  charcoal: #2a292c;\n  fuscous: #6b6966;\n  gray: #989189;\n  silver: #beb9b4;\n  lily: #eaeaea;\n  hint: #f9f9f9;\n  snow: #ffffff;\n  white: #ffffff;\n  teal: #00425d;\n  sea: #007198;\n  electric: #0096cc;\n  spray: #73c8e1;\n  polar: #e2f3f7;\n  sherpa: #004b50;\n  surfie: #017a76;\n  persian: #00a599;\n  downy: #73cdc8;\n  iceberg: #dcf5f0;\n  sacramento: #004e32;\n  salem: #08814d;\n  pigment: #0aa245;\n  granny: #9bd79b;\n  panache: #e9fae7;\n  brand-primary: #004b50;\n  brand-secondary: #017a76;\n  error: #cc0000;\n  error-bg: #f5cccc;\n  error-focus: #5a0000;\n  warning: #ea6a2e;\n  warning-bg: #fbdfd2;\n  warning-focus: #b33a01;\n  success: #0aa245;\n  success-bg: #e9fae7;\n  info: #3a7cdf;\n  info-bg: #d8e5f9;\n  visited: #00425d;\n  green-hover: #107c3a;\n  green-active: #094a22;\n  green-btn: #0aa245;\n  txt-link: #0096cc;\n  primary-hover-btn: #005678;\n  selection: #c7e9f3;\n  heading-color: #017a76;\n  heading-color--secondary: #2a292c;\n  base-type-color: #2a292c;\n  input-text: #2a292c;\n  input-placeholder: #6b6966;\n  input-placeholder-when-disabled: #989189;\n  base-icon-color: #007198;\n  disabled-color: #989189;\n  disabled-color-dark: #6b6966;\n  linz-color-primary: #023d48;\n  linz-color-primary-hover: #01818a;\n  linz-color-tertiary: #e1e44a;\n  linz-color-tertiary-hover: #cdcf59;\n  color-test-pink: #f09;\n  linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n  linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}";
@@ -25243,61 +25044,114 @@ var CreatableSelect = /*#__PURE__*/React__default["default"].forwardRef(function
 /**
  * A wrapper around React Select with Lui styling
  */
-var LuiComboSelect = React.forwardRef(LuiComboSelectActual);
+const LuiComboSelect = React.forwardRef(LuiComboSelectActual);
 // declare the indicator in here so it gets the types from
 // the function declaration
-var LuiLoadingIndicator = function () { return React__default["default"].createElement(LuiMiniSpinner, { size: 25 }); };
+const LuiLoadingIndicator = () => React__default["default"].createElement(LuiMiniSpinner, { size: 25 });
 function LuiComboSelectActual(givenProps, ref) {
-    var props = Object.assign({
-        noOptionsMessage: function (i) {
-            return "No options found containing '" + i.inputValue + "'";
-        },
+    const props = Object.assign({
+        noOptionsMessage: (i) => `No options found containing '${i.inputValue}'`,
     }, givenProps);
-    props.components = __assign({ LoadingIndicator: LuiLoadingIndicator }, props.components);
+    props.components = {
+        LoadingIndicator: LuiLoadingIndicator,
+        ...props.components,
+    };
     // box-shadow: "-8px 0px 0 0 #cc0000";
     // border-radius: "4px";
-    var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
-    var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$4['sea'], primary75: css_248z$4['electric'], primary50: css_248z$4['spray'], primary25: css_248z$4['polar'], neutral90: css_248z$4['charcoal'], neutral80: css_248z$4['charcoal'], neutral70: css_248z$4['charcoal'], neutral60: css_248z$4['fuscous'], neutral50: css_248z$4['fuscous'], neutral40: css_248z$4['gray'], neutral30: css_248z$4['gray'], neutral20: css_248z$4['silver'], neutral10: css_248z$4['lily'], neutral5: css_248z$4['hint'], danger: css_248z$4['error'], dangerLight: css_248z$4['error-bg'] }) })); }, styles: {
-            control: function (provided, state) { return (__assign(__assign({}, provided), { 
+    const id = useGenerateOrDefaultId(props?.id);
+    const selectProp = {
+        inputId: id,
+        ...props,
+        classNamePrefix: 'LuiComboSelect',
+        theme: (theme) => ({
+            ...theme,
+            colors: {
+                ...theme.colors,
+                primary: css_248z$4['sea'],
+                primary75: css_248z$4['electric'],
+                primary50: css_248z$4['spray'],
+                primary25: css_248z$4['polar'],
+                neutral90: css_248z$4['charcoal'],
+                neutral80: css_248z$4['charcoal'],
+                neutral70: css_248z$4['charcoal'],
+                neutral60: css_248z$4['fuscous'],
+                neutral50: css_248z$4['fuscous'],
+                neutral40: css_248z$4['gray'],
+                neutral30: css_248z$4['gray'],
+                neutral20: css_248z$4['silver'],
+                neutral10: css_248z$4['lily'],
+                neutral5: css_248z$4['hint'],
+                danger: css_248z$4['error'],
+                dangerLight: css_248z$4['error-bg'],
+            },
+        }),
+        styles: {
+            control: (provided, state) => ({
+                ...provided,
                 /* matches style of .LuiTextInput-input */
-                boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
+                boxShadow: 'none',
+                border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2',
+                '&:hover, &:active': {
                     borderColor: '#053d52',
-                } })); },
-            dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$4['fuscous'] })); },
-            indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
-            input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
+                },
+            }),
+            dropdownIndicator: (provided) => ({
+                ...provided,
+                color: css_248z$4['fuscous'],
+            }),
+            indicatorSeparator: (provided) => ({
+                ...provided,
+                width: 0,
+            }),
+            input: (provided) => ({
+                ...provided,
+                height: '40px',
+                minHeight: '40px',
+                fontWeight: 400,
+                input: {
                     height: '38px !important',
-                } })); },
-            singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
-            placeholder: function (provided) { return (__assign(__assign({}, provided), { 
+                },
+            }),
+            singleValue: (provided) => ({
+                ...provided,
+                color: '#414042',
+                fontWeight: 400,
+            }),
+            placeholder: (provided) => ({
+                ...provided,
                 /* please keep this in sync with FormVars.scss/mixin.formPlaceholder */
-                fontWeight: 'normal', fontStyle: 'italic', color: css_248z$4['input-placeholder'] })); },
-            option: function (provided, _a) {
-                var isSelected = _a.isSelected;
-                return (__assign(__assign({}, provided), { color: css_248z$4['input-text'], backgroundColor: isSelected ? css_248z$4['selection'] : css_248z$4['white'] }));
-            },
-        } });
+                fontWeight: 'normal',
+                fontStyle: 'italic',
+                color: css_248z$4['input-placeholder'],
+            }),
+            option: (provided, { isSelected }) => ({
+                ...provided,
+                color: css_248z$4['input-text'],
+                backgroundColor: isSelected ? css_248z$4['selection'] : css_248z$4['white'],
+            }),
+        },
+    };
     return (React__default["default"].createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
         React__default["default"].createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
-        props.isCreateable ? (React__default["default"].createElement(CreatableSelect, __assign({ formatCreateLabel: function (inputValue) { return inputValue; }, createOptionPosition: "first", ref: ref }, selectProp))) : (React__default["default"].createElement(Select, __assign({ ref: ref }, selectProp))),
+        props.isCreateable ? (React__default["default"].createElement(CreatableSelect, { formatCreateLabel: (inputValue) => inputValue, createOptionPosition: "first", ref: ref, ...selectProp })) : (React__default["default"].createElement(Select, { ref: ref, ...selectProp })),
         props.error && (React__default["default"].createElement("span", { className: "LuiComboSelect-error" },
             React__default["default"].createElement(LuiIcon, { alt: 'Error', name: "ic_error", className: "LuiComboSelect-error-icon", size: "sm", status: "error" }),
             props.error))));
 }
 
-var LuiShadow = function (props) {
+const LuiShadow = (props) => {
     return (React__default["default"].createElement("div", { className: clsx('LuiShadow', props.className) }, props.children));
 };
 
-var HelpInfo = function (props) { return (React__default["default"].createElement("div", { className: clsx('lui-small', 'HelpInfo') },
+const HelpInfo = (props) => (React__default["default"].createElement("div", { className: clsx('lui-small', 'HelpInfo') },
     React__default["default"].createElement(LuiIcon, { name: "ic_error_outline", className: 'HelpInfo-icon', size: "sm", alt: "Extra Information" }),
-    React__default["default"].createElement("div", { className: 'HelpInfo-info' }, props.info))); };
+    React__default["default"].createElement("div", { className: 'HelpInfo-info' }, props.info)));
 
-var LuiFormSectionHeader = function (props) { return (React__default["default"].createElement("div", { className: "LuiFormSectionHeader" },
+const LuiFormSectionHeader = (props) => (React__default["default"].createElement("div", { className: "LuiFormSectionHeader" },
     React__default["default"].createElement("div", { className: "LuiFormSectionHeader-header" },
         React__default["default"].createElement("h3", { className: "LuiFormSectionHeader-heading" }, props.header),
         props.details && React__default["default"].createElement(HelpInfo, { info: props.details })),
-    React__default["default"].createElement(LuiShadow, { className: 'LuiFormSectionHeader-details' }, props.children))); };
+    React__default["default"].createElement(LuiShadow, { className: 'LuiFormSectionHeader-details' }, props.children)));
 
 var logo = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMDBweCIgaGVpZ2h0PSI3MHB4IiB2aWV3Qm94PSIwIDAgMzAwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgNzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qye2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cgkuc3Q1e2ZpbGw6dXJsKCNTVkdJRF81Xyk7fQoJLnN0NntvcGFjaXR5OjAuNDtmaWxsOnVybCgjU1ZHSURfNl8pO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQo8L3N0eWxlPgoJPGcgaWQ9IkxheWVyXzJfMl8iPgoJPGcgaWQ9IlRvaXR1X0xvZ29zIj4KCQk8ZyBpZD0iQmFkZ2VfVG9pdHUiPgoJCQk8ZyBpZD0iX0dyb3VwXyI+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTUuOSw1LjZjLTIuMSwwLTMuOS0wLjEtNi4zLTAuMWMwLDAuNiwwLDEuNCwwLDEuOHYxMC41YzAsMS4xLDAsMy4zLDAuMSw0LjFoLTVjMC4xLTEuNCwwLjItNS4xLDAuMi03di01CgkJCQkJYzAtMS4xLDAtMy0wLjEtNC41Yy0yLjQsMC00LjQsMC02LjQsMC4xYzAuMS0xLjIsMC4xLTIuNywwLjEtNGMyLjcsMC4xLDUuNCwwLjEsOC43LDAuMXM2LjEtMC4xLDguOC0wLjEKCQkJCQlDOTYsMyw5NS45LDQuMyw5NS45LDUuNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDAsMjIuNmMtMy43LDAuMS02LjktMi44LTctNi41YzAtMC4yLDAtMC4zLDAtMC41YzAtNC40LDIuOS03LjcsNy4zLTcuN2MzLjctMC4xLDYuOSwyLjgsNyw2LjUKCQkJCQljMCwwLjIsMCwwLjMsMCwwLjVDMTA3LjQsMTkuMywxMDQuNSwyMi42LDEwMCwyMi42eiBNMTAwLjMsMTEuMWMtMS44LDAtMywxLjUtMyw0YzAsMywxLjIsNC4yLDIuOSw0LjJjMS45LDAsMy0xLjUsMy00CgkJCQkJQzEwMy4yLDEyLjMsMTAxLjksMTEuMSwxMDAuMywxMS4xeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMS44LDUuOGMtMS4zLDAuMS0yLjQtMC45LTIuNS0yLjJjMCwwLDAtMC4xLDAtMC4xYzAtMS40LDEuMS0yLjQsMi41LTIuNGMwLDAsMC4xLDAsMC4xLDAKCQkJCQljMS4zLTAuMSwyLjQsMC45LDIuNSwyLjNjMCwwLDAsMCwwLDBjMCwxLjMtMS4xLDIuNC0yLjUsMi40QzExMS44LDUuOCwxMTEuOCw1LjgsMTExLjgsNS44eiBNMTA5LjMsMjIuMQoJCQkJCWMwLjEtMS42LDAuMi0zLjEsMC4yLTQuN3YtNC4xYzAtMS43LTAuMS0zLjctMC4yLTQuOWMxLDAsMy44LTAuMiw0LjctMC4zYy0wLjEsMC43LTAuMSwyLjEtMC4xLDMuMXY4LjFjMCwwLjksMCwxLjksMC4xLDIuOAoJCQkJCUwxMDkuMywyMi4xeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyNS40LDIxLjdjLTEsMC41LTIuMSwwLjgtMy4yLDAuOGMtMi45LDAtNC41LTEuMi00LjUtNC44di02LjVoLTIuNGwwLjctMy4xaDEuN2wwLjMtMi44bDQtMS4zdjQuMmgzLjUKCQkJCQljLTAuMSwwLjYtMC4xLDIuMS0wLjEsMy4xSDEyMnY2YzAsMS40LDAuNSwxLjgsMS41LDEuOGMwLjcsMCwxLjQtMC4yLDIuMS0wLjZMMTI1LjQsMjEuN3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzcuMiwyMi4xbC0wLjUtMi40Yy0wLjksMS43LTIuNywyLjgtNC43LDIuOWMtMywwLTQuNi0xLjgtNC42LTUuMnYtNC4yYzAtMS42LTAuMS0zLjQtMC4xLTQuOAoJCQkJCWMxLjYsMCwzLjMtMC4xLDQuNi0wLjJjLTAuMSwxLjEtMC4yLDIuMS0wLjEsMy4ydjQuOWMwLDIsMC41LDIuOSwyLjEsMi45YzEuNC0wLjEsMi42LTEuMiwyLjctMi43di0zLjNjMC0xLjYtMC4xLTMuNC0wLjItNC44CgkJCQkJYzEuNiwwLDMuMy0wLjEsNC43LTAuMmMtMC4xLDEuMS0wLjIsMi4xLTAuMiwzLjJ2NS45YzAsMS42LDAuMSwzLjIsMC4yLDQuOEwxMzcuMiwyMi4xeiBNMTM5LjIsNS40Yy0xLjMsMC0yLjMtMC4xLTMuNC0wLjFoLTMKCQkJCQljLTEuNCwwLTIuNCwwLTMuNCwwLjFjMC4xLTAuNywwLjEtMi4xLDAuMS0yLjljMS42LDAuMSwyLjgsMC4xLDUsMC4xYzEuNSwwLDMuMywwLDQuOS0wLjFDMTM5LjMsMy4zLDEzOS4yLDQuNCwxMzkuMiw1LjR6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY1LjEsNS42Yy0yLjEsMC0zLjktMC4xLTYuMy0wLjFjMCwwLjYsMCwxLjQsMCwxLjh2MTAuNWMwLDEuMSwwLDMuMywwLjEsNC4xaC01YzAuMS0xLjQsMC4yLTUuMSwwLjItNwoJCQkJCXYtNWMwLTEuMSwwLTMtMC4xLTQuNWMtMi40LDAtNC40LDAtNi40LDAuMWMwLjEtMS4yLDAuMS0yLjcsMC4xLTRjMi43LDAuMSw1LjQsMC4xLDguNywwLjFzNi4xLTAuMSw4LjktMC4xCgkJCQkJQzE2NS4yLDMsMTY1LjEsNC4zLDE2NS4xLDUuNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzUuMSwxNS44bC04LDAuMmMwLjEsMi4xLDEuNCwzLjIsMy43LDMuMmMxLjgsMCwzLjYtMC42LDUuMi0xLjZsLTAuMSwzLjNjLTEuNywxLjEtMy42LDEuNi01LjYsMS42CgkJCQkJYy01LDAtNy40LTMuMi03LjQtNy4xYzAtNC40LDMtNy42LDcuNC03LjZjNC40LDAsNi4yLDMsNi4yLDYuOEwxNzUuMSwxNS44eiBNMTcyLjYsMTMuOGMtMC4yLTEuOC0wLjktMi44LTIuNS0yLjgKCQkJCQljLTEuNywwLTIuNywxLjMtMywzTDE3Mi42LDEzLjh6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA1LjgsMTYuNmMtMC45LDIuNS0xLjQsNC0xLjksNS43bC0zLDAuM2wtNC42LTEzLjNsLTIuNyw4Yy0wLjUsMS42LTEuMiwzLjMtMS44LDUuMmgtM2wtNS4xLTE0LjcKCQkJCQljLTAuNi0xLjgtMS40LTQuMS0yLjEtNS45bDUtMC4ybDQuMSwxMy42bDIuOC04LjhjMC40LTEuMiwxLjItMy42LDEuNi00LjhsMi44LTAuM2w0LjYsMTMuN2wyLjUtOC42bDEuNC00LjdoNC44TDIwNS44LDE2LjZ6IgoJCQkJLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMjAuOSwyMi4xYzAuMS0xLjIsMC4yLTMuMiwwLjItNC45VjE0YzAtMS43LTAuNC0yLjYtMS44LTIuNmMtMS42LDAtMi45LDEuMy0zLDIuOXY1YzAsMSwwLDEuOSwwLjEsMi45CgkJCQkJaC00LjZjMC4xLTEuMiwwLjItMy4xLDAuMi00Ljh2LTExYzAtMS43LTAuMS0zLjQtMC4yLTQuNmMxLTAuMSwzLjgtMC4zLDQuNi0wLjVjLTAuMSwwLjgtMC4xLDMuMy0wLjEsMy44djYKCQkJCQljMS0xLjgsMi45LTIuOSw1LTMuMWMyLjksMCw0LjIsMS44LDQuMiw0Ljl2Ni4zYzAsMSwwLjEsMi4yLDAuMSwzSDIyMC45eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzOS43LDE1LjhsLTgsMC4yYzAuMSwyLjEsMS40LDMuMiwzLjcsMy4yYzEuOSwwLDMuNy0wLjYsNS4yLTEuNmwtMC4xLDMuM2MtMS43LDEuMS0zLjYsMS42LTUuNiwxLjYKCQkJCQljLTUsMC03LjQtMy4yLTcuNC03LjFjMC00LjQsMy03LjYsNy40LTcuNnM2LjIsMyw2LjIsNi44TDIzOS43LDE1Ljh6IE0yMzcuMiwxMy44Yy0wLjItMS44LTAuOS0yLjgtMi41LTIuOGMtMS43LDAtMi43LDEuMy0zLDMKCQkJCQlMMjM3LjIsMTMuOHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNTIuMSwyMi4xYzAuMS0xLjIsMC4yLTMuMiwwLjItNC45VjE0YzAtMS43LTAuNC0yLjYtMS44LTIuNmMtMS42LDAuMS0yLjksMS4zLTMsMi45djQuOWMwLDEsMCwyLDAuMSwzCgkJCQkJSDI0M2MwLjEtMS4yLDAuMi0zLjIsMC4yLTQuOXYtNGMwLTEuNy0wLjEtMy41LTAuMi00LjhjMSwwLDMuNC0wLjMsNC4zLTAuNGwwLjIsMi45YzEtMS44LDIuOS0zLDUtMy4xYzIuOSwwLDQuMiwxLjgsNC4yLDQuOQoJCQkJCXY2LjNjMCwxLDAuMSwyLjIsMC4xLDNIMjUyLjF6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjY5LjEsMjIuMWwtMC41LTIuNGMtMC45LDEuNy0yLjcsMi44LTQuNywyLjljLTMsMC00LjUtMS44LTQuNS01LjJ2LTQuMmMwLTEuNi0wLjEtMy40LTAuMS00LjgKCQkJCQljMS42LDAsMy4zLTAuMSw0LjYtMC4yYy0wLjEsMS4xLTAuMiwyLjEtMC4xLDMuMnY0LjljMCwyLDAuNSwyLjksMi4xLDIuOWMxLjQtMC4xLDIuNi0xLjIsMi43LTIuN3YtMy4zYzAtMS42LTAuMS0zLjQtMC4yLTQuOAoJCQkJCWMxLjYsMCwzLjMtMC4xLDQuNy0wLjJjLTAuMSwxLjEtMC4yLDIuMS0wLjIsMy4ydjUuOWMwLDEuNiwwLjEsMy4yLDAuMiw0LjhMMjY5LjEsMjIuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzQuOSwxOC42YzAtMi43LDIuNC00LjYsNy4xLTQuNmMwLjMsMCwwLjcsMCwxLjEsMC4xbDAtMC40YzAuMS0xLjUtMC42LTIuMy0yLjQtMi4zCgkJCQkJYy0xLjUsMC0yLjksMC41LTQuMiwxLjNsLTAuNi0zLjJjMS43LTEsMy43LTEuNSw1LjYtMS41YzQsMCw1LjgsMS45LDUuNyw1LjVsLTAuMSw1YzAsMC44LDAuMiwxLjEsMC44LDEuMQoJCQkJCWMwLjMsMCwwLjYtMC4xLDAuOS0wLjJsLTAuMiwyLjZjLTAuNywwLjMtMS41LDAuNC0yLjMsMC41Yy0xLjQsMC0yLjYtMC42LTMtMi4zYy0wLjksMS40LTIuNSwyLjMtNC4yLDIuMwoJCQkJCUMyNzYuNSwyMi40LDI3NC45LDIxLDI3NC45LDE4LjZ6IE0yODMsMTcuM1YxNmMtMC4zLDAtMC42LTAuMS0wLjktMC4xYy0yLjMsMC0zLjIsMC45LTMuMiwyLjFjLTAuMSwwLjksMC42LDEuNiwxLjUsMS43CgkJCQkJYzAuMSwwLDAuMiwwLDAuMywwQzI4MiwxOS44LDI4Mi45LDE4LjgsMjgzLDE3LjN6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTMuMiw0Ni4yYy0xLjQtMC4xLTMtMC4xLTQuNy0wLjFzLTMuNCwwLTQuOSwwLjFjMC4xLTEsMC4xLTMuOCwwLjEtNS4ydi00LjdjMC0xLjQsMC00LjEtMC4xLTUuMQoJCQkJCWMwLjgsMCwyLjksMCwzLjYtMC4xYy0wLjEsMC42LTAuMSwyLjMtMC4xLDMuMXY4YzAsMC40LDAsMC44LDAsMS4yYzAuNSwwLDEuMSwwLDEuNywwYzEuNiwwLDMsMCw0LjQtMC4xCgkJCQkJQzkzLjMsNDQuMiw5My4yLDQ1LjEsOTMuMiw0Ni4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk0LjMsNDMuNWMwLTIuMSwxLjctMy40LDUuMi0zLjRjMC4yLDAsMC41LDAsMC44LDB2LTAuM2MwLTEuMS0wLjQtMS43LTEuNy0xLjdjLTEuMSwwLTIuMiwwLjQtMy4xLDAuOQoJCQkJCWwtMC40LTIuNGMxLjMtMC43LDIuNy0xLjEsNC4yLTEuMWMyLjksMCw0LjMsMS40LDQuMiw0LjFsLTAuMSwzLjdjMCwwLjYsMC4yLDAuOCwwLjYsMC44YzAuMiwwLDAuNCwwLDAuNi0wLjFsLTAuMiwxLjkKCQkJCQljLTAuNSwwLjItMS4xLDAuMy0xLjcsMC4zYy0xLjEsMC4xLTItMC42LTIuMi0xLjdjLTAuNywxLjEtMS45LDEuNy0zLjEsMS43Qzk1LjYsNDYuNCw5NC4zLDQ1LjMsOTQuMyw0My41eiBNMTAwLjMsNDIuNnYtMQoJCQkJCWMtMC4yLDAtMC40LDAtMC43LDBjLTEuNywwLTIuNCwwLjctMi40LDEuNmMwLDAuNywwLjUsMS4yLDEuMSwxLjNjMC4xLDAsMC4xLDAsMC4yLDBjMC45LDAsMS43LTAuNywxLjctMS43CgkJCQkJQzEwMC4zLDQyLjcsMTAwLjMsNDIuNiwxMDAuMyw0Mi42TDEwMC4zLDQyLjZ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEyLjYsNDYuMWMwLjEtMC45LDAuMS0yLjQsMC4xLTMuNnYtMi40YzAtMS4yLTAuMy0yLTEuNC0yYy0xLjIsMC0yLjEsMS0yLjIsMi4xdjMuNmMwLDAuNywwLDEuNiwwLjEsMi4yCgkJCQkJaC0zLjRjMC4xLTAuOSwwLjEtMi40LDAuMS0zLjZ2LTIuOWMwLTEuMiwwLTIuNi0wLjEtMy41YzAuNywwLDIuNS0wLjIsMy4yLTAuM2wwLjIsMi4xYzAuOC0xLjQsMi4yLTIuMiwzLjgtMi4zCgkJCQkJYzIuMSwwLDMuMSwxLjQsMy4xLDMuNnY0LjdjMCwwLjcsMCwxLjYsMC4xLDIuMkgxMTIuNnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjQuOSwzNi4zdi0xLjljMC0xLjIsMC0yLjUtMC4xLTMuNGMwLjgtMC4xLDIuOC0wLjMsMy40LTAuNGMtMC4xLDAuNi0wLjEsMS42LTAuMSwyLjN2OS42CgkJCQkJYzAsMS4yLDAsMi42LDAuMiwzLjVoLTMuMUwxMjUsNDVjLTAuNywwLjktMS44LDEuNC0yLjksMS40Yy0yLjgsMC00LjUtMi40LTQuNS01YzAtMy4zLDIuMS01LjgsNS4xLTUuOAoJCQkJCUMxMjMuNCwzNS42LDEyNC4yLDM1LjgsMTI0LjksMzYuM3ogTTEyMC44LDQxLjFjMCwyLDEsMywyLjMsM2MwLjcsMCwxLjQtMC40LDEuOC0xdi00LjVjLTAuNS0wLjQtMS4xLTAuNy0xLjctMC42CgkJCQkJQzEyMS42LDM4LDEyMC44LDM5LjQsMTIwLjgsNDEuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzUuMyw0Ni4xYzAuMS0xLDAuMi0zLjcsMC4yLTUuMXYtNC43YzAtMS40LDAtNC4xLTAuMi01LjFjMC44LDAsMywwLDMuNy0wLjFjLTAuMSwwLjYtMC4xLDIuMy0wLjEsMy4xCgkJCQkJVjQzYzAsMC44LDAsMi41LDAuMSwzLjFIMTM1LjN6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ4LjMsNDYuMWMwLjEtMC45LDAuMi0yLjQsMC4yLTMuNnYtMi40YzAtMS4yLTAuMy0yLTEuNC0yYy0xLjIsMC0yLjEsMS0yLjIsMi4xdjMuNmMwLDAuNywwLDEuNiwwLjEsMi4yCgkJCQkJaC0zLjRjMC4xLTAuOSwwLjEtMi40LDAuMS0zLjZ2LTIuOWMwLTEuMiwwLTIuNi0wLjEtMy41YzAuNywwLDIuNS0wLjIsMy4yLTAuM2wwLjIsMi4xYzAuOC0xLjMsMi4yLTIuMiwzLjctMi4zCgkJCQkJYzIuMSwwLDMuMSwxLjQsMy4xLDMuNnY0LjdjMCwwLjcsMCwxLjYsMC4xLDIuMkgxNDguM3oiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjAuNCwzMy4zYy0wLjMtMC4xLTAuNi0wLjItMS0wLjJjLTEuMSwwLTEuNywwLjctMS43LDIuMXYwLjdoMi41Yy0wLjEsMC41LTAuMSwxLjUtMC4xLDIuM2gtMi40djUuOQoJCQkJCWMwLDAuNywwLDEuNCwwLjEsMi4xaC0zLjRjMC4xLTEuMiwwLjItMi4zLDAuMi0zLjV2LTQuNWgtMS44bDAuNS0yLjNoMS4zdi0wLjVjMC0yLjksMS41LTQuNyw0LjMtNC43YzAuNSwwLDAuOSwwLjEsMS40LDAuMgoJCQkJCUwxNjAuNCwzMy4zeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2NS45LDQ2LjVjLTIuOCwwLjEtNS4xLTIuMS01LjEtNC44YzAtMC4xLDAtMC4yLDAtMC4zYzAtMy4zLDIuMi01LjcsNS40LTUuN2MyLjgtMC4xLDUuMSwyLDUuMiw0LjgKCQkJCQljMCwwLjEsMCwwLjMsMCwwLjRDMTcxLjMsNDQsMTY5LjIsNDYuNSwxNjUuOSw0Ni41eiBNMTY2LjEsMzhjLTEuMywwLTIuMiwxLjEtMi4yLDNjMCwyLjIsMC45LDMuMSwyLjEsMy4xYzEuNCwwLDIuMi0xLjEsMi4yLTMKCQkJCQlDMTY4LjIsMzguOSwxNjcuMywzOCwxNjYuMSwzOHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzkuNiwzOC43Yy0xLjYtMC4yLTMuNCwwLjMtMy40LDIuMXYzYzAsMC43LDAsMS42LDAuMSwyLjJoLTMuNGMwLjEtMS4yLDAuMS0yLjQsMC4xLTMuNnYtMy4xCgkJCQkJYzAtMS4xLDAtMi4yLTAuMi0zLjJjMS4xLTAuMSwyLjEtMC4yLDMuMi0wLjRsMC4yLDIuNGMwLjYtMS41LDIuMS0yLjQsMy42LTIuNUwxNzkuNiwzOC43eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5My44LDQ2LjFjMC4xLTEuMiwwLjEtMi40LDAuMS0zLjZ2LTIuNGMwLTEuMi0wLjMtMi0xLjMtMmMtMS4xLDAtMiwwLjktMiwxLjljMCwwLDAsMCwwLDB2My44CgkJCQkJYzAsMC43LDAsMS42LDAuMSwyLjJoLTMuNGMwLjEtMC45LDAuMS0yLjQsMC4xLTMuNnYtMi4zYzAtMS4yLTAuMi0yLTEuMi0yYy0xLjEsMC0yLDAuOS0yLDJ2My44YzAsMC43LDAsMS41LDAuMSwyLjJoLTMuNAoJCQkJCWMwLjEtMC45LDAuMS0yLjQsMC4xLTMuNnYtMi45YzAtMS4yLDAtMi42LTAuMS0zLjVjMC43LDAsMi41LTAuMiwzLjItMC4zbDAuMiwxLjljMC43LTEuMiwyLTIsMy40LTIuMWMxLjQtMC4xLDIuNiwwLjgsMi45LDIuMQoJCQkJCWMwLjctMS4zLDIuMS0yLjEsMy41LTIuMWMyLjEsMCwzLjEsMS40LDMuMSwzLjZ2NC43YzAsMC43LDAsMS41LDAuMSwyLjJMMTkzLjgsNDYuMXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTguNyw0My41YzAtMi4xLDEuNy0zLjQsNS4yLTMuNGMwLjIsMCwwLjUsMCwwLjgsMHYtMC4zYzAtMS4xLTAuNC0xLjctMS43LTEuN2MtMS4xLDAtMi4yLDAuNC0zLjEsMC45CgkJCQkJbC0wLjQtMi40YzEuMy0wLjcsMi43LTEuMSw0LjItMS4xYzIuOSwwLDQuMywxLjQsNC4yLDQuMWwtMC4xLDMuN2MwLDAuNiwwLjIsMC44LDAuNiwwLjhjMC4yLDAsMC40LDAsMC42LTAuMWwtMC4xLDEuOQoJCQkJCWMtMC41LDAuMi0xLjEsMC4zLTEuNywwLjNjLTEuMSwwLjEtMi0wLjYtMi4yLTEuN2MtMC43LDEuMS0xLjksMS43LTMuMSwxLjdDMTk5LjksNDYuNCwxOTguNyw0NS4zLDE5OC43LDQzLjV6IE0yMDQuNyw0Mi42di0xCgkJCQkJYy0wLjIsMC0wLjQsMC0wLjcsMGMtMS43LDAtMi40LDAuNy0yLjQsMS42YzAsMC43LDAuNSwxLjIsMS4xLDEuM2MwLjEsMCwwLjEsMCwwLjIsMGMxLDAsMS43LTAuNywxLjgtMS43CgkJCQkJQzIwNC43LDQyLjcsMjA0LjcsNDIuNiwyMDQuNyw0Mi42TDIwNC43LDQyLjZ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjE2LjUsNDUuOGMtMC43LDAuNC0xLjUsMC42LTIuNCwwLjZjLTIuMSwwLTMuNC0wLjktMy40LTMuNXYtNC44SDIwOWwwLjUtMi4zaDEuM2wwLjItMi4xbDMtMXYzLjFoMi42CgkJCQkJYzAsMC41LTAuMSwxLjUtMC4xLDIuM0gyMTR2NC40YzAsMS4xLDAuNCwxLjMsMS4xLDEuM2MwLjUsMCwxLjEtMC4yLDEuNS0wLjVMMjE2LjUsNDUuOHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTkuOSwzNC4xYy0xLDAuMS0xLjgtMC42LTEuOC0xLjZjMCwwLDAsMCwwLTAuMWMwLTEsMC44LTEuOCwxLjgtMS44YzAsMCwwLDAsMC4xLDBjMSwwLDEuOCwwLjcsMS44LDEuNwoJCQkJCWMwLDAsMCwwLDAsMEMyMjEuOCwzMy4zLDIyMSwzNC4xLDIxOS45LDM0LjFDMjIwLDM0LjEsMjE5LjksMzQuMSwyMTkuOSwzNC4xeiBNMjE4LjEsNDYuMWMwLjEtMS4yLDAuMi0yLjMsMC4yLTMuNXYtMwoJCQkJCWMwLTEuMiwwLTIuNC0wLjItMy42YzAuOCwwLDIuOC0wLjEsMy40LTAuMmMtMC4xLDAuNS0wLjEsMS41LTAuMSwyLjN2NmMwLDAuNywwLDEuNCwwLjEsMi4xTDIxOC4xLDQ2LjF6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI4LjIsNDYuNWMtMi44LDAuMS01LjEtMi4xLTUuMS00LjhjMC0wLjEsMC0wLjIsMC0wLjNjMC0zLjMsMi4yLTUuNyw1LjQtNS43YzIuNy0wLjEsNS4xLDIuMSw1LjEsNC44CgkJCQkJYzAsMC4xLDAsMC4yLDAsMC40QzIzMy42LDQ0LDIzMS41LDQ2LjUsMjI4LjIsNDYuNXogTTIyOC40LDM4Yy0xLjMsMC0yLjIsMS4xLTIuMiwzYzAsMi4yLDAuOSwzLjEsMi4xLDMuMWMxLjQsMCwyLjItMS4xLDIuMi0zCgkJCQkJQzIzMC41LDM4LjksMjI5LjYsMzgsMjI4LjQsMzh6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQyLDQ2LjFjMC4xLTEuMiwwLjItMi40LDAuMi0zLjZ2LTIuNGMwLTEuMi0wLjMtMi0xLjMtMmMtMS4yLDAtMi4xLDEtMi4yLDIuMXYzLjZjMCwwLjcsMCwxLjUsMC4xLDIuMgoJCQkJCWgtMy40YzAuMS0wLjksMC4xLTIuNCwwLjEtMy42di0yLjljMC0xLjIsMC0yLjYtMC4xLTMuNWMwLjcsMCwyLjUtMC4yLDMuMi0wLjNsMC4yLDIuMWMwLjgtMS4zLDIuMi0yLjIsMy43LTIuMwoJCQkJCWMyLjEsMCwzLjEsMS40LDMuMSwzLjZ2NC43YzAsMC43LDAsMS42LDAuMSwyLjJIMjQyeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgzLjcsNjIuMmwwLTQuOWMwLTEuNCwwLTQtMC4xLTVsMi4xLTAuMmw4LDkuNnYtNC4yYzAtMS40LDAtNC4xLTAuMi01LjFjMC44LDAsMi44LDAsMy41LTAuMQoJCQkJCWMtMC4xLDAuNi0wLjEsMi4zLTAuMSwzLjFMOTcsNjQuNGMwLDAuOCwwLDIuNSwwLDMuMUw5NSw2Ny43bC04LTkuNnY2LjJjMCwwLjgsMCwyLjUsMC4xLDMuMWgtMy41CgkJCQkJQzgzLjYsNjYuMyw4My43LDYzLjYsODMuNyw2Mi4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOC4yLDYyLjhsLTUuOSwwLjJjMC4xLDEuNiwxLDIuNCwyLjcsMi40YzEuNCwwLDIuNy0wLjQsMy44LTEuMmwwLDIuNGMtMS4yLDAuOC0yLjcsMS4yLTQuMSwxLjIKCQkJCQljLTMuNywwLTUuNC0yLjQtNS40LTUuMmMwLTMuMywyLjItNS42LDUuNC01LjZjMy4yLDAsNC42LDIuMiw0LjYsNUwxMDguMiw2Mi44eiBNMTA2LjMsNjEuMmMtMC4xLTEuNC0wLjctMi4xLTEuOC0yLjEKCQkJCQlzLTIuMSwwLjktMi4yLDIuMkwxMDYuMyw2MS4yeiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMS45LDY0bC0xLTIuN2MtMC41LTEuMy0xLjEtMy0xLjUtMy45YzAuMywwLDIuOC0wLjIsMy4yLTAuMmwxLjksNmwwLjgtMi4zbDEuMi0zLjZsMi4xLTAuMWwyLjEsNgoJCQkJCWwwLjgtMi4zYzAuMS0wLjQsMC45LTMsMS4xLTMuNmMxLjIsMCwyLjEsMCwzLjEtMC4xbC0zLjgsMTAuM2wtMi4yLDAuMWMtMC4zLTEuMS0wLjgtMi40LTEuMy0zLjhsLTAuOC0yLjFsLTIuMSw1LjlsLTIuMywwLjEKCQkJCQlDMTEyLjgsNjYuNSwxMTIuNCw2NS4zLDExMS45LDY0eiIvPgoJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0My40LDUzLjhsLTgsMTAuOWgyLjZjMS44LDAsMy45LDAsNS4xLTAuMWMtMC4xLDAuOS0wLjIsMS44LTAuMiwyLjhjLTEuMy0wLjEtMy43LTAuMS01LjgtMC4xCgkJCQkJYy0yLjQsMC00LjcsMC02LjMsMC4xbC0wLjMtMS42bDgtMTAuOGgtMi4zYy0xLjksMC0zLjYsMC01LDBjMC4xLTAuOCwwLjItMS45LDAuMy0yLjhjMi4xLDAuMSwzLDAuMSw1LjgsMC4xCgkJCQkJYzIuNywwLDQuNCwwLDUuOC0wLjFMMTQzLjQsNTMuOHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTMuMiw2Mi44bC01LjksMC4yYzAuMSwxLjYsMSwyLjQsMi43LDIuNGMxLjQsMCwyLjctMC40LDMuOC0xLjJsLTAuMSwyLjRjLTEuMiwwLjgtMi43LDEuMi00LjEsMS4yCgkJCQkJYy0zLjcsMC01LjQtMi40LTUuNC01LjJjMC0zLjMsMi4yLTUuNiw1LjQtNS42YzMuMiwwLDQuNiwyLjIsNC42LDVMMTUzLjIsNjIuOHogTTE1MS40LDYxLjJjLTAuMS0xLjQtMC43LTIuMS0xLjgtMi4xCgkJCQkJcy0yLjEsMC45LTIuMiwyLjJMMTUxLjQsNjEuMnoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTUuMSw2NC44YzAtMi4xLDEuNy0zLjQsNS4yLTMuNGMwLjIsMCwwLjUsMCwwLjgsMHYtMC4zYzAtMS4xLTAuNC0xLjctMS43LTEuN2MtMS4xLDAtMi4yLDAuNC0zLjEsMC45CgkJCQkJbC0wLjQtMi40YzEuMy0wLjcsMi43LTEuMSw0LjItMS4xYzIuOSwwLDQuMywxLjQsNC4yLDQuMWwtMC4xLDMuN2MwLDAuNiwwLjIsMC44LDAuNiwwLjhjMC4yLDAsMC40LDAsMC42LTAuMWwtMC4yLDEuOQoJCQkJCWMtMC41LDAuMi0xLjEsMC4zLTEuNywwLjNjLTEuMSwwLjEtMi0wLjYtMi4yLTEuN2MtMC43LDEuMS0xLjksMS43LTMuMSwxLjdDMTU2LjMsNjcuNiwxNTUuMSw2Ni42LDE1NS4xLDY0Ljh6IE0xNjEuMSw2My45di0xCgkJCQkJYy0wLjIsMC0wLjUsMC0wLjcsMGMtMS43LDAtMi40LDAuNy0yLjQsMS42YzAsMC43LDAuNSwxLjIsMS4xLDEuM2MwLjEsMCwwLjEsMCwwLjIsMGMxLDAsMS43LTAuNywxLjgtMS43CgkJCQkJQzE2MS4xLDYzLjksMTYxLjEsNjMuOSwxNjEuMSw2My45TDE2MS4xLDYzLjl6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY2LjYsNjcuNGMwLjEtMC45LDAuMS0yLjMsMC4xLTMuNnYtOC4xYzAtMS4yLDAtMi41LTAuMS0zLjRjMC43LDAsMi44LTAuMywzLjQtMC40CgkJCQkJYy0wLjEsMC42LTAuMSwyLjQtMC4xLDIuOHYxMC41YzAsMC43LDAsMS42LDAuMSwyLjFIMTY2LjZ6Ii8+CgkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcxLjUsNjQuOGMwLTIuMSwxLjctMy40LDUuMi0zLjRjMC4yLDAsMC41LDAsMC44LDB2LTAuM2MwLTEuMS0wLjQtMS43LTEuNy0xLjdjLTEuMSwwLTIuMiwwLjQtMy4xLDAuOQoJCQkJCWwtMC40LTIuNGMxLjMtMC43LDIuNy0xLjEsNC4yLTEuMWMyLjksMCw0LjMsMS40LDQuMiw0LjFsLTAuMSwzLjdjMCwwLjYsMC4yLDAuOCwwLjYsMC44YzAuMiwwLDAuNCwwLDAuNi0wLjFsLTAuMSwxLjkKCQkJCQljLTAuNSwwLjItMS4xLDAuMy0xLjcsMC4zYy0xLDAuMS0yLTAuNi0yLjItMS43Yy0wLjcsMS4xLTEuOCwxLjctMy4xLDEuN0MxNzIuNyw2Ny42LDE3MS41LDY2LjYsMTcxLjUsNjQuOHogTTE3Ny40LDYzLjl2LTEKCQkJCQljLTAuMiwwLTAuNCwwLTAuNywwYy0xLjcsMC0yLjQsMC43LTIuNCwxLjZjMCwwLjcsMC41LDEuMiwxLjEsMS4zYzAuMSwwLDAuMSwwLDAuMiwwYzAuOSwwLDEuNy0wLjcsMS44LTEuNwoJCQkJCUMxNzcuNCw2NCwxNzcuNCw2My45LDE3Ny40LDYzLjlMMTc3LjQsNjMuOXoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODkuNyw2Ny40YzAuMS0xLjIsMC4yLTIuNCwwLjItMy42di0yLjRjMC0xLjItMC4zLTItMS4zLTJjLTEuMiwwLTIuMSwxLTIuMiwyLjF2My42YzAsMC43LDAsMS41LDAuMSwyLjIKCQkJCQlIMTgzYzAuMS0wLjksMC4xLTIuNCwwLjEtMy42di0yLjljMC0xLjIsMC0yLjYtMC4xLTMuNWMwLjcsMCwyLjUtMC4yLDMuMi0wLjNsMC4xLDIuMWMwLjgtMS4zLDIuMi0yLjIsMy43LTIuMwoJCQkJCWMyLjEsMCwzLjEsMS40LDMuMSwzLjZ2NC43YzAsMC43LDAsMS42LDAuMSwyLjJMMTg5LjcsNjcuNHoiLz4KCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDIsNTcuNXYtMS45YzAtMS4yLDAtMi41LTAuMS0zLjRjMC44LTAuMSwyLjgtMC4zLDMuNC0wLjRjLTAuMSwwLjYtMC4xLDEuNi0wLjEsMi4zdjkuNgoJCQkJCWMwLDEuMiwwLDIuNCwwLjIsMy41aC0zLjFsLTAuMS0xLjFjLTAuNywwLjktMS44LDEuNC0yLjksMS40Yy0yLjgsMC00LjUtMi40LTQuNS01YzAtMy4zLDIuMS01LjgsNS4xLTUuOAoJCQkJCUMyMDAuNSw1Ni44LDIwMS4zLDU3LjEsMjAyLDU3LjV6IE0xOTcuOSw2Mi40YzAsMi4xLDEsMywyLjMsM2MwLjcsMCwxLjQtMC40LDEuOC0xdi00LjVjLTAuNS0wLjQtMS4xLTAuNy0xLjctMC42CgkJCQkJQzE5OC44LDU5LjIsMTk3LjksNjAuNywxOTcuOSw2Mi40TDE5Ny45LDYyLjR6Ii8+CgkJCTwvZz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTczLDE1LjFjLTAuNS0xLTEuNS0xLjYtMi42LTEuN2wtMS4xLTAuMWMwLjEtMC4xLDAuMS0wLjIsMC4yLTAuNGMwLjktMS41LDAuNC0zLjQtMS4xLTQuNAoJCQkJYy0wLjQtMC4zLTAuOS0wLjQtMS40LTAuNGgtMC4yaC0wLjFoLTAuMWgtMC4yaC0wLjFMNjQuOCw4YzAtMS43LTEuMy0zLjEtMi45LTMuMmwtMC42LDBoLTAuMUM1NS40LDQuMyw0OS40LDQsNDMuNiw0CgkJCQljLTEuMywwLTMuMywwLTQuNiwwLjFsLTAuMy0wLjNjLTAuMy0wLjQtMC42LTAuOC0wLjktMS4yYy0wLjMtMC40LTAuNy0wLjgtMS4yLTFjLTAuNS0wLjMtMS0wLjQtMS42LTAuNEgzNWgtMC43bDAsMGgtMC41bDAsMAoJCQkJYy0yLjQsMC4xLTQuNiwwLjItNi45LDAuNGgtMC4yYy0yLjIsMC4yLTQuMSwwLjMtNS45LDAuNWMtMC43LDAuMS0xLjQsMC40LTEuOSwwLjljLTMsMy01LjksNy41LTguOSwxMy4ydjAuMQoJCQkJYy0wLjEsMC4xLTAuMSwwLjMtMC4yLDAuNGMtMS4xLDIuMi0yLjIsNC41LTMuMiw2LjljMCwwLDAsMCwwLDAuMUw2LjQsMjRjLTAuOSwyLjItMS44LDQuNS0yLjcsNi45bDAsMC4xbC0wLjEsMC4zbC0wLjEsMC4yCgkJCQljMCwwLDAsMC4xLDAsMC4xQzIuNywzMy44LDIsMzYsMS4zLDM4LjNjMCwwLDAsMC4xLDAsMC4xbC0wLjEsMC4zbDAsMC4xYzAsMCwwLDAuMSwwLDAuMWMtMC45LDIuOC0xLjYsNS41LTIuMSw4bDAsMFY0N3YwbDAsMC4yCgkJCQlsLTAuMSwwLjNjLTAuMywxLjcsMC44LDMuNCwyLjUsMy43YzAuMiwwLDAuNCwwLjEsMC42LDAuMWgwLjFjLTAuMSwwLjQtMC4yLDAuOC0wLjMsMS4ydjAuMWwtMC4xLDAuNmMtMC40LDEuNywwLjcsMy40LDIuNSwzLjgKCQkJCUM0LjYsNTcsNC44LDU3LDUsNTdoMC4xYy0wLjEsMC40LTAuMiwwLjgtMC4zLDEuMmMwLDAsMCwwLjEsMCwwLjF2MC4xbDAsMHYwLjFjMCwwLDAsMC4xLDAsMC4xdjAuMmMtMC40LDEuNywwLjcsMy40LDIuNSwzLjgKCQkJCWMwLjIsMCwwLjMsMC4xLDAuNSwwLjFIOGMtMC4xLDAuMy0wLjEsMC43LTAuMiwxYy0wLjMsMS43LDAuOCwzLjQsMi41LDMuN2MwLjIsMCwwLjQsMC4xLDAuNiwwLjFjMC4yLDAsMC4zLDAsMC41LDAKCQkJCWM2LjMtMC44LDEyLjYtMS4yLDE4LjktMS4yYzguMywwLDE2LjYsMC41LDI0LjgsMS41YzAuMSwwLDAuMywwLDAuNCwwYzEuNiwwLDIuOS0xLjEsMy4xLTIuN2MyLjItMTQuNyw3LjEtMzQuNywxNC40LTQ3CgkJCQlDNzMuNSwxNy4zLDczLjUsMTYuMSw3MywxNS4xeiIvPgoKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNS40MDE4IiB5MT0iNDYuMjE0MiIgeDI9IjY3LjUxNzQiIHkyPSI0LjA5MTciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA3MikiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzczQzhFMSIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzAwNzE5OSIvPgoJCQk8L2xpbmVhckdyYWRpZW50PgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNzAuMiwxNi44QzU1LjcsMTUuNiw0MiwxNS45LDMyLjMsMTdjLTkuMSw5LjMtMTguNSwzMi4xLTIxLjYsNDcuOEMyMSw2My4zLDM4LjEsNjMsNTUuNCw2NS4yCgkJCQlDNTcuNSw1MC44LDYyLjUsMjkuOSw3MC4yLDE2Ljh6Ii8+CgoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIyLjE2NTQiIHkxPSI1MS4zNDE5IiB4Mj0iNjMuODM1IiB5Mj0iOS42NzIzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNzIpIj4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiM3NUNCQzciLz4KCQkJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDg3ODIiLz4KCQkJPC9saW5lYXJHcmFkaWVudD4KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTY2LjYsMTEuNWMtMTQuNS0xLjItMjguMS0wLjktMzcuOSwwLjNjLTkuMSw5LjMtMTcuOSwzMi4zLTIxLDQ3LjljMTAuNC0xLjUsMjUuOS0yLDQyLjUtMC41CgkJCQlDNTMsNDIuOSw1OC40LDI1LjMsNjYuNiwxMS41eiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy42LDU5LjlsMC4xLTAuNmMxMS40LTEuNywyNy4xLTEuOSw0Mi4yLTAuNWMzLjItMTguMiw4LjktMzQuOSwxNi4zLTQ3LjRsMC42LDAKCQkJCUM1OS40LDI0LDUzLjUsNDEuMSw1MC40LDU5LjNsMCwwLjNoLTAuMkMzNSw1OC4xLDE5LDU4LjMsNy42LDU5Ljl6Ii8+CgoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE4LjcwOTQiIHkxPSI1NS4zMzA2IiB4Mj0iNTguNjkxMSIgeTI9IjE1LjM1NTgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA3MikiPgoJCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzlERDE5QSIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMC41IiBzdHlsZT0ic3RvcC1jb2xvcjojMDZBMjRBIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik00NS42LDMyLjRsMS41LTRsNy4xLTguMWMwLjMtMC4xLDAuNi0wLjEsMC45LTAuMUM1Ni45LDE2LDU5LDEyLDYxLjMsOC4xYy0xMy45LTEuMi0yNy0wLjktMzYuNCwwLjIKCQkJCUMxNi4zLDE3LjEsNy43LDM5LjEsNC44LDUzLjljNS40LTAuNywxMC44LTEuMiwxNi4yLTEuM2MtMC4zLTAuMi0wLjEtMS40LTAuMS0xLjVjMC40LTEuNiwxLjUtMi44LDMtNC4xYzEuNS0xLjMsMC44LTIuMSwyLTIuNgoJCQkJYzIuNS0xLjEsNC45LTIuNSw3LjEtNC4xYzIuOC0yLjEsMy44LTkuMiwzLjktOC43YzAuMSwwLjUsMS4xLDAuMywxLjEsMC43YzAsMC40LDAuMywxLjIsMC41LDEuM3MxLTIuMSwyLjktMi4yCgkJCQljMS4yLDAuMSwyLjQsMC41LDMuMywxLjNjMC4xLDAsMC44LTAuMSwwLjgtMC4xTDQ1LjYsMzIuNHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTU0LjksMjEuMWwtMC41LTAuM2wwLjQtMC43YzEuOC00LjEsMy45LTguMiw2LjItMTJsMC42LDBjLTIuNCwzLjktNC41LDgtNi4zLDEyLjJMNTQuOSwyMS4xeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzYuOCw3LjFjLTAuMiwwLjEsMC4xLDAuMiwwLjUsMC43YzAuNSwwLjYsMC45LDEuMywxLjIsMi4xYzAsMC40LTAuNSwwLjIsMC4xLDAuOGMwLjUsMC42LDIuMywzLjIsMi41LDMuNwoJCQkJczAuNSwwLjMsMC41LDAuMWMwLTAuMywwLjMsMC4yLDAuNCwwLjVjMCwwLjItMC4yLDAuMS0wLjIsMC4yczAuNiwwLjgsMSwyLjFjMC41LDEuNCwxLDIuMSwwLjksMy41Yy0wLjEsMS4zLTAuNCwzLjMtMS40LDMuOAoJCQkJYy0xLDAuNS0xLjksMC42LTEuOCwxLjZjMC4xLDEsMS4xLDEuMSwxLjgsMS42YzAuNywwLjUsMS44LDAuMywyLjIsMS4zcy0wLjEsMi43LTAuOCwzLjRzLTAuOSwxLjEtMC42LDEuNAoJCQkJYzAuMywwLjMsMC42LDAuMywwLjksMC4yczAuNSwwLjEsMC41LDAuNXMwLjIsMC41LDEuMy0wLjJzMS42LTIuMSwyLjUtMy4xYzAuOC0xLDEuNC0yLjEsMi0zLjJjMC4xLTAuMiwwLjEtMC4zLTAuMy0wLjQKCQkJCWMtMC40LTAuMS0wLjUtMC41LTAuNC0wLjljMCwwLDAtMC4xLDAtMC4xYzAuNC0wLjksMS4yLTEsMS45LTEuMmMwLjQtMC4xLDAuNy0wLjEsMS4xLDBjMC4zLDAuMywwLjEsMC44LDAuMiwwLjcKCQkJCWMwLjItMC4yLDAuMy0wLjQsMC40LTAuN2MwLTAuMSwwLTAuMS0wLjEtMC4yYy0wLjEsMC0wLjMtMC4zLTAuMS0wLjljMC4zLTAuOCwxLjItMC41LDEuNC0xLjljMC4zLTEuMywxLTIuMSwwLjYtMi42CgkJCQljLTAuNC0wLjUtMS4yLTAuMy0xLjktMC4xYy0wLjYsMC4zLTEuNCwxLjYtMi4zLDEuM2MtMC45LTAuMy0zLTAuOS0zLjMtMS41Yy0wLjQtMS4xLTAuNy0yLjItMC45LTMuM2MtMC4xLTAuOC0wLjctMC41LTEtMC45CgkJCQljLTAuMy0wLjQtMC41LDAuMy0wLjQsMWMwLjEsMC43LDAuOCwxLjQsMC4zLDEuN3MtMC44LTEtMS40LTEuM3MtMC45LTAuNi0wLjgtMS45YzAuMS0xLjMtMS4xLTEuNS0wLjktMi4yCgkJCQljMC4yLTAuNywwLjQtMS40LTEuMS0yLjRjLTEuNS0xLTIuMS0wLjgtMi42LTEuM2MtMC41LTAuNS0xLTAuOC0xLTEuM3MwLjQtMC43LTAuNC0wLjVDMzcuMSw3LjEsMzcsNywzNi44LDcuMXoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQxLjIsMzYuMmMwLjMtMC4zLDAuNS0wLjcsMC42LTEuMWMwLjEtMC4yLTAuNy0wLjItMC43LTAuN2MwLTAuNiwwLjQtMS4xLDAuNC0xLjRjMC0wLjItMC4yLTAuMS0wLjMtMC4xCgkJCQljLTAuMSwwLTAuMy0wLjEtMC4zLTAuMmMtMC4xLTAuMy0wLjQtMC4zLTEtMC4xYy0wLjYsMC4yLTEuMiwxLTEuNCwwLjljLTAuMiwwLTAuNS0wLjktMC41LTEuM3MtMS4xLTAuMi0xLTAuOAoJCQkJYzAtMC4yLDAuMS0wLjQsMC4yLTAuNWMwLDAsMC4xLTAuMSwwLTAuMmMtMC44LTAuMS0xLjQsMC44LTEuOCwxLjJDMzUsMzIuMywzNiwzMy43LDM1LDM0LjVjLTEsMC44LTEuNCwwLjYtMS41LDEKCQkJCWMtMC4zLDItMS4zLDMuOC0yLjksNC45Yy0yLjcsMi4yLTQuMiwzLjUtNS40LDRzLTEuNCwyLjEtMi44LDMuNGMtMS40LDEuMy0yLjMsNC4yLTEuNSw1YzAuNiwwLjUsMS40LDAuNywyLjEsMC40CgkJCQljMC40LTAuMSwwLjgsMCwxLjEsMC4zYzAuMiwwLjMsMC45LTAuMSwxLjMsMC4zYzAuNiwwLjQsMS40LDAuNiwyLjEsMC41YzEtMC4xLDIuNy0wLjksNC4xLTMuMWMxLjQtMi4zLDEuMi00LjMsMS41LTUuMQoJCQkJYzAuNC0xLjEsMS4zLTIsMi41LTIuNGMxLjItMC4zLDEuNC0wLjUsMS44LTAuM3MxLjMsMC4zLDEuMi0wLjRzLTEuMS0wLjUtMS4xLTEuMWMwLTAuNi0wLjItMSwwLjYtMS40YzAuOC0wLjMsMS4yLTEuNCwxLjctMi4zCgkJCQlDNDAuMSwzNy4zLDQwLjcsMzcsNDEuMiwzNi4yeiIvPgoKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMC4yMzUiIHkxPSI1NC4xODQzIiB4Mj0iNDAuNDI1NCIgeTI9IjIzLjk4NyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDcyKSI+CgkJCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojOUREMTlBIi8+CgkJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojMDZBMjRBIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik00NC41LDI4LjljLTAuMS0wLjEtMC4yLTAuMy0wLjMtMC40Yy0wLjEtMC4xLTAuMi0wLjItMC4zLTAuMmMtMC41LTAuMy0xLjItMC4zLTEuNi0wLjcKCQkJCUM0MS42LDI3LDQwLjYsMjcsNDAuNSwyNnMwLjgtMS4xLDEuOC0xLjZjMS0wLjUsMS4zLTIuNCwxLjQtMy44YzAuMS0xLjMtMC40LTIuMS0wLjktMy41Yy0wLjUtMS4yLTEtMS45LTEtMi4xczAuMiwwLDAuMi0wLjIKCQkJCWMtMC4xLTAuMy0wLjQtMC42LTAuNC0wLjVzLTAuMywwLjQtMC41LTAuMWMtMC4zLTAuNC0yLjEtMy4xLTIuNS0zLjdzLTAuMS0wLjQtMC4xLTAuOGMtMC4zLTAuOC0wLjctMS41LTEuMi0yLjEKCQkJCWMtMC4xLTAuMi0wLjMtMC4zLTAuNC0wLjVsMCwwYy0wLjEsMC0wLjEsMCwwLDBjLTAuMS0wLjEtMC4xLTAuMS0wLjEtMC4yYy0wLjQtMC45LTAuOS0xLjctMS41LTIuNWMtMC4xLTAuMS0wLjItMC4yLTAuNC0wLjMKCQkJCWMtNC45LDAuMS0xMC4yLDAuNS0xNCwwLjlDMTIuOCwxMy42LDQuOCwzMy43LDIsNDcuOWM0LjItMC42LDEzLjEtMS4zLDE5LjItMS40aDAuOGwwLjgsMGgwLjljMC41LTAuOSwwLjktMS42LDEuNi0xLjkKCQkJCWMxLjEtMC41LDIuNy0xLjgsNS40LTRjMS42LTEuMiwyLjctMywyLjktNC45YzAuMS0wLjQsMC41LTAuMiwxLjUtMWMxLTAuOCwwLTIuMywwLjQtMi43YzAuNC0wLjQsMS0xLjMsMS44LTEuMgoJCQkJYzAuMSwwLDAsMC4xLDAsMC4yYy0wLjEsMC4yLTAuMiwwLjMtMC4yLDAuNWMwLDAuNSwxLDAuMywxLDAuOGMwLDAuNCwwLjMsMS4zLDAuNSwxLjNzMC43LTAuNywxLjQtMC45bDAuMi0wLjFsMCwwCgkJCQljMC4xLDAsMC4yLTAuMSwwLjMtMC4xbDAsMGMwLjYsMCwxLjIsMC4xLDEuOCwwLjRjMC4zLDAuMiwwLjUsMC40LDAuNywwLjdjMC0wLjIsMC4yLTAuNiwwLjctMS4xQzQ0LjQsMzEuNiw0NC45LDI5LjgsNDQuNSwyOC45CgkJCQl6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC42LDUyLjRjLTUuMywwLjEtMTAuNSwwLjYtMTUuOCwxLjNsLTAuMSwwLjZjNS40LTAuNywxMC44LTEuMSwxNi4zLTEuM2MwLDAtMC4xLTAuMS0wLjEtMC4xCgkJCQlDMjAuOCw1Mi43LDIwLjcsNTIuNSwyMC42LDUyLjR6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMy42LDQ2LjRoLTAuOWwtMC44LDBoLTAuOGMtNi4xLDAuMS0xNSwwLjgtMTkuMiwxLjR2MC4xdjAuMmwtMC4xLDAuM2M0LjEtMC42LDEzLjItMS4zLDE5LjMtMS40SDIybDEuMiwwCgkJCQljMC4xLTAuMSwwLjItMC4yLDAuMy0wLjRsMCwwTDIzLjYsNDYuNEwyMy42LDQ2LjR6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC4zLDU0LjVjLTAuNS0wLjItMC4zLDAuMy0wLjMsMC43YzAsMC40LTAuMiwwLjMtMC4zLDAuN2MtMC4xLDAuMy0wLjIsMC43LTAuMSwwLjlzMC4yLDAuMiwwLjUtMC4xCgkJCQljMC4zLTAuMywwLjMtMC4zLDAuNy0wLjNzMC42LTAuMSwwLjYtMC42QzI1LjIsNTUuMSwyNC44LDU0LjcsMjQuMyw1NC41eiIvPgoKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMy45ODAyIiB5MT0iNjAuMzg1MyIgeDI9IjMwLjQ0MDkiIHkyPSIzMC4wNzgzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNzIpIj4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkY7c3RvcC1vcGFjaXR5OjAuOSIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRkZGRjtzdG9wLW9wYWNpdHk6MC4xIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik03LjUsNDcuM2gwLjRjMC43LTIuNywxLjMtNS4zLDIuMS03LjdjMS45LTAuMSw0LjItMC4yLDYuNi0wLjNjLTAuNywyLjQtMS40LDQuOS0yLjEsNy42SDE1CgkJCQljMC43LTIuNywxLjMtNS4yLDIuMS03LjVjMi4xLTAuMSw0LjMtMC4yLDYuNi0wLjJjLTAuNywyLjQtMS40LDQuOS0yLjEsNy41aDAuMkgyMmMwLjYtMi42LDEuMy01LjEsMi4xLTcuNWMyLjIsMCw0LjQsMCw2LjYsMAoJCQkJYy0wLjIsMC42LTAuNCwxLjItMC41LDEuOGMwLjEtMC4xLDAuMi0wLjIsMC40LTAuM2wwLjItMC4yYzAuMS0wLjUsMC4zLTAuOSwwLjQtMS40aDAuOWMwLjEtMC4xLDAuMi0wLjMsMC4zLTAuNGgtMS4xCgkJCQljMC43LTIuNCwxLjUtNC43LDIuMy02LjlsMi4xLDBjMC4xLTAuMSwwLjItMC4yLDAuNC0wLjRjLTAuNywwLTEuNSwwLTIuMy0wLjFjMC45LTIuNSwxLjgtNC43LDIuNy02LjljMS44LDAsMy42LDAuMSw1LjQsMC4yCgkJCQljMC4yLTAuMSwwLjQtMC4yLDAuNS0wLjNjMC4xLDAsMC4xLTAuMSwwLjItMC4xYy0xLjktMC4xLTMuOS0wLjItNS45LTAuMmMxLjEtMi41LDIuMi00LjgsMy4yLTYuOWMxLDAsMi4xLDAsMy4xLDAuMWwtMC4xLTAuMgoJCQkJTDQyLjcsMTdjLTAuOSwwLTEuOC0wLjEtMi43LTAuMWMwLjQtMC44LDAuOC0xLjUsMS4yLTIuM2MtMC4xLTAuMS0wLjEtMC4xLTAuMS0wLjJMNDEsMTQuM2MtMC41LDAuOC0wLjksMS43LTEuNCwyLjYKCQkJCWMtMi4yLDAtNC40LDAtNi42LDBjMS40LTIuNywyLjctNSw0LTYuOWgxLjVjMCwwLDAtMC4xLDAtMC4xYzAtMC4xLDAtMC4yLTAuMS0wLjNoLTEuMmMwLjItMC40LDAuNS0wLjcsMC43LTEKCQkJCWMtMC4xLTAuMS0wLjItMC4yLTAuMi0wLjRjLTAuMywwLjQtMC42LDAuOS0wLjksMS40Yy0yLjMsMC00LjUsMC4xLTYuNSwwLjJjMS4yLTEuOSwyLjYtMy43LDQuMS01LjRoLTAuNQoJCQkJYy0xLjUsMS43LTIuOCwzLjUtNCw1LjRjLTIuNCwwLjEtNC42LDAuMi02LjUsMC4zYzEuMi0xLjksMi42LTMuNyw0LjEtNS41bC0wLjYsMGMtMS41LDEuNy0yLjgsMy41LTQsNS40CgkJCQljLTMsMC4yLTUuMSwwLjMtNS45LDAuNGMtMC4xLDAuMS0wLjIsMC4zLTAuMywwLjRjMC40LDAsMi42LTAuMiw1LjktMC40Yy0xLjIsMS44LTIuNSw0LjEtNCw2LjljLTMsMC4yLTUuMSwwLjQtNS45LDAuNAoJCQkJbC0wLjIsMC40YzAuNSwwLDIuNy0wLjIsNS45LTAuNGMtMS4xLDItMi4xLDQuMy0zLjIsNi44Yy0yLjgsMC4yLTQuOSwwLjMtNS44LDAuNGwtMC4yLDAuNGMwLjctMC4xLDIuOS0wLjIsNS44LTAuNAoJCQkJYy0wLjksMi4xLTEuOCw0LjQtMi43LDYuOWMtMi45LDAuMi01LDAuNC01LjcsMC40bC0wLjEsMC40YzAuNSwwLDIuNi0wLjIsNS43LTAuNGMtMC44LDIuMS0xLjUsNC40LTIuMyw2LjkKCQkJCWMtMi45LDAuMi01LDAuMy01LjcsMC40QzQsMzkuNyw0LDM5LjksNCw0MGMwLjUsMCwyLjYtMC4yLDUuNy0wLjRDOC45LDQyLDguMiw0NC41LDcuNSw0Ny4zeiBNMjMuOCwzOC41Yy0yLjMsMC00LjUsMC4xLTYuNiwwLjIKCQkJCWMwLjctMi40LDEuNS00LjcsMi4zLTYuOWMyLjEtMC4xLDQuMy0wLjIsNi42LTAuMkMyNS4zLDMzLjksMjQuNiwzNi4xLDIzLjgsMzguNXogTTI4LjksMjQuNWMtMC45LDIuMS0xLjgsNC40LTIuNyw2LjkKCQkJCWMtMi4zLDAtNC41LDAuMS02LjYsMC4yYzAuOS0yLjUsMS44LTQuNywyLjctNi45QzI0LjQsMjQuNiwyNi42LDI0LjUsMjguOSwyNC41eiBNMjIuNSwyNC4yYzEuMS0yLjUsMi4yLTQuOCwzLjMtNi45CgkJCQljMi4xLTAuMSw0LjMtMC4yLDYuNi0wLjJjLTEsMi4xLTIuMSw0LjMtMy4yLDYuOUMyNi44LDI0LjEsMjQuNiwyNC4yLDIyLjUsMjQuMnogTTMwLjksMzguNWMtMi4yLDAtNC40LDAtNi42LDAKCQkJCWMwLjctMi40LDEuNS00LjcsMi4zLTYuOWMyLjIsMCw0LjQsMCw2LjYsMEMzMi40LDMzLjgsMzEuNiwzNi4xLDMwLjksMzguNXogTTMzLjMsMzEuM2MtMi4yLDAtNC40LDAtNi42LDAKCQkJCWMwLjktMi41LDEuOC00LjcsMi43LTYuOWMyLjIsMCw0LjQsMCw2LjYsMEMzNS4xLDI2LjYsMzQuMiwyOC44LDMzLjMsMzEuM3ogTTM5LjQsMTcuMmMtMSwyLjEtMi4xLDQuMy0zLjIsNi45CgkJCQljLTIuMiwwLTQuNCwwLTYuNiwwYzEuMS0yLjUsMi4yLTQuOCwzLjItNi45QzM0LjksMTcuMiwzNy4yLDE3LjIsMzkuNCwxNy4yTDM5LjQsMTcuMnogTTI5LjksMTAuMmMyLjEtMC4xLDQuMy0wLjIsNi41LTAuMgoJCQkJYy0xLjIsMS45LTIuNSw0LjEtMy45LDYuOWMtMi4zLDAtNC41LDAuMS02LjYsMC4yQzI3LjQsMTQuMywyOC43LDEyLDI5LjksMTAuMnogTTIyLjksMTAuNWMxLjktMC4xLDQuMS0wLjIsNi42LTAuMwoJCQkJYy0xLjIsMS44LTIuNSw0LjEtNCw2LjljLTIuNCwwLjEtNC43LDAuMi02LjYsMC4zQzIwLjMsMTQuNiwyMS43LDEyLjQsMjIuOSwxMC41eiBNMTguNywxNy44YzEuOS0wLjEsNC4yLTAuMiw2LjYtMC4zCgkJCQljLTEsMi4xLTIuMSw0LjMtMy4yLDYuOWMtMi40LDAuMS00LjcsMC4yLTYuNiwwLjNDMTYuNSwyMi4xLDE3LjYsMTkuOCwxOC43LDE3Ljh6IE0xNS4zLDI1YzEuOS0wLjEsNC4yLTAuMiw2LjYtMC4zCgkJCQljLTAuOSwyLjEtMS44LDQuNC0yLjcsNi45Yy0yLjUsMC4xLTQuNywwLjItNi42LDAuM0MxMy40LDI5LjQsMTQuNCwyNy4xLDE1LjMsMjV6IE0xMi40LDMyLjNjMS45LTAuMSw0LjItMC4yLDYuNi0wLjMKCQkJCWMtMC44LDIuMS0xLjUsNC40LTIuMiw2LjhjLTIuNSwwLjEtNC43LDAuMi02LjYsMC4zQzEwLjksMzYuNywxMS42LDM0LjQsMTIuNCwzMi4zeiIvPgoKCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzOS4yOTMxIiB5MT0iNDMuMjE1NiIgeDI9IjQxLjc5MDYiIHkyPSIzOC42MDQ3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNzIpIj4KCQkJCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkY3OTk7c3RvcC1vcGFjaXR5OjAuOSIvPgoJCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRjhBMztzdG9wLW9wYWNpdHk6MC4xIi8+CgkJCTwvbGluZWFyR3JhZGllbnQ+CgkJCTxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik00MC43LDMxLjZjMC41LTEuNCwxLTIuNywxLjUtNGMtMC4xLTAuMS0wLjItMC4yLTAuMy0wLjJjLTAuNSwxLjQtMS4xLDIuNy0xLjYsNC4yYy0xLTAuMS0yLjEtMC4xLTMuMi0wLjIKCQkJCWMwLDAuMywwLjMsMC4zLDAuNiwwLjRjMC44LDAsMS42LDAuMSwyLjQsMC4xTDQwLDMyLjZINDBjMC4xLTAuMSwwLjMtMC4xLDAuNC0wLjFsMC4yLTAuNGMxLjEsMC4xLDIuMiwwLjIsMy4yLDAuMwoJCQkJYzAuMS0wLjEsMC4yLTAuMiwwLjItMC40QzQzLDMxLjgsNDEuOSwzMS43LDQwLjcsMzEuNnoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+';
 
@@ -25308,15 +25162,15 @@ var motif = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0id
  *
  * @param onEscape the handler function
  */
-var useEscapeFunction = function (onEscape) {
-    var escFunction = React.useCallback(function (event) {
+const useEscapeFunction = (onEscape) => {
+    const escFunction = React.useCallback((event) => {
         if (event.keyCode === 27) {
             onEscape();
         }
     }, [onEscape]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         document.addEventListener('keydown', escFunction, false);
-        return function () {
+        return () => {
             document.removeEventListener('keydown', escFunction, false);
         };
     }, [escFunction]);
@@ -25329,14 +25183,13 @@ var useEscapeFunction = function (onEscape) {
  * @param onClickOutsideArg handler for mouse clicks outside the element
  * @return a react ref which can be bound to an html element
  */
-var usePageClickFunction = function (onClickInsideArg, onClickOutsideArg) {
-    var elementRef = React.useRef(null);
-    var onClickInside = React.useCallback(onClickInsideArg, []);
-    var onClickOutside = React.useCallback(onClickOutsideArg, []);
-    React.useEffect(function () {
-        var handleClick = function (e) {
-            var _a;
-            if ((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
+const usePageClickFunction = (onClickInsideArg, onClickOutsideArg) => {
+    const elementRef = React.useRef(null);
+    const onClickInside = React.useCallback(onClickInsideArg, []);
+    const onClickOutside = React.useCallback(onClickOutsideArg, []);
+    React.useEffect(() => {
+        const handleClick = (e) => {
+            if (elementRef.current?.contains(e.target)) {
                 onClickInside(e);
             }
             else {
@@ -25346,18 +25199,17 @@ var usePageClickFunction = function (onClickInsideArg, onClickOutsideArg) {
         // add when mounted
         document.addEventListener('click', handleClick);
         // return function to be called when unmounted
-        return function () {
+        return () => {
             document.removeEventListener('click', handleClick);
         };
     }, [elementRef, onClickInside, onClickOutside]);
     return elementRef;
 };
 
-var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];
-var buildHideClassDict = function (_a) {
-    var _b = _a.from, from = _b === void 0 ? 'xs' : _b, _c = _a.upto, upto = _c === void 0 ? 'xl' : _c;
-    var inRange = function (size) {
-        var idx = sizes.indexOf(size);
+const sizes = ['xs', 'sm', 'md', 'lg', 'xl'];
+const buildHideClassDict = ({ from = 'xs', upto = 'xl', }) => {
+    const inRange = (size) => {
+        const idx = sizes.indexOf(size);
         return idx >= sizes.indexOf(from) && idx <= sizes.indexOf(upto);
     };
     return {
@@ -25369,15 +25221,14 @@ var buildHideClassDict = function (_a) {
     };
 };
 
-var LuiHeader = function (_a) {
-    var headingText = _a.headingText, _b = _a.size, size = _b === void 0 ? 'small' : _b, homeLink = _a.homeLink, transparent = _a.transparent, children = _a.children, _c = _a.sticky, sticky = _c === void 0 ? true : _c;
-    var logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "linz-logo", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "linz-motif", alt: "LINZ Logo", src: motif }));
-    var logoContainer = logoElement;
+const LuiHeader = ({ headingText, size = 'small', homeLink, transparent, children, sticky = true, }) => {
+    const logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "linz-logo", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "linz-motif", alt: "LINZ Logo", src: motif }));
+    let logoContainer = logoElement;
     if (typeof homeLink === 'string') {
         logoContainer = React__default["default"].createElement("a", { href: homeLink }, logoElement);
     }
     else if (typeof homeLink === 'function') {
-        logoContainer = (React__default["default"].createElement("div", { className: "clickable", onClick: function () {
+        logoContainer = (React__default["default"].createElement("div", { className: "clickable", onClick: () => {
                 homeLink();
             } }, logoElement));
     }
@@ -25399,55 +25250,48 @@ var LuiHeader = function (_a) {
  * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
  * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
  */
-var LuiHeaderMenuItem = React.forwardRef(function (_a, ref) {
-    var icon = _a.icon, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _b = _a["data-testid"], dataTestId = _b === void 0 ? 'menu-item' : _b, children = _a.children;
-    var menuItemClasses = clsx('lui-header-menu-item', hide && buildHideClassDict(hide));
-    var resolvedIcon = !icon && !label ? 'menu' : icon;
+const LuiHeaderMenuItem = React.forwardRef(({ icon, label, badge, hide, onClick, 'data-testid': dataTestId = 'menu-item', children, }, ref) => {
+    const menuItemClasses = clsx('lui-header-menu-item', hide && buildHideClassDict(hide));
+    const resolvedIcon = !icon && !label ? 'menu' : icon;
     return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
         React__default["default"].createElement("div", { className: clsx('lui-header-menu-icon', onClick && 'clickable'), onClick: onClick, "data-testid": dataTestId },
-            resolvedIcon && (React__default["default"].createElement("i", { className: "material-icons-round md-36" }, resolvedIcon)),
+            resolvedIcon && (React__default["default"].createElement("i", { title: "Main menu", className: "material-icons-round md-36" }, resolvedIcon)),
             label && React__default["default"].createElement("div", { className: "lui-menu-label" }, label),
             badge && React__default["default"].createElement("div", { className: "badge" }, badge)),
         children));
 });
-var LuiCloseableHeaderMenuContext = React.createContext({
-    isOpen: function () { return false; },
-    open: function () { },
-    close: function () { },
+const LuiCloseableHeaderMenuContext = React.createContext({
+    isOpen: () => false,
+    open: () => { },
+    close: () => { },
 });
-var LuiCloseableHeaderMenuItem = function (_a) {
-    var open = _a.open, setOpen = _a.setOpen, props = __rest(_a, ["open", "setOpen"]);
-    useEscapeFunction(function () { return setOpen(false); });
-    var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
+const LuiCloseableHeaderMenuItem = ({ open, setOpen, ...props }) => {
+    useEscapeFunction(() => setOpen(false));
+    const menuDiv = usePageClickFunction((event) => open || event.stopPropagation(), (event) => {
         if (!open) {
             event.stopPropagation();
             setOpen(false);
         }
     });
-    var menuControls = {
-        isOpen: function () { return open; },
-        open: function () { return setOpen(true); },
-        close: function () { return setOpen(false); },
+    const menuControls = {
+        isOpen: () => open,
+        open: () => setOpen(true),
+        close: () => setOpen(false),
     };
-    var menuItemProps = __assign({ onClick: function () { return menuControls.open(); } }, props);
+    const menuItemProps = { onClick: () => menuControls.open(), ...props };
     return (React__default["default"].createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
-        React__default["default"].createElement(LuiHeaderMenuItem, __assign({ ref: menuDiv }, menuItemProps), props.children)));
+        React__default["default"].createElement(LuiHeaderMenuItem, { ref: menuDiv, ...menuItemProps }, props.children)));
 };
-var LuiMenuCloseButton = function (_a) {
-    var _b = _a.icon, icon = _b === void 0 ? 'close' : _b, hide = _a.hide, _c = _a["data-testid"], dataTestId = _c === void 0 ? 'close-button' : _c;
-    var menu = React.useContext(LuiCloseableHeaderMenuContext);
-    var classes = clsx('material-icons-round', 'lui-menu-close-button', hide && buildHideClassDict(hide));
+const LuiMenuCloseButton = ({ icon = 'close', hide, 'data-testid': dataTestId = 'close-button', }) => {
+    const menu = React.useContext(LuiCloseableHeaderMenuContext);
+    const classes = clsx('material-icons-round', 'lui-menu-close-button', hide && buildHideClassDict(hide));
     return (React__default["default"].createElement("i", { className: classes, onClick: menu.close, "data-testid": dataTestId }, icon));
 };
 
-var LuiDrawerMenuOptions = function (_a) {
-    var children = _a.children;
-    return (React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children));
-};
-var LuiDrawerMenuOption = function (_a) {
-    var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
-    var menu = React.useContext(LuiCloseableHeaderMenuContext);
-    return (React__default["default"].createElement("div", { className: "lui-menu-drawer-option", onClick: function () {
+const LuiDrawerMenuOptions = ({ children }) => (React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children));
+const LuiDrawerMenuOption = ({ icon, label, badge, onClick = () => { }, }) => {
+    const menu = React.useContext(LuiCloseableHeaderMenuContext);
+    return (React__default["default"].createElement("div", { className: "lui-menu-drawer-option", onClick: () => {
             menu.close();
             onClick();
         }, "data-testid": 'drawer-option' },
@@ -25456,13 +25300,17 @@ var LuiDrawerMenuOption = function (_a) {
             label),
         badge));
 };
-var LuiDrawerMenu = function (_a) {
-    var restOfProps = __rest(_a, []);
-    var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest(restOfProps, ["children", "hasStickyHeader"]);
-    var _c = React.useState(false), open = _c[0], setOpen = _c[1];
-    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open,
-        setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
-    React.useEffect(function () {
+const LuiDrawerMenu = ({ ...restOfProps }) => {
+    const { children, hasStickyHeader = true, ...menuPropsCopy } = restOfProps;
+    const [open, setOpen] = React.useState(false);
+    const closeableMenuProps = {
+        ...menuPropsCopy,
+        open,
+        setOpen,
+        icon: open ? 'close' : 'menu',
+        onClick: () => setOpen(!open),
+    };
+    React.useEffect(() => {
         // Support for non-sticky headers. Scroll back to top when menu is opened
         if (open && !hasStickyHeader) {
             window.scrollTo({ top: 0, behavior: 'smooth' });
@@ -25475,18 +25323,17 @@ var LuiDrawerMenu = function (_a) {
             document.body.classList.remove('lui-menu-drawer-open');
         }
     }, [open, hasStickyHeader]);
-    return (React__default["default"].createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
+    return (React__default["default"].createElement(LuiCloseableHeaderMenuItem, { ...closeableMenuProps },
         React__default["default"].createElement("div", { className: clsx({
                 'lui-menu-drawer': true,
                 'lui-menu-drawer-closed': !open,
             }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
 };
-var LuiDropdownMenu = function (_a) {
-    var restOfProps = __rest(_a, []);
-    var children = restOfProps.children, menuPropsCopy = __rest(restOfProps, ["children"]);
-    var _b = React.useState(false), open = _b[0], setOpen = _b[1];
-    var closeableMenuProps = __assign(__assign({}, menuPropsCopy), { open: open, setOpen: setOpen });
-    return (React__default["default"].createElement(LuiCloseableHeaderMenuItem, __assign({}, closeableMenuProps),
+const LuiDropdownMenu = ({ ...restOfProps }) => {
+    const { children, ...menuPropsCopy } = restOfProps;
+    const [open, setOpen] = React.useState(false);
+    const closeableMenuProps = { ...menuPropsCopy, open, setOpen };
+    return (React__default["default"].createElement(LuiCloseableHeaderMenuItem, { ...closeableMenuProps },
         React__default["default"].createElement("div", { className: clsx({
                 'lui-menu-dropdown lui-box-shadow': true,
                 'lui-menu-dropdown-closed': !open,
@@ -25494,8 +25341,8 @@ var LuiDropdownMenu = function (_a) {
             children,
             ' ')));
 };
-var LuiDrawerMenuSection = function (props) {
-    var children = props.children, title = props.title, collapsible = props.collapsible;
+const LuiDrawerMenuSection = (props) => {
+    const { children, title, collapsible } = props;
     return (React__default["default"].createElement("div", null,
         collapsible && (React__default["default"].createElement(LuiExpandableBanner, { label: title || '', className: "LuiDrawerMenuSection-header" }, children)),
         !collapsible && (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -25504,7 +25351,7 @@ var LuiDrawerMenuSection = function (props) {
                     React__default["default"].createElement("h3", null, title)))),
             children))));
 };
-var LuiDrawerMenuDivider = function () {
+const LuiDrawerMenuDivider = () => {
     return React__default["default"].createElement("hr", { className: "LuiDrawerMenuDivider" });
 };
 
@@ -27852,8 +27699,8 @@ function polyfill(Component) {
 }
 
 var reactLifecyclesCompat_es = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	polyfill: polyfill
+  __proto__: null,
+  polyfill: polyfill
 });
 
 var require$$6 = /*@__PURE__*/getAugmentedNamespace(reactLifecyclesCompat_es);
@@ -28146,30 +27993,29 @@ module.exports = exports["default"];
 
 var Modal = /*@__PURE__*/getDefaultExportFromCjs(lib.exports);
 
-var LuiUpdatesSplashModal = function (props) {
-    var _a;
-    var node = React.useRef(null);
+const LuiUpdatesSplashModal = (props) => {
+    const node = React.useRef(null);
     // We have to do this as the CSS takes over a lot of the page
     // https://medium.com/@pitipatdop/little-neat-trick-to-capture-click-outside-with-react-hook-ba77c37c7e82
-    var handleClickOutside = React.useCallback(function (e) {
+    const handleClickOutside = React.useCallback((e) => {
         console.log('clicking anywhere');
         // current DOES have a contains!
-        if ((node === null || node === void 0 ? void 0 : node.current) && node.current.contains(e.target)) {
+        if (node?.current && node.current.contains(e.target)) {
             // inside click
             return;
         }
         // outside click
         props.onClose();
     }, [props]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         document.addEventListener('mousedown', handleClickOutside);
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [handleClickOutside]);
     // process may be undefined, e.g. webpack 5 does not include a polyfill for it. Assume if process is undefined then
     // this isn't running in a test.
-    if (typeof process === 'undefined' || ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) !== 'test') {
+    if (typeof process === 'undefined' || process?.env?.NODE_ENV !== 'test') {
         Modal.setAppElement('#root');
     }
     return (React__default["default"].createElement(Modal, { key: props.id, isOpen: true, shouldCloseOnOverlayClick: true, onRequestClose: props.onClose, contentLabel: "Recent updates", className: "lui-scrim", style: { overlay: { backgroundColor: 'transparent' } } },
@@ -28183,12 +28029,11 @@ var LuiUpdatesSplashModal = function (props) {
             React__default["default"].createElement("div", { className: 'lui-feature-text' }, props.children))));
 };
 
-var LuiModal = function (props) {
-    var _a;
-    var node = React.useRef(null);
-    var handleClickOutside = React.useCallback(function (e) {
+const LuiModal = (props) => {
+    const node = React.useRef(null);
+    const handleClickOutside = React.useCallback((e) => {
         // current DOES have a contains!
-        if ((node === null || node === void 0 ? void 0 : node.current) && node.current.contains(e.target)) {
+        if (node?.current && node.current.contains(e.target)) {
             // inside click
             return;
         }
@@ -28197,37 +28042,37 @@ var LuiModal = function (props) {
             props.onClose && props.onClose();
         }
     }, [props]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         document.addEventListener('mousedown', handleClickOutside);
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [handleClickOutside]);
-    var isTest = false;
+    let isTest = false;
     // this is here for the tests
     if (typeof process !== 'undefined') {
-        isTest = ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test';
+        isTest = process?.env?.NODE_ENV === 'test';
         if (!isTest) {
             Modal.setAppElement('#root');
         }
     }
-    return (React__default["default"].createElement(Modal, __assign({ key: props.key, isOpen: true, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onRequestClose: props.onClose, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', ariaHideApp: !isTest }, (props.appendToElement && {
-        parentSelector: props.appendToElement,
-    })),
+    return (React__default["default"].createElement(Modal, { key: props.key, isOpen: true, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onRequestClose: props.onClose, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', ariaHideApp: !isTest, ...(props.appendToElement && {
+            parentSelector: props.appendToElement,
+        }) },
         React__default["default"].createElement("div", { ref: node, className: clsx('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
             props.headingText && (React__default["default"].createElement(LuiModalHeader, { headingText: props.headingText, onClose: props.onClose })),
             React__default["default"].createElement("div", { className: clsx(props.headingText && 'lui-modal-container') }, props.children))));
 };
-var LuiAlertModal = function (props) {
-    var materialIcon = getMaterialIconForLevel(props.level);
-    return (React__default["default"].createElement(LuiModal, { key: props.key, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onClose: props.onClose, className: clsx("lui-modal-" + props.level, props.className), appendToElement: props.appendToElement },
-        React__default["default"].createElement(LuiIcon, { name: "ic_" + materialIcon, alt: props.level + " status icon", size: "lg", className: "lui-msg-status-icon" }),
+const LuiAlertModal = (props) => {
+    let materialIcon = getMaterialIconForLevel(props.level);
+    return (React__default["default"].createElement(LuiModal, { key: props.key, shouldCloseOnOverlayClick: props.shouldCloseOnOverlayClick, onClose: props.onClose, className: clsx(`lui-modal-${props.level}`, props.className), appendToElement: props.appendToElement },
+        React__default["default"].createElement(LuiIcon, { name: `ic_${materialIcon}`, alt: `${props.level} status icon`, size: "lg", className: "lui-msg-status-icon" }),
         props.children));
 };
-var LuiAlertModalButtons = function (props) {
+const LuiAlertModalButtons = (props) => {
     return React__default["default"].createElement("div", { className: "modal-btn-row" }, props.children);
 };
-var LuiModalHeader = function (props) {
+const LuiModalHeader = (props) => {
     return (React__default["default"].createElement("header", { className: "lui-modal-header" }, props.headingText && (React__default["default"].createElement("div", { className: "lui-modal-header-title" },
         React__default["default"].createElement("h1", null, props.headingText),
         props.onClose && (React__default["default"].createElement("button", { className: "lui-modal-header-close-btn", onClick: props.onClose },
@@ -28328,18 +28173,17 @@ function Skeleton({ count = 1, wrapper: Wrapper, className: customClassName, con
         : elements));
 }
 
-var SKELETON_COUNT = 3;
-var ResultsDisplay = function (_a) {
-    var isLoading = _a.isLoading, onClick = _a.onClick, children = _a.children, selectedId = _a.selectedId, selectedRef = _a.selectedRef, setSelectedId = _a.setSelectedId, results = _a.results, renderItem = _a.renderItem;
-    var ResultLine = function (result) {
-        var isSelected = result.id === selectedId;
-        return (React__default["default"].createElement("div", { className: clsx('LuiSearchInput-resultEntry', isSelected && 'selected'), key: result.id, ref: isSelected ? selectedRef : null, onClick: function () { return onClick(result.id); }, onMouseEnter: function () { return setSelectedId(result.id); } }, renderItem(result)));
+const SKELETON_COUNT = 3;
+const ResultsDisplay = ({ isLoading, onClick, children, selectedId, selectedRef, setSelectedId, results, renderItem, }) => {
+    const ResultLine = (result) => {
+        const isSelected = result.id === selectedId;
+        return (React__default["default"].createElement("div", { className: clsx('LuiSearchInput-resultEntry', isSelected && 'selected'), key: result.id, ref: isSelected ? selectedRef : null, onClick: () => onClick(result.id), onMouseEnter: () => setSelectedId(result.id) }, renderItem(result)));
     };
-    var GroupedResult = function (result) {
+    const GroupedResult = (result) => {
         return (React__default["default"].createElement("div", null,
             React__default["default"].createElement("div", { className: "LuiSearchInput-resultHeader" }, result.label),
-            result.items.map(function (item) {
-                return React__default["default"].createElement(ResultLine, __assign({ key: item.id }, item));
+            result.items.map((item) => {
+                return React__default["default"].createElement(ResultLine, { key: item.id, ...item });
             })));
     };
     return (React__default["default"].createElement("div", { className: "LuiSearchInput-results" },
@@ -28347,15 +28191,15 @@ var ResultsDisplay = function (_a) {
             React__default["default"].createElement(Skeleton, { className: "LuiSearchInput-skeletonItem", count: SKELETON_COUNT }))),
         !isLoading &&
             isGroupedResult(results) &&
-            results.map(function (result, index) {
+            results.map((result, index) => {
                 return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(GroupedResult, __assign({ key: result.id }, result)),
+                    React__default["default"].createElement(GroupedResult, { key: result.id, ...result }),
                     index !== results.length - 1 && (React__default["default"].createElement("hr", { className: "LuiSearchInput-groupSeparator" }))));
             }),
         !isLoading &&
             !isGroupedResult(results) &&
-            results.map(function (result) {
-                return React__default["default"].createElement(ResultLine, __assign({ key: result.id }, result));
+            results.map((result) => {
+                return React__default["default"].createElement(ResultLine, { key: result.id, ...result });
             }),
         children));
 };
@@ -28368,36 +28212,34 @@ function isGroupedResult(result) {
 }
 function flatten(items) {
     if (isGroupedResult(items)) {
-        return items.flatMap(function (item) { return item.items; });
+        return items.flatMap((item) => item.items);
     }
     return items;
 }
-var LuiSearchInput = function (props) {
-    var _a = React.useState(props.initialValue ? props.initialValue : ''), typedValue = _a[0], setTypedValue = _a[1];
-    var _b = React.useState([]), results = _b[0], setResults = _b[1];
-    var _c = React.useState(''), selectedId = _c[0], setSelectedId = _c[1];
-    var _d = React.useState(false), haveFocus = _d[0], setHaveFocus = _d[1];
-    var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
-    var inputRef = React.useRef(null);
-    var selectedRef = React.useRef(null);
+const LuiSearchInput = (props) => {
+    const [typedValue, setTypedValue] = React.useState(props.initialValue ? props.initialValue : '');
+    const [results, setResults] = React.useState([]);
+    const [selectedId, setSelectedId] = React.useState('');
+    const [haveFocus, setHaveFocus] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const selectedRef = React.useRef(null);
     //set focus to inut box
-    React.useEffect(function () {
-        var _a;
+    React.useEffect(() => {
         if (props.focusUpdate !== undefined)
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            inputRef.current?.focus();
     }, [props.focusUpdate]);
     //clear result after search types changed
-    React.useEffect(function () {
+    React.useEffect(() => {
         setResults([]);
     }, [props.getOptions]);
     function setInputValue(value) {
         setTypedValue(props.inputTransformer ? props.inputTransformer(value) : value);
     }
     function moveDown() {
-        var items = flatten(results);
-        var takeNext = selectedId === '';
-        for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
-            var item = items_1[_i];
+        const items = flatten(results);
+        let takeNext = selectedId === '';
+        for (const item of items) {
             if (item.id === selectedId) {
                 takeNext = true;
             }
@@ -28409,10 +28251,9 @@ var LuiSearchInput = function (props) {
         return;
     }
     function moveUp() {
-        var items = flatten(results);
-        var takeNext = false;
-        for (var _i = 0, _a = __spreadArrays(items).reverse(); _i < _a.length; _i++) {
-            var item = _a[_i];
+        const items = flatten(results);
+        let takeNext = false;
+        for (const item of [...items].reverse()) {
             if (item.id === selectedId) {
                 takeNext = true;
             }
@@ -28424,42 +28265,30 @@ var LuiSearchInput = function (props) {
         return;
     }
     function selectItem(itemId) {
-        var id = itemId ? itemId : selectedId;
-        var selectedItem = flatten(results).find(function (item) { return item.id === id; });
+        const id = itemId ? itemId : selectedId;
+        const selectedItem = flatten(results).find((item) => item.id === id);
         if (selectedItem) {
             setHaveFocus(false);
             setInputValue(selectedItem.description);
             props.onSelectOption(selectedItem);
         }
     }
-    function retrieveResults(input) {
-        return __awaiter(this, void 0, void 0, function () {
-            var results_1, items, selectedIdInResults;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(input !== '' && input.length >= props.minCharactersForSearch)) return [3 /*break*/, 4];
-                        setIsLoading(true);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, , 3, 4]);
-                        return [4 /*yield*/, props.getOptions(input)];
-                    case 2:
-                        results_1 = _a.sent();
-                        items = flatten(results_1);
-                        setResults(results_1);
-                        selectedIdInResults = items.some(function (item) { return item.id === selectedId; });
-                        if (!selectedIdInResults) {
-                            setSelectedId(items.length ? items[0].id : '');
-                        }
-                        return [3 /*break*/, 4];
-                    case 3:
-                        setIsLoading(false);
-                        return [7 /*endfinally*/];
-                    case 4: return [2 /*return*/];
+    async function retrieveResults(input) {
+        if (input !== '' && input.length >= props.minCharactersForSearch) {
+            setIsLoading(true);
+            try {
+                const results = await props.getOptions(input);
+                const items = flatten(results);
+                setResults(results);
+                const selectedIdInResults = items.some((item) => item.id === selectedId);
+                if (!selectedIdInResults) {
+                    setSelectedId(items.length ? items[0].id : '');
                 }
-            });
-        });
+            }
+            finally {
+                setIsLoading(false);
+            }
+        }
     }
     function handleKeyDown(event) {
         switch (event.key) {
@@ -28482,19 +28311,19 @@ var LuiSearchInput = function (props) {
     }
     function scrollToViewSelected(topOfView) {
         // Wait for ref to update before scrolling to it
-        setTimeout(function () { var _a; return (_a = selectedRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView(topOfView); }, 0);
+        setTimeout(() => selectedRef.current?.scrollIntoView(topOfView), 0);
     }
-    React.useEffect(function () {
+    React.useEffect(() => {
         retrieveResults(typedValue);
     }, [typedValue]);
-    var cancelIcon = typedValue !== '' ? (React__default["default"].createElement(LuiIcon, { alt: "clear", name: "ic_cancel_clear", size: "md", className: 'LuiSearchInput-iconPosition', spanProps: {
-            onClick: function () {
+    const cancelIcon = typedValue !== '' ? (React__default["default"].createElement(LuiIcon, { alt: "clear", name: "ic_cancel_clear", size: "md", className: 'LuiSearchInput-iconPosition', spanProps: {
+            onClick: () => {
                 setInputValue('');
                 setResults([]);
             },
         } })) : null;
-    var searchIcon = (React__default["default"].createElement(LuiIcon, { className: 'LuiSearchInput-startIconPosition', name: "ic_search", size: "md", alt: "search", spanProps: { onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } } }));
-    var typeMore = 'You need to type a few more characters';
+    const searchIcon = (React__default["default"].createElement(LuiIcon, { className: 'LuiSearchInput-startIconPosition', name: "ic_search", size: "md", alt: "search", spanProps: { onClick: () => inputRef.current?.focus() } }));
+    const typeMore = 'You need to type a few more characters';
     function enoughChars(input) {
         if (typeof props.minCharactersForSearch === 'number')
             return input.length >= props.minCharactersForSearch;
@@ -28509,20 +28338,20 @@ var LuiSearchInput = function (props) {
             return typeMore;
         }
         if (props.name)
-            return "The " + props.name + " could not be displayed or does not exist.";
+            return `The ${props.name} could not be displayed or does not exist.`;
         else
             return null;
     }
     return (React__default["default"].createElement("div", { className: "LuiSearchInput" },
         React__default["default"].createElement("span", { className: "LuiSearchInput-inputWrapper" },
             searchIcon,
-            React__default["default"].createElement("input", { type: "text", className: clsx('LuiSearchInput-input'), ref: inputRef, value: typedValue, placeholder: props.placeholderText, "aria-label": "Search", onChange: function (e) { return setInputValue(e.target.value); }, onKeyDown: handleKeyDown, onFocus: function (e) {
+            React__default["default"].createElement("input", { type: "text", className: clsx('LuiSearchInput-input'), ref: inputRef, value: typedValue, placeholder: props.placeholderText, "aria-label": "Search", onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, onFocus: (e) => {
                     e.target.select();
                     retrieveResults(typedValue);
                     setHaveFocus(true);
                 }, 
                 // This timeout could be a little brittle but allows the menu to stay open long enough to click it
-                onBlur: function () { return setTimeout(function () { return setHaveFocus(false); }, 200); } }),
+                onBlur: () => setTimeout(() => setHaveFocus(false), 200) }),
             cancelIcon),
         (isLoading || results.length > 0) && haveFocus && (React__default["default"].createElement("div", null,
             React__default["default"].createElement(ResultsDisplay, { results: results, selectedId: selectedId, setSelectedId: setSelectedId, selectedRef: selectedRef, onClick: selectItem, isLoading: isLoading, renderItem: props.renderItem }))),
@@ -28538,43 +28367,33 @@ var LuiSearchInput = function (props) {
             React__default["default"].createElement("div", { "data-testid": "disclaimer", className: "LuiSearchInput-disclaimer" }, props.disclaimer)))));
 };
 
-var resultStyle$1 = { verticalAlign: 'middle' };
+const resultStyle$1 = { verticalAlign: 'middle' };
 /**
  *  LuiSearchBox is a search input with select menu.
  *  The options of the menu and input can be passed in as an array.
  *  See examples in SearchBox in storybook.
  */
-var LuiSearchBox = function (_a) {
-    var searchBoxOptions = _a.searchBoxOptions, initOptionValue = _a.initOptionValue, onMenuSelect = _a.onMenuSelect, autoFocus = _a.autoFocus;
-    var initOption = searchBoxOptions.find(function (_a) {
-        var value = _a.value;
-        return value === initOptionValue;
-    });
-    var _b = React.useState(initOption ? initOption : searchBoxOptions[0]), selectedMenuOption = _b[0], setSelectedMenuOption = _b[1];
+const LuiSearchBox = ({ searchBoxOptions, initOptionValue, onMenuSelect, autoFocus, }) => {
+    const initOption = searchBoxOptions.find(({ value }) => value === initOptionValue);
+    const [selectedMenuOption, setSelectedMenuOption,] = React.useState(initOption ? initOption : searchBoxOptions[0]);
     //auto focus every time select a menu item
-    var _c = React.useState(false), focusUpdate = _c[0], setFocusUpdate = _c[1];
+    const [focusUpdate, setFocusUpdate] = React.useState(false);
     //don't focus when first time display
-    var _d = React.useState(false), isFocus = _d[0], setIsFocus = _d[1];
-    React.useEffect(function () {
-        var updatedOption = searchBoxOptions.find(function (_a) {
-            var value = _a.value;
-            return value === initOptionValue;
-        });
+    const [isFocus, setIsFocus] = React.useState(false);
+    React.useEffect(() => {
+        const updatedOption = searchBoxOptions.find(({ value }) => value === initOptionValue);
         if (updatedOption)
             setSelectedMenuOption(updatedOption);
     }, [initOptionValue]);
-    var handleMenuSelected = function (e) {
+    const handleMenuSelected = (e) => {
         setSelectedMenuOption(findSelectedOption(e.value));
         if (onMenuSelect !== undefined)
             onMenuSelect(e);
         setIsFocus(true);
         setFocusUpdate(!focusUpdate);
     };
-    var findSelectedOption = function (v) {
-        var selectedOption = searchBoxOptions.find(function (_a) {
-            var value = _a.value;
-            return value === v;
-        });
+    const findSelectedOption = (v) => {
+        const selectedOption = searchBoxOptions.find(({ value }) => value === v);
         return selectedOption ? selectedOption : searchBoxOptions[0];
     };
     return (React__default["default"].createElement("div", { className: "LuiSearchBox" },
@@ -28582,23 +28401,23 @@ var LuiSearchBox = function (_a) {
         React__default["default"].createElement("div", { className: "LuiSearchBox-right" },
             React__default["default"].createElement(LuiSearchInput, { name: selectedMenuOption.name ? selectedMenuOption.name : undefined, minCharactersForSearch: 2, placeholderText: selectedMenuOption.placeholderText, getOptions: selectedMenuOption.getOption, onSelectOption: selectedMenuOption.onSelectOption, renderItem: selectedMenuOption.renderItem
                     ? selectedMenuOption.renderItem
-                    : function (item) {
+                    : (item) => {
                         return React__default["default"].createElement("span", { style: resultStyle$1 }, item.description);
                     }, disclaimer: selectedMenuOption.disclaimer, focusUpdate: autoFocus && isFocus ? focusUpdate : undefined }))));
 };
-var LuiSearchBoxButton = React__default["default"].forwardRef(function (props, ref) {
-    return (React__default["default"].createElement(LuiButton, __assign({ level: "tertiary" }, props, { ref: ref, className: "LuiSearchBox-button" }),
+const LuiSearchBoxButton = React__default["default"].forwardRef((props, ref) => {
+    return (React__default["default"].createElement(LuiButton, { level: "tertiary", ...props, ref: ref, className: "LuiSearchBox-button" },
         props.children,
         React__default["default"].createElement(LuiIcon, { size: "md", name: 'ic_keyboard_arrow_down', className: 'LuiSearchBox-button-icon', alt: '' })));
 });
-var renderSelectMenu = function (items, onClick) { return (React__default["default"].createElement(React__default["default"].Fragment, null, items.map(function (item) {
+const renderSelectMenu = (items, onClick) => (React__default["default"].createElement(React__default["default"].Fragment, null, items.map((item) => {
     return (React__default["default"].createElement(React__default["default"].Fragment, { key: item.value },
         item.groupDivider ? React__default["default"].createElement(LuiSelectMenuDivider, null) : null,
         item.groupTitle ? (React__default["default"].createElement(LuiSelectMenuHeader, null, item.groupTitle)) : null,
-        React__default["default"].createElement(LuiSelectMenuItem, { "data-testid": "select-box-" + item.value, value: item.value, onClick: onClick, noPadding: true }, item.title)));
-}))); };
+        React__default["default"].createElement(LuiSelectMenuItem, { "data-testid": `select-box-${item.value}`, value: item.value, onClick: onClick, noPadding: true }, item.title)));
+})));
 
-var exampleSearchResults = [
+const exampleSearchResults = [
     {
         id: 'DP44035-1',
         description: 'This is a example Newlands search result',
@@ -28608,27 +28427,27 @@ var exampleSearchResults = [
         description: 'This is a example Newlands search result 2',
     },
 ];
-var getDefaultOptions = function (input) {
+const getDefaultOptions = (input) => {
     if (input) {
-        var results_1 = exampleSearchResults.filter(function (item) {
+        const results = exampleSearchResults.filter((item) => {
             return item.description.toUpperCase().includes(input.toUpperCase());
         });
-        return new Promise(function (resolve) {
-            setTimeout(function () { return resolve(results_1); }, 250);
+        return new Promise((resolve) => {
+            setTimeout(() => resolve(results), 250);
         });
     }
     else {
         return Promise.resolve([]);
     }
 };
-var defaultSelectOption = function (selectedOption) {
+const defaultSelectOption = (selectedOption) => {
     console.log('SELECTED OPTION: ', selectedOption);
 };
-var resultStyle = { verticalAlign: 'middle' };
-var defaultRenderItem = function (item) {
+const resultStyle = { verticalAlign: 'middle' };
+const defaultRenderItem = (item) => {
     return React__default["default"].createElement("span", { style: resultStyle }, item.description);
 };
-var searchBoxOptions = [
+const searchBoxOptions = [
     {
         groupTitle: 'Title',
         value: 'address',
@@ -28688,17 +28507,16 @@ var searchBoxOptions = [
         onSelectOption: defaultSelectOption,
     },
 ];
-var getDefaultSearchMenuOptions = function () {
+const getDefaultSearchMenuOptions = () => {
     return searchBoxOptions;
 };
-var LOLSearchBox = function (_a) {
-    var searchBoxOptions = _a.searchBoxOptions, initOptionValue = _a.initOptionValue, onMenuSelect = _a.onMenuSelect;
+const LOLSearchBox = ({ searchBoxOptions, initOptionValue, onMenuSelect, }) => {
     return (React__default["default"].createElement(LuiSearchBox, { onMenuSelect: onMenuSelect, initOptionValue: initOptionValue, searchBoxOptions: searchBoxOptions ? searchBoxOptions : getDefaultSearchMenuOptions() }));
 };
 
 var mountainBroken = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzAwIDI1MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMntmaWxsOiM0MjQ1NDc7fS5jbHMtM3tjbGlwLXBhdGg6dXJsKCNjbGlwLXBhdGgpO30uY2xzLTR7ZmlsbDojN2E3YTdhO30uY2xzLTV7b3BhY2l0eTowLjU7fS5jbHMtNntmaWxsOmdyYXk7fS5jbHMtN3tmaWxsOiNhM2EzYTM7fS5jbHMtOHtmaWxsOiNmZmY7fS5jbHMtOXtmaWxsOnVybCgjcmFkaWFsLWdyYWRpZW50KTt9LmNscy0xMHtmaWxsOnVybCgjcmFkaWFsLWdyYWRpZW50LTIpO30uY2xzLTExe2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQpO30uY2xzLTEye2ZpbGw6I2ViY2VhYzt9LmNscy0xM3tmaWxsOiNkNGJhOWI7fS5jbHMtMTR7b3BhY2l0eTowLjM7fS5jbHMtMTUsLmNscy0xNntmaWxsOiM3ZDczNjg7fS5jbHMtMTZ7b3BhY2l0eTowLjI7fS5jbHMtMTd7ZmlsbDojYjNlZWY4O30uY2xzLTE4e2ZpbGw6IzAwYTRhMjt9LmNscy0xOXtmaWxsOiM2YmNhYzk7fS5jbHMtMjB7ZmlsbDojOTZkYWQ5O30uY2xzLTIxe2ZpbGw6IzAwNjkyYTt9LmNscy0yMntmaWxsOiMwMDgzOWQ7fS5jbHMtMjN7ZmlsbDojMDA4YTE3O30uY2xzLTI0e2ZpbGw6IzAwNjU1Yzt9LmNscy0yNXtmaWxsOiMwMGFkMWI7fS5jbHMtMjZ7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudC0yKTt9LmNscy0yN3tmaWxsOiM2YjE2MGY7fS5jbHMtMjh7ZmlsbDojYmMyNjFhO30uY2xzLTI5e2ZpbGw6IzNkMDUwMDt9LmNscy0zMHtmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTMpO30uY2xzLTMxe2ZpbGw6I2ViNGMzZjt9LmNscy0zMntmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTQpO30uY2xzLTMze2ZpbGw6IzYxNjA2MDt9LmNscy0zNHtmaWxsOiNkYmQ5ZDk7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIyMTEuMTQgMTIwLjAxIDE3NS43MSA3MC44NiAxNDUuNDIgMjMuNDMgMTE5LjMyIDc2LjU4IDk0LjU2IDExNS40NCA1Ni44NCAxNzkuNDUgMTI4LjkzIDE3NC42OSAxODMuNzEgMTgxLjc0IDI1OS43MiAxNjcuNDUgMjExLjE0IDEyMC4wMSIvPjwvY2xpcFBhdGg+PHJhZGlhbEdyYWRpZW50IGlkPSJyYWRpYWwtZ3JhZGllbnQiIGN4PSIxNDguNiIgY3k9IjEwNC40NSIgcj0iNzYuODIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMTMiIHN0b3AtY29sb3I9IiM3Zjg1OGEiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMC4yMiIgc3RvcC1jb2xvcj0iIzZlNzM3NyIgc3RvcC1vcGFjaXR5PSIwLjA5Ii8+PHN0b3Agb2Zmc2V0PSIwLjk2IiBzdG9wLWNvbG9yPSIjMGUwZjBmIiBzdG9wLW9wYWNpdHk9IjAuNiIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJyYWRpYWwtZ3JhZGllbnQtMiIgY3g9IjExNS40OSIgY3k9Ijg0LjE3IiByPSIxNTUuMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNiN2MwYzciLz48c3RvcCBvZmZzZXQ9IjAuMDQiIHN0b3AtY29sb3I9IiNhY2I0YmIiLz48c3RvcCBvZmZzZXQ9IjAuMjgiIHN0b3AtY29sb3I9IiM3NDdhN2UiLz48c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzQ4NGM0ZSIvPjxzdG9wIG9mZnNldD0iMC43IiBzdG9wLWNvbG9yPSIjMjgyYjJjIi8+PHN0b3Agb2Zmc2V0PSIwLjg2IiBzdG9wLWNvbG9yPSIjMTUxNjE3Ii8+PHN0b3Agb2Zmc2V0PSIwLjk2IiBzdG9wLWNvbG9yPSIjMGUwZjBmIi8+PC9yYWRpYWxHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjIwMC44MSIgeTE9IjE5NC43OSIgeDI9IjI5MC4wOSIgeTI9IjE5NC43OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2JhYmFiYSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtMiIgeDE9IjExMi40MSIgeTE9IjE5NC4zNiIgeDI9IjE1NCIgeTI9IjE4NC4wMyIgeGxpbms6aHJlZj0iI2xpbmVhci1ncmFkaWVudCIvPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTMiIHgxPSItMjc2LjQyIiB5MT0iLTc2Ljg3IiB4Mj0iLTI1NC44OSIgeTI9Ii03Ny4xNSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgtNzcuNTUgMzgyKSByb3RhdGUoMTE3LjY5KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M3ZDBkNiIvPjxzdG9wIG9mZnNldD0iMC4wOSIgc3RvcC1jb2xvcj0iI2FlYjZiYiIvPjxzdG9wIG9mZnNldD0iMC4zMiIgc3RvcC1jb2xvcj0iIzc2N2I3ZSIvPjxzdG9wIG9mZnNldD0iMC41MyIgc3RvcC1jb2xvcj0iIzQ5NGM0ZSIvPjxzdG9wIG9mZnNldD0iMC43MSIgc3RvcC1jb2xvcj0iIzI5MmIyYyIvPjxzdG9wIG9mZnNldD0iMC44NiIgc3RvcC1jb2xvcj0iIzE1MTYxNyIvPjxzdG9wIG9mZnNldD0iMC45NiIgc3RvcC1jb2xvcj0iIzBlMGYwZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQtNCIgeDE9IjExNi4yNCIgeTE9IjE4NC42NSIgeDI9IjExNi4yOCIgeTI9IjE4OC4zNiIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEuNDEgMTcuODcpIHJvdGF0ZSgtNy4wNSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNhNmFmYjUiLz48c3RvcCBvZmZzZXQ9IjAuMjQiIHN0b3AtY29sb3I9IiM3NDdhN2UiLz48c3RvcCBvZmZzZXQ9IjAuNDciIHN0b3AtY29sb3I9IiM0ODRjNGUiLz48c3RvcCBvZmZzZXQ9IjAuNjgiIHN0b3AtY29sb3I9IiMyODJiMmMiLz48c3RvcCBvZmZzZXQ9IjAuODUiIHN0b3AtY29sb3I9IiMxNTE2MTciLz48c3RvcCBvZmZzZXQ9IjAuOTYiIHN0b3AtY29sb3I9IiMwZTBmMGYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMjExLjE0IDEyMC4wMSAxNzUuNzEgNzAuODYgMTQ1LjQyIDIzLjQzIDExOS4zMiA3Ni41OCA5NC41NiAxMTUuNDQgNTYuODQgMTc5LjQ1IDEyOC45MyAxNzQuNjkgMTgzLjcxIDE4MS43NCAyNTkuNzIgMTY3LjQ1IDIxMS4xNCAxMjAuMDEiLz48ZyBjbGFzcz0iY2xzLTMiPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTE0Ni43OSw2OS44MmwtMS0uNDNjLS44Mi0uMzQtLjg3LTEtLjEyLTEuNDdsMS0uNTljLjc1LS40Ny42NC0uOS0uMjUtMWwtMS4xMS0uMDdjLS44OS0uMDYtMS4xNS0uNjYtLjU5LTEuMzVsLjctLjg3Yy41Ni0uNjkuMzItMS4wNS0uNTQtLjgybC0xLjA4LjNjLS44NS4yMy0xLjMtLjI2LTEtMS4wOWwuMzgtMWMuMzEtLjgzLDAtMS4xLS43Ny0uNmwtLjkzLjYzYy0uNzMuNS0xLjMxLjE5LTEuMjktLjdsMC0xLjEyYzAtLjg4LS40LTEtLjkzLS4zMmwtLjY3LjljLS41Mi43MS0xLjE4LjYtMS40NS0uMjRsLS4zNC0xLjA3Yy0uMjctLjg0LS43MS0uODQtMSwwTDEzNS40Myw2MGMtLjI3Ljg0LS45MywxLTEuNDUuMjRsLS42Ny0uOWMtLjUzLS43MS0uOTUtLjU2LS45My4zMmwwLDEuMTJjMCwuODktLjU2LDEuMi0xLjI5LjdsLS45My0uNjNjLS43My0uNS0xLjA4LS4yMy0uNzcuNmwuMzgsMWMuMzEuODMtLjE0LDEuMzItMSwxLjA5bC0xLjA4LS4zYy0uODYtLjIzLTEuMS4xMy0uNTQuODJsLjcxLjg3Yy41NS42OS4yOSwxLjI5LS42LDEuMzVsLTEuMTEuMDdjLS44OS4wNS0xLC40OC0uMjUsMWwxLC41OWMuNzUuNDcuNjksMS4xMy0uMTMsMS40N2wtMSwuNDNjLS44Mi4zNC0uNzguNzguMDgsMWwxLjA5LjI1Yy44Ni4yLDEsLjg0LjM2LDEuNDNsLS44NC43NGMtLjY2LjU4LS40OCwxLC40LjlsMS4xMS0uMTJjLjg4LS4wOSwxLjI0LjQ2LjgxLDEuMjNsLS41NiwxYy0uNDMuNzctLjEzLDEuMDkuNjcuNzJsMS0uNDdjLjgxLS4zNywxLjMzLDAsMS4xNy45bC0uMjEsMS4xYy0uMTcuODcuMjIsMS4wOC44Ni40N2wuODEtLjc4Yy42NC0uNjEsMS4yNi0uMzksMS4zOS40OGwuMTYsMS4xMWMuMTMuODguNTcsMSwxLC4xNmwuNTEtMWMuNDEtLjc5LDEuMDctLjc5LDEuNDgsMGwuNTEsMWMuNC43OS44NC43MiwxLS4xNmwuMTYtMS4xMWMuMTMtLjg3Ljc1LTEuMDksMS4zOS0uNDhsLjgxLjc4Yy42NC42MSwxLC40Ljg2LS40N2wtLjIxLTEuMWMtLjE2LS44Ny4zNi0xLjI3LDEuMTctLjlsMSwuNDdjLjgxLjM3LDEuMSwwLC42Ny0uNzJsLS41Ni0xYy0uNDMtLjc3LS4wNy0xLjMyLjgxLTEuMjNsMS4xMS4xMmMuODguMDksMS4wNi0uMzIuNC0uOWwtLjg0LS43NGMtLjY2LS41OS0uNS0xLjIzLjM2LTEuNDNsMS4wOS0uMjVDMTQ3LjU3LDcwLjYsMTQ3LjYxLDcwLjE2LDE0Ni43OSw2OS44MlptLTEwLjUzLDYuODNhNy4zLDcuMywwLDEsMSw3LjMtNy4yOUE3LjI5LDcuMjksMCwwLDEsMTM2LjI2LDc2LjY1WiIvPjxjaXJjbGUgY2xhc3M9ImNscy00IiBjeD0iMTM2LjI2IiBjeT0iNjkuMzYiIHI9IjMuNjIiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik0xMTEsMTI5LjgzbC0xLjY1LS42OGMtMS4zLS41NC0xLjM4LTEuNTktLjE5LTIuMzRsMS41MS0uOTRjMS4xOS0uNzQsMS0xLjQyLS4zOC0xLjUxbC0xLjc4LS4xMWMtMS40MS0uMDktMS44My0xLS45NC0yLjE0bDEuMTItMS4zOWMuODktMS4wOS41LTEuNjgtLjg1LTEuM2wtMS43Mi40N2MtMS4zNi4zNy0yLjA3LS40LTEuNTktMS43MmwuNjItMS42OGMuNDgtMS4zMi0uMDctMS43NS0xLjIzLS45NWwtMS40NywxYy0xLjE3Ljc5LTIuMDkuMjktMi4wNi0xLjExbDAtMS43OGMwLTEuNDEtLjYzLTEuNjQtMS40Ny0uNTFsLTEuMDcsMS40M2MtLjg0LDEuMTItMS44OCwxLTIuMzEtLjM5bC0uNTQtMS42OWMtLjQzLTEuMzQtMS4xMy0xLjM0LTEuNTYsMEw5MywxMTQuMThjLS40MywxLjM0LTEuNDcsMS41MS0yLjMxLjM5bC0xLjA3LTEuNDNjLS44NC0xLjEzLTEuNS0uOS0xLjQ3LjUxbDAsMS43OGMwLDEuNC0uODksMS45LTIsMS4xMWwtMS40OC0xYy0xLjE2LS44LTEuNzEtLjM3LTEuMjMuOTVsLjYyLDEuNjhjLjQ4LDEuMzItLjIzLDIuMDktMS41OSwxLjcybC0xLjcyLS40N2MtMS4zNS0uMzgtMS43NC4yMS0uODUsMS4zTDgxLDEyMi4xMWMuODksMS4wOS40NywyLS45NCwyLjE0bC0xLjc3LjExYy0xLjQxLjA5LTEuNTguNzctLjM5LDEuNTFsMS41MS45NGMxLjIuNzUsMS4xMSwxLjgtLjE5LDIuMzRsLTEuNjUuNjhjLTEuMjkuNTQtMS4yNCwxLjI0LjEzLDEuNTVsMS43NC40MWMxLjM3LjMxLDEuNjMsMS4zMy41NywyLjI2bC0xLjMzLDEuMThjLTEuMDYuOTMtLjc3LDEuNTguNjIsMS40M2wxLjc4LS4xOGMxLjQtLjE1LDIsLjc0LDEuMjgsMkw4MS40MywxNDBjLS43LDEuMjItLjIyLDEuNzQsMSwxLjE1bDEuNjItLjc1YzEuMjgtLjU5LDIuMTEuMDUsMS44NSwxLjQzbC0uMzMsMS43NWMtLjI2LDEuMzkuMzYsMS43MiwxLjM3Ljc1bDEuMjktMS4yNGMxLTEsMi0uNjMsMi4yMS43NmwuMjYsMS43N2MuMiwxLjM5Ljg5LDEuNSwxLjUzLjI1bC44Mi0xLjU4Yy42NC0xLjI1LDEuNy0xLjI1LDIuMzQsMGwuODIsMS41OGMuNjQsMS4yNSwxLjMzLDEuMTQsMS41NC0uMjVsLjI1LTEuNzdjLjIxLTEuMzksMS4yLTEuNzMsMi4yMi0uNzZsMS4yOCwxLjI0YzEsMSwxLjYzLjY0LDEuMzctLjc1bC0uMzMtMS43NWMtLjI2LTEuMzguNTgtMiwxLjg1LTEuNDNsMS42Mi43NWMxLjI3LjU5LDEuNzUuMDcsMS0xLjE1bC0uODgtMS41NWMtLjY5LTEuMjItLjExLTIuMTEsMS4yOC0ybDEuNzguMThjMS4zOS4xNSwxLjY4LS41LjYyLTEuNDNsLTEuMzMtMS4xOGMtMS4wNi0uOTMtLjgtMiwuNTctMi4yNmwxLjc0LS40MUMxMTIuMjYsMTMxLjA3LDExMi4zMiwxMzAuMzcsMTExLDEyOS44M1pNOTQuMjcsMTQwLjdhMTEuNjEsMTEuNjEsMCwxLDEsMTEuNi0xMS42MUExMS42LDExLjYsMCwwLDEsOTQuMjcsMTQwLjdaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTQiIGN4PSI5NC4yNyIgY3k9IjEyOS4wOSIgcj0iNS43NSIvPjxnIGNsYXNzPSJjbHMtNSI+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMzQuMTYiIHk9Ijc3LjMiIHdpZHRoPSIzOS40NCIgaGVpZ2h0PSIzNS45MSIgcng9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMi4yOCAxMzYuNzEpIHJvdGF0ZSgtNDUpIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxNTMuODgiIGN5PSI5NS4yNSIgcj0iNy41MiIvPjxyZWN0IGNsYXNzPSJjbHMtNiIgeD0iMjA0LjIxIiB5PSI4MSIgd2lkdGg9IjIzLjQyIiBoZWlnaHQ9IjE1Mi41OSIgcng9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Ny45OCAxOTguNzUpIHJvdGF0ZSgtNDUpIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxNTguNzUiIHk9IjExMS4zNiIgd2lkdGg9IjIzLjQyIiBoZWlnaHQ9IjAuOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOS4xNSAxNTMuMjkpIHJvdGF0ZSgtNDUpIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxNjAuMzUiIHk9IjExMi45NiIgd2lkdGg9IjIzLjQyIiBoZWlnaHQ9IjAuOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOS44MSAxNTQuODkpIHJvdGF0ZSgtNDUpIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxNjEuOTciIHk9IjExNC41OCIgd2lkdGg9IjIzLjQyIiBoZWlnaHQ9IjAuOTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMC40OSAxNTYuNTEpIHJvdGF0ZSgtNDUpIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0iTTE3MC42OSw5NS45LDE2OSw5NS4yMmMtMS4yOS0uNTQtMS4zOC0xLjU5LS4xOS0yLjMzbDEuNTEtMWMxLjE5LS43NCwxLTEuNDItLjM4LTEuNTFsLTEuNzgtLjExYy0xLjQtLjA5LTEuODMtMS0uOTQtMi4xNGwxLjEyLTEuMzljLjg5LTEuMDkuNTEtMS42OC0uODUtMS4zbC0xLjcyLjQ3Yy0xLjM1LjM3LTIuMDctLjQtMS41OC0xLjcybC42MS0xLjY3Yy40OC0xLjMyLS4wNy0xLjc2LTEuMjMtMWwtMS40NywxYy0xLjE2Ljc5LTIuMDkuMjktMi4wNi0xLjExbDAtMS43OGMwLTEuNDEtLjY0LTEuNjQtMS40OC0uNTFsLTEuMDYsMS40M2MtLjg0LDEuMTMtMS44OCwxLTIuMzEtLjM5bC0uNTUtMS42OWMtLjQyLTEuMzQtMS4xMy0xLjM0LTEuNTYsMGwtLjU0LDEuNjljLS40MywxLjM0LTEuNDcsMS41Mi0yLjMxLjM5bC0xLjA2LTEuNDNjLS44NC0xLjEzLTEuNTEtLjktMS40OC41MWwwLDEuNzhjMCwxLjQtLjksMS45LTIuMDYsMS4xMWwtMS40Ny0xYy0xLjE2LS44LTEuNzItLjM2LTEuMjMsMWwuNjEsMS42N2MuNDgsMS4zMi0uMjMsMi4wOS0xLjU5LDEuNzJsLTEuNzEtLjQ3Yy0xLjM2LS4zOC0xLjc0LjIxLS44NiwxLjNsMS4xMywxLjM5Yy44OCwxLjA5LjQ2LDItLjk0LDIuMTRsLTEuNzguMTFjLTEuNC4wOS0xLjU4Ljc3LS4zOCwxLjUxbDEuNTEsMWMxLjE5Ljc0LDEuMSwxLjc5LS4yLDIuMzNsLTEuNjQuNjhjLTEuMy41NC0xLjI0LDEuMjQuMTMsMS41NmwxLjczLjRjMS4zNy4zMSwxLjYzLDEuMzQuNTgsMi4yN2wtMS4zNCwxLjE4Yy0xLjA1LjkzLS43NywxLjU3LjYzLDEuNDJsMS43Ny0uMThjMS40LS4xNCwyLC43NCwxLjI4LDJsLS44OCwxLjU1Yy0uNjksMS4yMi0uMjIsMS43NCwxLjA2LDEuMTVsMS42MS0uNzVjMS4yOC0uNTksMi4xMS4wNSwxLjg1LDEuNDRsLS4zMywxLjc1Yy0uMjYsMS4zOC4zNiwxLjcxLDEuMzcuNzRsMS4yOS0xLjIzYzEtMSwyLS42NCwyLjIxLjc2bC4yNiwxLjc2Yy4yLDEuMzkuODksMS41LDEuNTQuMjVsLjgxLTEuNThjLjY1LTEuMjUsMS43LTEuMjUsMi4zNCwwbC44MiwxLjU4Yy42NCwxLjI1LDEuMzQsMS4xNCwxLjU0LS4yNWwuMjYtMS43NmMuMi0xLjQsMS4xOS0xLjc0LDIuMjEtLjc2bDEuMjgsMS4yM2MxLDEsMS42NC42NCwxLjM4LS43NGwtLjMzLTEuNzVjLS4yNi0xLjM5LjU3LTIsMS44NC0xLjQ0bDEuNjIuNzVjMS4yOC41OSwxLjc1LjA3LDEuMDYtMS4xNWwtLjg4LTEuNTVjLS43LTEuMjItLjEyLTIuMSwxLjI4LTJsMS43Ny4xOGMxLjQuMTUsMS42OC0uNDkuNjMtMS40MmwtMS4zNC0xLjE4Yy0xLjA1LS45My0uNzktMiwuNTgtMi4yN2wxLjczLS40QzE3MS45Myw5Ny4xNCwxNzIsOTYuNDQsMTcwLjY5LDk1LjlabS0xNi43NSwxMC44N2ExMS42MSwxMS42MSwwLDEsMSwxMS42MS0xMS42MUExMS42MSwxMS42MSwwLDAsMSwxNTMuOTQsMTA2Ljc3WiIvPjxjaXJjbGUgY2xhc3M9ImNscy03IiBjeD0iMTUzLjk0IiBjeT0iOTUuMTYiIHI9IjUuNzUiLz48cmVjdCBjbGFzcz0iY2xzLTYiIHg9IjExNi4wMyIgeT0iMTAwLjA3IiB3aWR0aD0iNDguNTUiIGhlaWdodD0iNTMuMzIiIHJ4PSI2Ljc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMTYgMjQxLjIxKSByb3RhdGUoLTc5LjM2KSIvPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTQwLjMiIGN5PSIxMjYuNzMiIHI9IjEwLjE3Ii8+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxNS4yNSIgeT0iMjI3LjQ3IiB3aWR0aD0iMjA2LjI5IiBoZWlnaHQ9IjMxLjY3IiByeD0iNi43NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0Mi41OSAzMTQuNzIpIHJvdGF0ZSgtNzkuMzYpIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxMTguNjEiIHk9IjE1Ny4yNSIgd2lkdGg9IjMxLjY3IiBoZWlnaHQ9IjEuMjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxLjQ3IC0yMi4xMikgcm90YXRlKDEwLjY0KSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMTE4LjA1IiB5PSIxNjAuMjUiIHdpZHRoPSIzMS42NyIgaGVpZ2h0PSIxLjI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMiAtMjEuOTYpIHJvdGF0ZSgxMC42NCkiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjExNy40OCIgeT0iMTYzLjMiIHdpZHRoPSIzMS42NyIgaGVpZ2h0PSIxLjI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi41NyAtMjEuOCkgcm90YXRlKDEwLjY0KSIvPjxwYXRoIGNsYXNzPSJjbHMtOCIgZD0iTTEzOC43OSwxMDAuODdjLjY3LTIuMSwxLjc3LTIuMSwyLjQ0LDBsLjg1LDIuNjVjLjY3LDIuMSwyLjMsMi4zNywzLjYxLjZsMS42Ny0yLjIzYzEuMzEtMS43NiwyLjM1LTEuNDEsMi4zMS43OWwtLjA2LDIuNzljLS4wNSwyLjIsMS40LDMsMy4yMiwxLjc0bDIuMy0xLjU3YzEuODItMS4yNCwyLjY4LS41NywxLjkzLDEuNWwtMSwyLjYyYy0uNzYsMi4wNi4zNiwzLjI3LDIuNDgsMi42OWwyLjY5LS43NGMyLjEyLS41OCwyLjcyLjM0LDEuMzMsMi4wNWwtMS43NiwyLjE2Yy0xLjM4LDEuNzEtLjcyLDMuMjIsMS40OCwzLjM1bDIuNzguMThjMi4xOS4xMywyLjQ2LDEuMi42LDIuMzZsLTIuMzcsMS40OGMtMS44NiwxLjE2LTEuNzMsMi44MS4zLDMuNjVsMi41OCwxLjA2YzIsLjg1LDEuOTQsMS45NC0uMiwyLjQ0bC0yLjcyLjYzYy0yLjE0LjQ5LTIuNTUsMi4wOS0uOSwzLjU1bDIuMDksMS44NGMxLjY1LDEuNDYsMS4yMSwyLjQ2LTEsMi4yNGwtMi43Ny0uMjljLTIuMTktLjIzLTMuMDksMS4xNS0yLDMuMDdsMS4zNywyLjQyYzEuMDksMS45MS4zNSwyLjcyLTEuNjUsMS43OWwtMi41My0xLjE3Yy0yLS45Mi0zLjMuMDktMi44OSwyLjI1bC41MiwyLjc0Yy40LDIuMTYtLjU2LDIuNjktMi4xNSwxLjE2bC0yLTEuOTNjLTEuNTktMS41Mi0zLjE1LTEtMy40NywxLjE5bC0uNCwyLjc2Yy0uMzIsMi4xOC0xLjQsMi4zNi0yLjQxLjRsLTEuMjctMi40OGMtMS0yLTIuNjYtMi0zLjY2LDBsLTEuMjgsMi40OGMtMSwyLTIuMDksMS43OC0yLjQxLS40bC0uNC0yLjc2Yy0uMzItMi4xNy0xLjg4LTIuNzEtMy40Ni0xLjE5bC0yLDEuOTNjLTEuNTksMS41My0yLjU2LDEtMi4xNS0xLjE2bC41MS0yLjc0Yy40MS0yLjE2LS44OS0zLjE3LTIuODktMi4yNWwtMi41MywxLjE3Yy0yLC45My0yLjc0LjEyLTEuNjUtMS43OWwxLjM4LTIuNDJjMS4wOC0xLjkyLjE4LTMuMy0yLTMuMDdsLTIuNzguMjljLTIuMTkuMjItMi42My0uNzgtMS0yLjI0bDIuMDktMS44NGMxLjY1LTEuNDYsMS4yNS0zLjA2LS45LTMuNTVsLTIuNzEtLjYzYy0yLjE1LS41LTIuMjQtMS41OS0uMi0yLjQ0bDIuNTctMS4wNmMyLS44NCwyLjE3LTIuNDkuMy0zLjY1bC0yLjM2LTEuNDhjLTEuODctMS4xNi0xLjYtMi4yMy42LTIuMzZsMi43OC0uMThjMi4yLS4xMywyLjg2LTEuNjQsMS40Ny0zLjM1bC0xLjc2LTIuMTZjLTEuMzgtMS43MS0uNzgtMi42MywxLjM0LTIuMDVsMi42OS43NGMyLjEyLjU4LDMuMjMtLjYzLDIuNDgtMi42OWwtMS0yLjYyYy0uNzYtMi4wNy4xMS0yLjc0LDEuOTItMS41bDIuMzEsMS41N2MxLjgxLDEuMjQsMy4yNi40NiwzLjIyLTEuNzRsLS4wNi0yLjc5YzAtMi4yLDEtMi41NSwyLjMxLS43OWwxLjY2LDIuMjNjMS4zMiwxLjc3LDIuOTQsMS41LDMuNjItLjZaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxNDAuMDEiIGN5PSIxMjYuODUiIHI9IjE4LjE1Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTgiIGN4PSIxNDAuMDEiIGN5PSIxMjYuODUiIHI9IjkiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0xMDcuNDYsMTQxLjc0Yy42Ny0yLjA5LDEuNzctMi4wOSwyLjQ0LDBsLjg1LDIuNjZjLjY3LDIuMDksMi4yOSwyLjM2LDMuNjEuNmwxLjY3LTIuMjRjMS4zMS0xLjc2LDIuMzUtMS40LDIuMy44bDAsMi43OGMwLDIuMiwxLjQsMywzLjIyLDEuNzVsMi4zLTEuNThjMS44Mi0xLjI0LDIuNjgtLjU2LDEuOTMsMS41bC0xLDIuNjJjLS43NiwyLjA3LjM2LDMuMjgsMi40OCwyLjdsMi42OC0uNzRjMi4xMy0uNTksMi43My4zMywxLjM0LDJsLTEuNzYsMi4xNmMtMS4zOCwxLjcxLS43MiwzLjIyLDEuNDcsMy4zNmwyLjc5LjE3YzIuMTkuMTQsMi40NiwxLjIuNiwyLjM3TDEzMiwxNjQuMTZjLTEuODcsMS4xNy0xLjczLDIuODEuMywzLjY1bDIuNTgsMS4wN2MyLC44NCwxLjk0LDEuOTQtLjIsMi40M2wtMi43Mi42M2MtMi4xNC41LTIuNTUsMi4wOS0uOSwzLjU1bDIuMDksMS44NWMxLjY1LDEuNDUsMS4yMSwyLjQ2LTEsMi4yM2wtMi43Ny0uMjljLTIuMTktLjIyLTMuMDksMS4xNi0yLDMuMDdsMS4zNywyLjQyYzEuMDksMS45Mi4zNCwyLjcyLTEuNjUsMS44bC0yLjUzLTEuMTdjLTItLjkzLTMuMy4wOC0yLjg5LDIuMjVsLjUyLDIuNzRjLjQsMi4xNi0uNTYsMi42OC0yLjE1LDEuMTZsLTItMS45M2MtMS41OS0xLjUzLTMuMTUtMS0zLjQ3LDEuMTlsLS40LDIuNzZjLS4zMiwyLjE3LTEuNCwyLjM1LTIuNDEuNGwtMS4yNy0yLjQ4Yy0xLTItMi42Ni0yLTMuNjYsMEwxMDUuNTcsMTk0Yy0xLDEuOTUtMi4wOSwxLjc3LTIuNDEtLjRsLS40LTIuNzZjLS4zMi0yLjE4LTEuODgtMi43Mi0zLjQ2LTEuMTlsLTIsMS45M2MtMS41OCwxLjUyLTIuNTUsMS0yLjE0LTEuMTZsLjUxLTIuNzRjLjQxLTIuMTctLjg5LTMuMTgtMi44OS0yLjI1bC0yLjUzLDEuMTdjLTIsLjkyLTIuNzQuMTItMS42NS0xLjhMOTAsMTgyLjM1YzEuMDgtMS45MS4xOC0zLjI5LTItMy4wN2wtMi43Ny4yOWMtMi4xOS4yMy0yLjYzLS43OC0xLTIuMjNsMi4wOS0xLjg1YzEuNjUtMS40NiwxLjI0LTMuMDUtLjktMy41NWwtMi43MS0uNjNjLTIuMTUtLjQ5LTIuMjQtMS41OS0uMjEtMi40M2wyLjU4LTEuMDdjMi0uODQsMi4xNy0yLjQ4LjMtMy42NUw4MywxNjIuNjljLTEuODctMS4xNy0xLjYtMi4yMy42LTIuMzdsMi43OC0uMTdjMi4xOS0uMTQsMi44Ni0xLjY1LDEuNDctMy4zNmwtMS43Ni0yLjE2Yy0xLjM4LTEuNzEtLjc4LTIuNjMsMS4zNC0ybDIuNjkuNzRjMi4xMi41OCwzLjIzLS42MywyLjQ4LTIuN2wtMS0yLjYyYy0uNzYtMi4wNi4xMS0yLjc0LDEuOTItMS41bDIuMywxLjU4YzEuODIsMS4yNCwzLjI3LjQ1LDMuMjItMS43NWwwLTIuNzhjMC0yLjIsMS0yLjU2LDIuMzEtLjhMMTAzLDE0NWMxLjMyLDEuNzYsMi45NCwxLjQ5LDMuNjEtLjZaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxMDguNjgiIGN5PSIxNjcuNzMiIHI9IjE4LjE1Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTgiIGN4PSIxMDguNjgiIGN5PSIxNjcuNzMiIHI9IjkiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0xNzAuMjksMTQyLjM0Yy41LTEuNTUsMS4zMS0xLjU1LDEuODEsMHMxLjY5LDEuNzUsMi42Ny40NSwxLjc0LTEsMS43LjU4LDEsMi4yMSwyLjM4LDEuMjksMi0uNDIsMS40MywxLjExLjI2LDIuNDIsMS44MywyLDIsLjI1LDEsMS41MS0uNTQsMi4zOCwxLjA4LDIuNDgsMS44My44OS40NSwxLjc1LTEuMjgsMi4wNy4yMiwyLjcsMS40NCwxLjQzLS4xNSwxLjgtMS44OCwxLjU0LS42NiwyLjYyLjg5LDEuODItLjczLDEuNjUtMi4yOC44NS0xLjQ4LDIuMjcuMjUsMi0xLjIyLDEuMzMtMi40NC4wNi0yLjE0LDEuNjYtLjQxLDItMS41OC44Ni0yLjMzLS43My0yLjU2Ljg4LTEsMS43NC0xLjc4LjI5LTItMS40NC0yLjcxLDAtMS41NCwxLjMxLTEuNzgtLjI5LTEuMzktMi0yLjU2LS44OC0xLjg5Ljc0LTEuNTktLjg2LS42Ni0yLjM1LTIuMTMtMS42Ni0yLC4wOC0xLjIyLTEuMzMuMTMtMi40NC0xLjQ4LTIuMjctMi0uNTctLjczLTEuNjUuOTItMi4yNi0uNjYtMi42Mi0xLjY2LTEuMTgtLjE1LTEuOCwxLjYtMS44NC4yMi0yLjctMS4xOC0xLjY1LjQ0LTEuNzUsMi4xMi0xLjIyLDEuMDktMi40OC0uNTgtMS45NCwxLTEuNTEsMi4zOS0uNDYsMS44My0yLC4wOC0yLDEuNDItMS4xMSwyLjQyLjM0LDIuMzktMS4yOS43My0xLjg5LDEuNy0uNThTMTY5LjgsMTQzLjg5LDE3MC4yOSwxNDIuMzRaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxNzEuMTkiIGN5PSIxNTUuODYiIHI9IjkuOTUiLz48Y2lyY2xlIGNsYXNzPSJjbHMtOCIgY3g9IjE3MS4xOSIgY3k9IjE1NS44NiIgcj0iNy4wNCIvPjxwYXRoIGNsYXNzPSJjbHMtOCIgZD0iTTE5OS42OCwxMjcuNTJjLjcxLTMuMDcsMS44Ny0zLjA3LDIuNTksMHMzLDMuNjIsNSwxLjI0LDMuMDktMS44NCwyLjMsMS4yLDEsNC41OSwzLjg4LDMuNDQsMy41OC0uMiwxLjQ3LDIuMTMtMS4yOSw0LjUxLDEuODQsNC44NSwzLjI2LDEuNDkuMzEsMi41Ny0zLjI0LDMuMzktLjYzLDUuMTUsMi4yLDIuODQtLjkyLDIuNDItNC40NCwxLjUtMi45NCw0LjI2LjYzLDMuNTQtMS45NCwxLjcyLTQuNjMtLjczLTQuNTksMi40MS0xLjA5LDMuNDMtMi41Mi42Mi0zLjc1LTIuOC01LjE4LDAtMi41NiwyLjUzLTIuNTItLjYyLTItNC4yMy00LjU5LTIuNDEtMy40MywxLjA1LTEuOTQtMS43Mi4xOC00LjY4LTIuOTQtNC4yNi0zLjUzLS42Ny0uOTItMi40MiwyLjMzLTQuMDctLjYyLTUuMTUtMi44Mi0yLjIzLjMxLTIuNTcsNC0yLjUyLDEuODQtNC44NS0xLjQ2LTMuMjksMS40Ny0yLjEzLDQuNjctLjQsMy44OC0zLjQ0LjI0LTMuNTksMi4yOS0xLjJTMTk5LDEzMC41OCwxOTkuNjgsMTI3LjUyWiIvPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMjAwLjk3IiBjeT0iMTQzLjI5IiByPSI3Ljk5Ii8+PHBhdGggY2xhc3M9ImNscy04IiBkPSJNMTYxLjY2LDQxLjY0Yy43MS0zLjA2LDEuODgtMy4wNiwyLjU5LDBzMywzLjYzLDUsMS4yNCwzLjA4LTEuODQsMi4yOSwxLjIxLjk1LDQuNTksMy44OCwzLjQzLDMuNTktLjE5LDEuNDcsMi4xNC0xLjI5LDQuNTEsMS44NCw0Ljg0LDMuMjcsMS41LjMxLDIuNTgtMy4yMywzLjM5LS42Miw1LjE0LDIuMiwyLjg1LS45MiwyLjQzLTQuNDQsMS41LTIuOTUsNC4yNi42MywzLjU0LTEuOTQsMS43MlMxNjgsNjkuODksMTY4LjA3LDczcy0xLjEsMy40Mi0yLjUyLjYyLTMuNzYtMi44MS01LjE4LDAtMi41NiwyLjUzLTIuNTItLjYyLTItNC4yMy00LjU5LTIuNDEtMy40NCwxLjA1LTEuOTQtMS43Mi4xNy00LjY4LTIuOTUtNC4yNi0zLjUzLS42Ny0uOTEtMi40MywyLjMzLTQuMDctLjYzLTUuMTQtMi44Mi0yLjI0LjMxLTIuNTgsNC0yLjUxLDEuODQtNC44NC0xLjQ1LTMuMjksMS40Ny0yLjE0LDQuNjgtLjM5LDMuODgtMy40My4yNC0zLjU5LDIuMy0xLjIxUzE2MSw0NC43MSwxNjEuNjYsNDEuNjRaIi8+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIxNjIuOTYiIGN5PSI1Ny40MiIgcj0iNy45OSIvPjwvZz48L2c+PGcgaWQ9IkxheWVyXzUiIGRhdGEtbmFtZT0iTGF5ZXIgNSI+PHBvbHlnb24gY2xhc3M9ImNscy05IiBwb2ludHM9IjIxMS4xNCAxMjAuMDEgMTc1LjcxIDcwLjg2IDE0NS40MiAyMy40MyAxMTkuMzIgNzYuNTggOTQuNTYgMTE1LjQ0IDU2Ljg0IDE3OS40NSAxMjguOTMgMTc0LjY5IDE4My43MSAxODEuNzQgMjU5LjcyIDE2Ny40NSAyMTEuMTQgMTIwLjAxIi8+PC9nPjxnIGlkPSJMYXllcl80IiBkYXRhLW5hbWU9IkxheWVyIDQiPjxwb2x5Z29uIGNsYXNzPSJjbHMtMTAiIHBvaW50cz0iNjEuOTEgMTc4LjcyIDEwMy45NSAxMDcuNDIgMTIzLjE3IDc4LjIyIDE0Ny4yNSAyNi4yOSAxNDUuNDIgMjMuNDMgMTE5LjMyIDc2LjU4IDkzLjE0IDExNy44MyA1Ni44NCAxNzkuNDUgNjEuOTEgMTc4LjcyIi8+PC9nPjxnIGlkPSJMYXllcl83IiBkYXRhLW5hbWU9IkxheWVyIDciPjxwb2x5Z29uIGNsYXNzPSJjbHMtMTEiIHBvaW50cz0iMjUxLjMgMjE0LjAzIDI2MS41OSAyMDAuMzUgMjc1LjAyIDE5OS4wOCAyNzQuMDUgMTg5LjQyIDI5MC4wOSAxNzUuNTUgMjQ5LjM1IDE3Ny45OCAyMDAuODEgMTgyLjk4IDI1MS4zIDIxNC4wMyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMTIiIHBvaW50cz0iMjQxLjc1IDE5My40NiAyNjQuMzIgMTkxLjY0IDI2NC40MiAxOTMuMTkgMjQyLjc5IDE5NC42NiAyNDEuNzUgMTkzLjQ2Ii8+PHBhdGggY2xhc3M9ImNscy0xMyIgZD0iTTIzMywyMDMuMDhjMS0uMTIsNDItNCw0Mi00TDIxNC42Myw2Ny42MVY4Nmw0OS43OSwxMDcuMTYtMzAuNiwyLjA3Ii8+PGcgY2xhc3M9ImNscy0xNCI+PHBhdGggY2xhc3M9ImNscy0xNSIgZD0iTTI2NC41NywxNzYuMzMsMjE0LjYzLDY3LjYxVjg2bDQ3LjcsMTAyLjY3QzI2Mi40NywxODIuOSwyNjQuNDYsMTgxLjQxLDI2NC41NywxNzYuMzNaIi8+PHBhdGggY2xhc3M9ImNscy0xNSIgZD0iTTI0MS42LDIwMi4yNWwyMC0xLjljLjExLTEuNTguNzYtMy44Ny44Ny03bC0yOC42NCwxLjk0LS42NCw2LjMxWiIvPjwvZz48cG9seWdvbiBjbGFzcz0iY2xzLTE2IiBwb2ludHM9IjI2Mi40NiAxOTMuMzIgMjYzLjIzIDE5MS45MiAyNDEuMTIgMTkzLjM2IDI0MS4xMiAxOTQuNzcgMjYyLjQ2IDE5My4zMiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMTMiIHBvaW50cz0iMjQ4LjIzIDIxNC45NiAyNTEuMyAyMTQuMDMgMjM2LjYgMTM5Ljk4IDIyNC4yMiA4MS41MSAyMTIuNzkgMjQuNjMgMjEwLjM1IDI0LjYzIDIxOC43NCA4Ni4wMyAyNDEuNzUgMjA4LjA3IDI0OC4yMyAyMTQuOTYiLz48cG9seWdvbiBjbGFzcz0iY2xzLTE3IiBwb2ludHM9IjIxMC4zNSAyNC42MyAyMDEuMDMgNzkuODIgMjIxLjE2IDgxLjUxIDIxMC4zNSAyNC42MyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMTgiIHBvaW50cz0iMjIxLjE2IDgxLjUxIDIzMy44MSAxNDEuMDEgMjE0LjYzIDEyOC4zMSAyMjEuMTYgODEuNTEiLz48cG9seWdvbiBjbGFzcz0iY2xzLTE5IiBwb2ludHM9IjIwMS4wMyA3OS44MiAyMjEuMTYgODEuNTEgMjE0LjYzIDEyOC4zMSAyMDEuMDMgNzkuODIiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIwIiBwb2ludHM9IjIwMS4wMyA3OS44MiAxOTIuMTggMTE5LjM3IDIxNC42MyAxMjguMzEgMjAxLjAzIDc5LjgyIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yMSIgcG9pbnRzPSIyNDguMjMgMjE0Ljk2IDIxMi43MiAyMTAuNDMgMjMzLjgxIDE0MS4wMSAyNDguMjMgMjE0Ljk2Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yMiIgcG9pbnRzPSIyMzMuODEgMTQxLjAxIDIxNC42MyAxMjguMzEgMjEyLjcyIDIxMC40MyAyMzMuODEgMTQxLjAxIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yMyIgcG9pbnRzPSIyMTIuNzIgMjEwLjQzIDIwMC4yMiAxODYuMjIgMjE0LjYzIDEyOC4zMSAyMTIuNzIgMjEwLjQzIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yNCIgcG9pbnRzPSIxOTIuMTggMTE5LjM3IDIxNC42MyAxMjguMzEgMjAwLjIyIDE4Ni4yMiAxOTIuMTggMTE5LjM3Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yNSIgcG9pbnRzPSIxNzYuODggMTgxLjU0IDE5Mi4xOCAxMTkuMzcgMjAwLjIyIDE4Ni4yMiAxNzYuODggMTgxLjU0Ii8+PC9nPjxnIGlkPSJ0b29sX2JveCIgZGF0YS1uYW1lPSJ0b29sIGJveCI+PHBvbHlnb24gY2xhc3M9ImNscy0yNiIgcG9pbnRzPSI5OC41NCAyMDAuMTkgMTQ0LjkgMTkyLjIgMTQ3Ljk1IDE4Ni42MSAxMzkuNjQgMTg1LjExIDE0Mi45NiAxODMuNTQgMTQwLjA1IDE4My41NCAxMzYuNTkgMTg0LjQ3IDEzMi4xNiAxODMuNTQgOTguNTQgMjAwLjE5Ii8+PHBhdGggY2xhc3M9ImNscy0yNyIgZD0iTTcxLjQsMTY5LjU2bDM2LjM0LTMuOTRzMTAuODQsNi40NCwxMC40Nyw2LjQ5LTEuMzIsMy42NC0xLjMyLDMuNjRsLTM1LDUuNzlaIi8+PHBhdGggY2xhc3M9ImNscy0yOCIgZD0iTTEwNy41LDE2OC4xOHM5Ljc3LDYuMyw5LjY5LDUuOTEsMS0yLDEtMmwtMTAuNDctNi40OVoiLz48cG9seWdvbiBjbGFzcz0iY2xzLTI5IiBwb2ludHM9IjcxIDE3Mi41MSAxMDcuNSAxNjguMTggMTA3Ljc0IDE2NS42MiA3MS40IDE2OS41NiA3MSAxNzIuNTEiLz48cG9seWdvbiBjbGFzcz0iY2xzLTI3IiBwb2ludHM9IjgzLjI1IDE3OC4yOSAxMTkuMjIgMTcyLjczIDEzNC43OSAxNzcuNDUgMTI4LjcgMTg0LjQgOTQuMDMgMTkxLjQ3IDgzLjI1IDE3OC4yOSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMjkiIHBvaW50cz0iMTE4LjcyIDE3Mi44MSA4My4yNSAxNzguMjkgOTQuMDMgMTkxLjQ3IDExOS42NyAxODAuNDkgMTE4LjcyIDE3Mi44MSIvPjxwYXRoIGNsYXNzPSJjbHMtMzAiIGQ9Ik0xMjEuMywxNzIuNjZhMy43NCwzLjc0LDAsMSwwLTMuNzktMi4zNWgwTDEwOSwxODYuNDRsMy45NCwyLjA3Wm0tMy4xMy0zLjYxLDEuMzEtMi41MSwyLjgzLS4xMSwxLjUxLDIuMzktMS4zMSwyLjUxLTIuODMuMTFaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yOCIgcG9pbnRzPSI5OC41NCAyMDAuMTkgMTM1LjMgMTkxLjc5IDEzNC43OSAxNzcuNDUgOTcuNiAxODQuMzEgOTguNTQgMjAwLjE5Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0zMSIgcG9pbnRzPSI5Ny42IDE4NC4zMSA4My4yNSAxNzguMjkgODQuMjkgMTkzLjQ4IDk4LjU0IDIwMC4xOSA5Ny42IDE4NC4zMSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMzEiIHBvaW50cz0iODIuNjEgMTc4LjM3IDgxLjkxIDE4MS41NCA3MC42OSAxNzIuNzMgNzEuNCAxNjkuNTYgODIuNjEgMTc4LjM3Ii8+PHBhdGggY2xhc3M9ImNscy0zMiIgZD0iTTExNC44OCwxODVsLjQsMi41N3MuNzYsMS4zNiwxLjkxLDEuMTIuODgtMS44My44OC0xLjgzbC0uMy0yLjQxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMzMiIGQ9Ik0xMTUuMjYsMTg1LjA2bC4zOSwyLjU3cy42LDEuMjksMS43NCwxLjA2LDEtMS43NywxLTEuNzdsLS4zLTIuNDFaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0zNCIgcG9pbnRzPSIxMTguMTQgMTg0LjUxIDExNy43NyAxODQuNDcgMTE0Ljg5IDE4NS4wMiAxMTUuMjYgMTg1LjA2IDExOC4xNCAxODQuNTEiLz48L2c+PC9zdmc+';
 
-var LuiErrorPage = function (props) {
+const LuiErrorPage = (props) => {
     return (React__default["default"].createElement("div", { className: 'LuiErrorPage' },
         props.header,
         React__default["default"].createElement("div", { className: 'Container' },
@@ -28709,36 +28527,36 @@ var LuiErrorPage = function (props) {
         props.footer));
 };
 
-var userHasAnyPrivilege = function (privileges, selectedFirm) {
+const userHasAnyPrivilege = (privileges, selectedFirm) => {
     return (privileges.length === 0 ||
         (selectedFirm !== undefined &&
-            selectedFirm.privileges.filter(function (value) { return privileges.indexOf(value) > -1; })
+            selectedFirm.privileges.filter((value) => privileges.indexOf(value) > -1)
                 .length > 0));
 };
-var userIsInternal = function (user) {
-    var loginType = (user === null || user === void 0 ? void 0 : user.loginType).code || (user === null || user === void 0 ? void 0 : user.loginType);
+const userIsInternal = (user) => {
+    const loginType = user?.loginType.code || user?.loginType;
     return loginType === 'INTN';
 };
 
 function useLOLUserContext() {
     return React.useContext(LOLUserContext);
 }
-var LOLUserContext = React__default["default"].createContext({
+const LOLUserContext = React__default["default"].createContext({
     user: undefined,
     selectedFirm: undefined,
-    changeFirm: function (firmId) {
+    changeFirm: (firmId) => {
         console.error('Called changeFirm before UserContext loaded', firmId);
     },
-    isInternal: function () { return false; },
-    hasAnyPrivilege: function () { return false; },
+    isInternal: () => false,
+    hasAnyPrivilege: () => false,
 });
 function LOLUserContextProvider(props) {
-    var _a = useGetUserInfo(), isLoading = _a.isLoading, data = _a.data, isError = _a.isError;
-    var _b = React.useState(), selectedFirm = _b[0], setSelectedFirm = _b[1];
-    var _c = React.useState(false), ready = _c[0], setReady = _c[1];
-    React.useEffect(function () {
+    const { isLoading, data, isError } = useGetUserInfo();
+    const [selectedFirm, setSelectedFirm] = React.useState();
+    const [ready, setReady] = React.useState(false);
+    React.useEffect(() => {
         // User data is still loading
-        if (!(data === null || data === void 0 ? void 0 : data.user)) {
+        if (!data?.user) {
             return;
         }
         // Clear firm value if there are no firms
@@ -28749,23 +28567,22 @@ function LOLUserContextProvider(props) {
         }
         if (data.user.firms.length > 0 &&
             (!getSelectedFirmIdCache() ||
-                !data.user.firms.find(function (firm) { return firm.id === getSelectedFirmIdCache(); }))) {
-            var firstFirm = data.user.firms[0];
+                !data.user.firms.find((firm) => firm.id === getSelectedFirmIdCache()))) {
+            const firstFirm = data.user.firms[0];
             setSelectedFirmCache(firstFirm.id, firstFirm.name);
             setSelectedFirm(firstFirm);
             setReady(true);
         }
         else {
             // pull firm from cache and use it
-            var selectedFirmIdFromCache_1 = getSelectedFirmIdCache();
-            var selectedFirmDerivedFromCache = data.user.firms.find(function (firm) { return firm.id === selectedFirmIdFromCache_1; });
+            const selectedFirmIdFromCache = getSelectedFirmIdCache();
+            const selectedFirmDerivedFromCache = data.user.firms.find((firm) => firm.id === selectedFirmIdFromCache);
             setSelectedFirm(selectedFirmDerivedFromCache || undefined);
             setReady(true);
         }
     }, [data]);
-    var changeFirm = React.useCallback(function (firmId) {
-        var _a;
-        var firm = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.firms.find(function (f) {
+    const changeFirm = React.useCallback((firmId) => {
+        const firm = data?.user?.firms.find((f) => {
             return f.id === firmId;
         });
         if (firm === undefined) {
@@ -28776,14 +28593,12 @@ function LOLUserContextProvider(props) {
         setSelectedFirmCache(firm.id, firm.name);
         setSelectedFirm(firm);
     }, [data]);
-    var isInternal = React.useCallback(function () { return userIsInternal(data === null || data === void 0 ? void 0 : data.user); }, [data]);
-    var hasAnyPrivilege = React.useCallback(function (privileges) {
-        return userHasAnyPrivilege(privileges, selectedFirm);
-    }, [selectedFirm]);
-    React.useEffect(function () {
-        var onCachedFirmUpdate = function (event) {
+    const isInternal = React.useCallback(() => userIsInternal(data?.user), [data]);
+    const hasAnyPrivilege = React.useCallback((privileges) => userHasAnyPrivilege(privileges, selectedFirm), [selectedFirm]);
+    React.useEffect(() => {
+        const onCachedFirmUpdate = (event) => {
             if (event.storageArea === localStorage && event.key === FIRM_KEY) {
-                var selectedFirmId = event.newValue;
+                const selectedFirmId = event.newValue;
                 if (selectedFirmId) {
                     changeFirm(selectedFirmId);
                 }
@@ -28794,7 +28609,7 @@ function LOLUserContextProvider(props) {
             window.addEventListener('storage', onCachedFirmUpdate, false);
         }
         // cleanup listener on unmount
-        return function () {
+        return () => {
             window.removeEventListener('storage', onCachedFirmUpdate, false);
         };
     }, [ready, changeFirm]);
@@ -28808,10 +28623,10 @@ function LOLUserContextProvider(props) {
     if (data && data.user && data.user.id) {
         return (React__default["default"].createElement(LOLUserContext.Provider, { value: {
                 user: data.user,
-                selectedFirm: selectedFirm,
-                changeFirm: changeFirm,
-                isInternal: isInternal,
-                hasAnyPrivilege: hasAnyPrivilege,
+                selectedFirm,
+                changeFirm,
+                isInternal,
+                hasAnyPrivilege,
             } }, props.children));
     }
     else {
@@ -28820,41 +28635,24 @@ function LOLUserContextProvider(props) {
     }
 }
 function useGetUserInfo() {
-    var _this = this;
-    return reactQuery.useQuery("useGetUserInfo", function () { return __awaiter(_this, void 0, void 0, function () {
-        var url, res;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    url = "/auth/api/userinfo";
-                    return [4 /*yield*/, fetch(url)];
-                case 1:
-                    res = _a.sent();
-                    return [4 /*yield*/, checkForStandardErrors(res)];
-                case 2:
-                    _a.sent();
-                    return [4 /*yield*/, res.json()];
-                case 3: return [2 /*return*/, _a.sent()];
-            }
-        });
-    }); });
+    return reactQuery.useQuery(`useGetUserInfo`, async () => {
+        const url = `/auth/api/userinfo`;
+        const res = await fetch(url);
+        await checkForStandardErrors(res);
+        return await res.json();
+    });
 }
 function reAuthUser() {
-    var redirectPath = "" + window.location.pathname + window.location.search + window.location.hash;
-    window.location.assign("/auth/login?redirectPath=" + encodeURIComponent(redirectPath));
+    const redirectPath = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+    window.location.assign(`/auth/login?redirectPath=${encodeURIComponent(redirectPath)}`);
 }
-function checkForStandardErrors(res) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (res.status !== 200) {
-                reAuthUser();
-            }
-            return [2 /*return*/];
-        });
-    });
+async function checkForStandardErrors(res) {
+    if (res.status !== 200) {
+        reAuthUser();
+    }
 }
-var FIRM_KEY = 'firmId';
-var FIRM_NAME_KEY = 'firmName';
+const FIRM_KEY = 'firmId';
+const FIRM_NAME_KEY = 'firmName';
 function getSelectedFirmIdCache() {
     return window.localStorage.getItem(FIRM_KEY);
 }
@@ -28869,21 +28667,21 @@ function setSelectedFirmCache(firmId, firmName) {
     }
 }
 
-var ClearableLuiTextInput = function (props) {
-    var _a = React.useState(props.value ? props.value : ''), currentValue = _a[0], setCurrentValue = _a[1];
-    var clear = function () {
+const ClearableLuiTextInput = (props) => {
+    const [currentValue, setCurrentValue] = React.useState(props.value ? props.value : '');
+    const clear = () => {
         setCurrentValue('');
         if (props.onValueChange) {
             props.onValueChange('');
         }
     };
-    var cancelIcon = currentValue !== '' ? (React__default["default"].createElement(LuiIcon, { alt: "clear", name: "ic_cancel_clear", size: "lg", className: 'LuiTextInput-iconPosition', spanProps: { onClick: clear } })) : undefined;
-    return (React__default["default"].createElement(LuiTextInput, __assign({}, props, { icon: cancelIcon, value: currentValue, onChange: function (e) {
+    const cancelIcon = currentValue !== '' ? (React__default["default"].createElement(LuiIcon, { alt: "clear", name: "ic_cancel_clear", size: "lg", className: 'LuiTextInput-iconPosition', spanProps: { onClick: clear } })) : undefined;
+    return (React__default["default"].createElement(LuiTextInput, { ...props, icon: cancelIcon, value: currentValue, onChange: (e) => {
             setCurrentValue(e.target.value);
             if (props.onValueChange) {
                 props.onValueChange(e.target.value);
             }
-        } })));
+        } }));
 };
 
 /**
@@ -28892,42 +28690,42 @@ var ClearableLuiTextInput = function (props) {
  * @param props
  * @constructor
  */
-var LuiFilterContainer = function (props) {
-    var renderFunction = props.renderFunction, filterFunction = props.filterFunction, _a = props.showFilter, showFilter = _a === void 0 ? true : _a, _b = props.isFilterClearable, isFilterClearable = _b === void 0 ? true : _b;
-    var _c = React.useState(''), filter = _c[0], setFilter = _c[1];
+const LuiFilterContainer = (props) => {
+    const { renderFunction, filterFunction, showFilter = true, isFilterClearable = true, } = props;
+    const [filter, setFilter] = React.useState('');
     return (React__default["default"].createElement("div", null,
         showFilter && (React__default["default"].createElement("div", { className: 'LuiFilterContainer-filter-container LuiDeprecatedForms' },
             isFilterClearable && (React__default["default"].createElement(ClearableLuiTextInput, { label: 'Filter', inputProps: {
                     placeholder: 'Type to filter',
-                }, hideLabel: true, onValueChange: function (value) { return setFilter(value); } })),
-            !isFilterClearable && (React__default["default"].createElement("input", { type: "text", placeholder: "Type to filter", value: filter, onChange: function (e) { return setFilter(e.target.value); } })))),
+                }, hideLabel: true, onValueChange: (value) => setFilter(value) })),
+            !isFilterClearable && (React__default["default"].createElement("input", { type: "text", placeholder: "Type to filter", value: filter, onChange: (e) => setFilter(e.target.value) })))),
         renderFunction(filterFunction(filter))));
 };
 
 function useLOLGlobalClientRefContext() {
     return React.useContext(LOLGlobalClientRefContext);
 }
-var LOLGlobalClientRefContext = React__default["default"].createContext({
+const LOLGlobalClientRefContext = React__default["default"].createContext({
     clientRef: '',
-    changeClientRef: function () {
+    changeClientRef: () => {
         // no-op
     },
 });
-var LOLGlobalClientRefContextProvider = function (props) {
-    var useUserIdAsClientReference = props.useUserIdAsClientReference;
-    var _a = useLOLUserContext(), user = _a.user, selectedFirm = _a.selectedFirm;
-    var _b = React.useState(''), clientRef = _b[0], setClientRef = _b[1];
-    var _c = React.useState(undefined), lastSelectedFirmId = _c[0], setLastSelectedFirmId = _c[1];
-    var changeClientRef = React.useCallback(function (clientRef) {
+const LOLGlobalClientRefContextProvider = (props) => {
+    const { useUserIdAsClientReference } = props;
+    const { user, selectedFirm } = useLOLUserContext();
+    const [clientRef, setClientRef] = React.useState('');
+    const [lastSelectedFirmId, setLastSelectedFirmId] = React.useState(undefined);
+    const changeClientRef = React.useCallback((clientRef) => {
         setClientRef(clientRef);
         setGlobalClientRefCache(clientRef);
     }, []);
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (!user) {
             return;
         }
-        var cachedClientRef = getGlobalClientRefCache();
-        var clientRef = '';
+        const cachedClientRef = getGlobalClientRefCache();
+        let clientRef = '';
         if (cachedClientRef === null && useUserIdAsClientReference) {
             clientRef = user.id;
         }
@@ -28936,9 +28734,9 @@ var LOLGlobalClientRefContextProvider = function (props) {
         }
         setClientRef(clientRef);
         setGlobalClientRefCache(clientRef);
-        setLastSelectedFirmId(selectedFirm === null || selectedFirm === void 0 ? void 0 : selectedFirm.id);
+        setLastSelectedFirmId(selectedFirm?.id);
     }, [user, selectedFirm, useUserIdAsClientReference]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (!selectedFirm ||
             !lastSelectedFirmId ||
             selectedFirm.id === lastSelectedFirmId) {
@@ -28955,11 +28753,11 @@ var LOLGlobalClientRefContextProvider = function (props) {
         useUserIdAsClientReference,
     ]);
     return (React__default["default"].createElement(LOLGlobalClientRefContext.Provider, { value: {
-            clientRef: clientRef,
-            changeClientRef: changeClientRef,
+            clientRef,
+            changeClientRef,
         } }, props.children));
 };
-var GLOBAL_CLIENT_REFERENCE_KEY = 'globalClientReference';
+const GLOBAL_CLIENT_REFERENCE_KEY = 'globalClientReference';
 function getGlobalClientRefCache() {
     return window.sessionStorage.getItem(GLOBAL_CLIENT_REFERENCE_KEY);
 }
@@ -28972,17 +28770,16 @@ function setGlobalClientRefCache(clientReference) {
     }
 }
 
-var LOLFirmSwitcherMenu = function (_a) {
-    var _b = _a.showClientRef, showClientRef = _b === void 0 ? false : _b, restOfProps = __rest(_a, ["showClientRef"]);
-    var _c = useLOLUserContext(), user = _c.user, selectedFirm = _c.selectedFirm, changeFirm = _c.changeFirm, isInternal = _c.isInternal;
-    var clientRef = useLOLGlobalClientRefContext().clientRef;
-    var firms = user.firms;
-    var clientRefElement = showClientRef ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+const LOLFirmSwitcherMenu = ({ showClientRef = false, ...restOfProps }) => {
+    const { user, selectedFirm, changeFirm, isInternal } = useLOLUserContext();
+    const { clientRef } = useLOLGlobalClientRefContext();
+    const firms = user.firms;
+    const clientRefElement = showClientRef ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("br", null),
         React__default["default"].createElement("span", null,
             "Client Ref: ",
             clientRef))) : null;
-    var label = isInternal() ? (React__default["default"].createElement("div", { className: "LOLFirmSwitcherMenu-header" },
+    const label = isInternal() ? (React__default["default"].createElement("div", { className: "LOLFirmSwitcherMenu-header" },
         user.id,
         clientRefElement)) : (React__default["default"].createElement("div", { className: "LOLFirmSwitcherMenu-header" },
         selectedFirm && (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -28992,97 +28789,69 @@ var LOLFirmSwitcherMenu = function (_a) {
             "User ID: ",
             user.id),
         clientRefElement));
-    var dropdownMenuProps = __assign(__assign({}, restOfProps), { label: label });
+    const dropdownMenuProps = {
+        ...restOfProps,
+        label,
+    };
     if (firms.length < 2) {
-        return React__default["default"].createElement(LuiHeaderMenuItem, __assign({}, dropdownMenuProps));
+        return React__default["default"].createElement(LuiHeaderMenuItem, { ...dropdownMenuProps });
     }
-    return (React__default["default"].createElement(LuiDropdownMenu, __assign({}, dropdownMenuProps),
+    return (React__default["default"].createElement(LuiDropdownMenu, { ...dropdownMenuProps },
         React__default["default"].createElement(LOLFirmSwitcherMenuContent, { firms: firms, selectedFirm: selectedFirm, changeFirm: changeFirm })));
 };
-var LOLFirmSwitcherMenuContent = function (_a) {
-    var firms = _a.firms, selectedFirm = _a.selectedFirm, changeFirm = _a.changeFirm, _b = _a.collapsible, collapsible = _b === void 0 ? false : _b, _c = _a.minimumFilterCount, minimumFilterCount = _c === void 0 ? 5 : _c;
-    var showFilter = firms.length >= minimumFilterCount;
+const LOLFirmSwitcherMenuContent = ({ firms, selectedFirm, changeFirm, collapsible = false, minimumFilterCount = 5, }) => {
+    const showFilter = firms.length >= minimumFilterCount;
     return (React__default["default"].createElement(LuiDrawerMenuSection, { title: "Switch account", collapsible: collapsible && showFilter },
-        React__default["default"].createElement(FirmSwitcher, { options: firms, selectedId: selectedFirm === null || selectedFirm === void 0 ? void 0 : selectedFirm.id, onSelect: function (id) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-                return [2 /*return*/, changeFirm(id)];
-            }); }); }, showFilter: showFilter })));
+        React__default["default"].createElement(FirmSwitcher, { options: firms, selectedId: selectedFirm?.id, onSelect: async (id) => changeFirm(id), showFilter: showFilter })));
 };
-var FirmOption = function (_a) {
-    var _b = _a.value, id = _b.id, name = _b.name, onSelect = _a.onSelect, selected = _a.selected, disabled = _a.disabled;
-    return (React__default["default"].createElement("div", { className: 'LOLFirmSwitcherMenu-option', onClick: function () { return onSelect(id); }, "aria-disabled": disabled, "data-testid": "firm-" + id },
+const FirmOption = ({ value: { id, name }, onSelect, selected, disabled, }) => {
+    return (React__default["default"].createElement("div", { className: 'LOLFirmSwitcherMenu-option', onClick: () => onSelect(id), "aria-disabled": disabled, "data-testid": `firm-${id}` },
         React__default["default"].createElement("span", null, name),
         selected && React__default["default"].createElement("i", { className: "material-icons-round" }, "check_circle")));
 };
-var FirmSwitcher = function (_a) {
-    var options = _a.options, selectedId = _a.selectedId, onSelect = _a.onSelect, _b = _a.showFilter, showFilter = _b === void 0 ? true : _b;
-    var _c = React.useState(false), busy = _c[0], setBusy = _c[1];
-    var onSelectInternal = function (optionId) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!!busy) return [3 /*break*/, 2];
-                    setBusy(true);
-                    return [4 /*yield*/, onSelect(optionId)];
-                case 1:
-                    _a.sent();
-                    setBusy(false);
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); };
-    var filterFunction = React.useCallback(function (filterString) {
-        var upperCaseFilterString = filterString.trim().toUpperCase();
-        return options.filter(function (firm) {
-            return firm.name.toUpperCase().includes(upperCaseFilterString);
-        });
+const FirmSwitcher = ({ options, selectedId, onSelect, showFilter = true, }) => {
+    const [busy, setBusy] = React.useState(false);
+    const onSelectInternal = async (optionId) => {
+        if (!busy) {
+            setBusy(true);
+            await onSelect(optionId);
+            setBusy(false);
+        }
+    };
+    const filterFunction = React.useCallback((filterString) => {
+        const upperCaseFilterString = filterString.trim().toUpperCase();
+        return options.filter((firm) => firm.name.toUpperCase().includes(upperCaseFilterString));
     }, [options]);
-    var renderFunction = function (filteredOptions) {
-        return (React__default["default"].createElement(React__default["default"].Fragment, null, filteredOptions.map(function (option) { return (React__default["default"].createElement(FirmOption, { key: option.id, value: option, selected: option.id === selectedId, onSelect: onSelectInternal, disabled: busy })); })));
+    const renderFunction = (filteredOptions) => {
+        return (React__default["default"].createElement(React__default["default"].Fragment, null, filteredOptions.map((option) => (React__default["default"].createElement(FirmOption, { key: option.id, value: option, selected: option.id === selectedId, onSelect: onSelectInternal, disabled: busy })))));
     };
     return (React__default["default"].createElement("div", { className: "LOLFirmSwitcherMenu" },
         React__default["default"].createElement(LuiFilterContainer, { showFilter: showFilter, filterFunction: filterFunction, renderFunction: renderFunction })));
 };
 
-var LOLLogoutLink = function (props) {
-    var redirectPathString = props.redirectPath();
-    var user = useLOLUserContext().user;
+const LOLLogoutLink = (props) => {
+    const redirectPathString = props.redirectPath();
+    const { user } = useLOLUserContext();
     if (!user) {
         return null;
     }
-    var logout = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, res;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = props.callBackBeforeLogout;
-                    if (!_a) return [3 /*break*/, 2];
-                    return [4 /*yield*/, props.callBackBeforeLogout()];
-                case 1:
-                    _a = (_b.sent()) === false;
-                    _b.label = 2;
-                case 2:
-                    if (_a) {
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, fetch('/auth/api/logout')];
-                case 3:
-                    res = _b.sent();
-                    if (res.status === 200) {
-                        window.location.assign("/auth/login?redirectPath=" + redirectPathString);
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return React__default["default"].createElement(LuiDrawerMenuOption, { label: "Logout " + user.id, onClick: logout });
+    const logout = async () => {
+        if (props.callBackBeforeLogout &&
+            (await props.callBackBeforeLogout()) === false) {
+            return;
+        }
+        const res = await fetch('/auth/api/logout');
+        if (res.status === 200) {
+            window.location.assign(`/auth/login?redirectPath=${redirectPathString}`);
+        }
+    };
+    return React__default["default"].createElement(LuiDrawerMenuOption, { label: `Logout ${user.id}`, onClick: logout });
 };
 
-var LOLUserLastLogin = function () {
-    var _a;
-    var lastLogin;
-    var context = useLOLUserContext();
-    var lastLoginISO = (_a = context === null || context === void 0 ? void 0 : context.user) === null || _a === void 0 ? void 0 : _a.lastLogin;
+const LOLUserLastLogin = () => {
+    let lastLogin;
+    const context = useLOLUserContext();
+    const lastLoginISO = context?.user?.lastLogin;
     lastLogin = lastLoginISO
         ? new Date(lastLoginISO).toLocaleString('en-NZ')
         : null;
@@ -29096,11 +28865,11 @@ var LOLUserLastLogin = function () {
             React__default["default"].createElement("span", null, "Not you? Please, call us on 0800 665 463"))));
 };
 
-var LOLActiveFirmMessage = function (props) {
-    var _a = useLOLUserContext(), selectedFirm = _a.selectedFirm, user = _a.user;
-    var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
-    var hide = props.showFrom !== 'xl' ? { from: props.showFrom || 'sm' } : undefined;
-    React.useEffect(function () {
+const LOLActiveFirmMessage = (props) => {
+    const { selectedFirm, user } = useLOLUserContext();
+    const [visible, setVisible] = React.useState(false);
+    const hide = props.showFrom !== 'xl' ? { from: props.showFrom || 'sm' } : undefined;
+    React.useEffect(() => {
         setVisible(true);
     }, [selectedFirm]);
     if (!selectedFirm || !visible || user.firms.length < 2) {
@@ -29110,7 +28879,7 @@ var LOLActiveFirmMessage = function (props) {
         React__default["default"].createElement(LuiBannerContent, { level: 'info' },
             "Active account is ",
             selectedFirm.name,
-            React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: function () {
+            React__default["default"].createElement("button", { "aria-label": "Close dialog", onClick: () => {
                     setVisible(false);
                 } },
                 React__default["default"].createElement("i", { className: "material-icons-round" }, "close")))));
@@ -29118,20 +28887,17 @@ var LOLActiveFirmMessage = function (props) {
 
 var ExternalIcon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzk4OTE4OSI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE5IDE5SDVWNWg3VjNINWMtMS4xMSAwLTIgLjktMiAydjE0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0ydi03aC0ydjd6TTE0IDN2MmgzLjU5bC05LjgzIDkuODMgMS40MSAxLjQxTDE5IDYuNDFWMTBoMlYzaC03eiIvPjwvc3ZnPg==';
 
-var LOLAuthorisedLink = function (props) {
-    var hasAnyPrivilege = useLOLUserContext().hasAnyPrivilege;
-    var icon = props.icon, activeIcon = props.activeIcon, active = props.active, label = props.label, path = props.path, openExternally = props.openExternally, anyPrivileges = props.anyPrivileges;
-    var onClickHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (openExternally) {
-                window.open(path, '_blank');
-            }
-            else {
-                window.location.assign(path);
-            }
-            return [2 /*return*/];
-        });
-    }); };
+const LOLAuthorisedLink = (props) => {
+    const { hasAnyPrivilege } = useLOLUserContext();
+    const { icon, activeIcon, active, label, path, openExternally, anyPrivileges, } = props;
+    const onClickHandler = async () => {
+        if (openExternally) {
+            window.open(path, '_blank');
+        }
+        else {
+            window.location.assign(path);
+        }
+    };
     if (!hasAnyPrivilege(anyPrivileges)) {
         return null;
     }
@@ -29160,26 +28926,26 @@ var TitlesIconActive = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy
 
 function createLink(pathname, label, target, activeIcon, icon, anyPrivileges) {
     return {
-        label: label,
+        label,
         path: target,
-        icon: icon,
-        activeIcon: activeIcon,
+        icon,
+        activeIcon,
         active: pathname.startsWith(target),
-        anyPrivileges: anyPrivileges,
+        anyPrivileges,
         openExternally: true,
     };
 }
-var SEARCH_LABEL = 'Search';
-var NOC_LABEL = 'Post registered NoC';
-var SURVEY_LABEL = 'Survey';
-var TITLES_LABEL = 'Titles';
-var LOLAppLauncherMenu = function (props) {
-    var _a = useLOLUserContext(), user = _a.user, isInternal = _a.isInternal;
-    var pathname = props.pathname, _b = props.enableNOCLink, enableNOCLink = _b === void 0 ? false : _b, _c = props.enableSurveyLink, enableSurveyLink = _c === void 0 ? false : _c, _d = props.enableTitlesLink, enableTitlesLink = _d === void 0 ? false : _d;
+const SEARCH_LABEL = 'Search';
+const NOC_LABEL = 'Post registered NoC';
+const SURVEY_LABEL = 'Survey';
+const TITLES_LABEL = 'Titles';
+const LOLAppLauncherMenu = (props) => {
+    const { user, isInternal } = useLOLUserContext();
+    const { pathname, enableNOCLink = false, enableSurveyLink = false, enableTitlesLink = false, } = props;
     if (!user) {
         return null;
     }
-    var links = [
+    const links = [
         createLink(pathname, SEARCH_LABEL, '/search', SearchIconActive, SearchIcon, isInternal() ? [] : ['prv_search_privilege', 'prv_spatial_view']),
     ];
     if (!isInternal() && enableNOCLink) {
@@ -29223,13 +28989,13 @@ var LOLAppLauncherMenu = function (props) {
             'prv_withdraw_dealing',
         ]));
     }
-    return (React__default["default"].createElement(LuiDrawerMenuSection, { title: "Launch app" }, links.map(function (link) { return (React__default["default"].createElement(LOLAuthorisedLink, __assign({ key: link.path }, link))); })));
+    return (React__default["default"].createElement(LuiDrawerMenuSection, { title: "Launch app" }, links.map((link) => (React__default["default"].createElement(LOLAuthorisedLink, { key: link.path, ...link })))));
 };
 
-var LOLDrawerMenuFirmSwitcher = function (props) {
-    var minimumFilterCount = props.minimumFilterCount;
-    var _a = useLOLUserContext(), user = _a.user, selectedFirm = _a.selectedFirm, changeFirm = _a.changeFirm;
-    var firms = user === null || user === void 0 ? void 0 : user.firms;
+const LOLDrawerMenuFirmSwitcher = (props) => {
+    const { minimumFilterCount } = props;
+    const { user, selectedFirm, changeFirm } = useLOLUserContext();
+    const firms = user?.firms;
     if (!firms || !selectedFirm) {
         return null;
     }
@@ -29239,18 +29005,18 @@ var LOLDrawerMenuFirmSwitcher = function (props) {
     return (React__default["default"].createElement(LOLFirmSwitcherMenuContent, { firms: firms, selectedFirm: selectedFirm, changeFirm: changeFirm, collapsible: true, minimumFilterCount: minimumFilterCount }));
 };
 
-var LOLDrawerMenu = function (props) {
+const LOLDrawerMenu = (props) => {
     return (React__default["default"].createElement(LuiDrawerMenu, { hasStickyHeader: props.hasStickyHeader },
         React__default["default"].createElement("div", { className: "LOLDrawerMenu" },
             React__default["default"].createElement("div", { className: "LOLDrawerMenu-contents" }, props.children),
             React__default["default"].createElement("div", { className: "LOLDrawerMenu-footer" },
                 React__default["default"].createElement(LOLUserLastLogin, null)))));
 };
-var LOLCommonDrawerMenu = function (props) {
-    var appSpecificLinks = props.appSpecificLinks, appSpecificSections = props.appSpecificSections, path = props.path, hasStickyHeader = props.hasStickyHeader, showRequestsLink = props.showRequestsLink, restOfProps = __rest(props, ["appSpecificLinks", "appSpecificSections", "path", "hasStickyHeader", "showRequestsLink"]);
+const LOLCommonDrawerMenu = (props) => {
+    const { appSpecificLinks, appSpecificSections, path, hasStickyHeader, showRequestsLink, ...restOfProps } = props;
     return (React__default["default"].createElement(LOLDrawerMenu, { hasStickyHeader: hasStickyHeader },
         appSpecificSections,
-        React__default["default"].createElement(LOLAppLauncherMenu, __assign({ pathname: path }, restOfProps)),
+        React__default["default"].createElement(LOLAppLauncherMenu, { pathname: path, ...restOfProps }),
         React__default["default"].createElement(LOLDrawerMenuFirmSwitcher, { minimumFilterCount: 5 }),
         showRequestsLink && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(LuiDrawerMenuDivider, null),
@@ -29261,24 +29027,24 @@ var LOLCommonDrawerMenu = function (props) {
         React__default["default"].createElement(LuiDrawerMenuDivider, null),
         React__default["default"].createElement(LOLCommonDrawerMenuAfterLinks, { path: path })));
 };
-var LOLCommonDrawerMenuAfterLinks = function (props) {
-    var isInternal = useLOLUserContext().isInternal;
-    var path = props.path;
-    var contextPath = path.substr(0, path.indexOf('/', 1));
-    var gotoLink = function (url) {
+const LOLCommonDrawerMenuAfterLinks = (props) => {
+    const { isInternal } = useLOLUserContext();
+    const { path } = props;
+    const contextPath = path.substr(0, path.indexOf('/', 1));
+    const gotoLink = (url) => {
         window.location.assign(url);
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        !isInternal() && (React__default["default"].createElement(LuiDrawerMenuOption, { label: "Change password", onClick: function () {
-                gotoLink("/manage/my-preferences?redirectPath=" + encodeURIComponent(path));
+        !isInternal() && (React__default["default"].createElement(LuiDrawerMenuOption, { label: "Change password", onClick: () => {
+                gotoLink(`/manage/my-preferences?redirectPath=${encodeURIComponent(path)}`);
             } })),
-        React__default["default"].createElement(LOLLogoutLink, { redirectPath: function () { return contextPath; } })));
+        React__default["default"].createElement(LOLLogoutLink, { redirectPath: () => contextPath })));
 };
-var LOLCommonMenuRequestsLink = function () {
-    var openRequestsApp = function () {
+const LOLCommonMenuRequestsLink = () => {
+    const openRequestsApp = () => {
         window.open('/requests', '_blank');
     };
-    return (React__default["default"].createElement(LuiDrawerMenuOption, { label: 'Create request', onClick: function () {
+    return (React__default["default"].createElement(LuiDrawerMenuOption, { label: 'Create request', onClick: () => {
             openRequestsApp();
         }, badge: React__default["default"].createElement("img", { src: ExternalIcon, alt: "Link opens in a new tab", style: { width: '16px', height: '16px', marginTop: '4px' } }) }));
 };
@@ -32812,27 +32578,26 @@ styleInject(css_248z$2);
 var css_248z$1 = ".tippy-box{border:1px transparent}.tippy-box[data-placement^=top]>.tippy-arrow:after{border-top-color:inherit;border-width:8px 8px 0;bottom:-8px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:inherit;border-width:0 8px 8px;top:-8px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow:after{border-left-color:inherit;border-width:8px 0 8px 8px;right:-8px;top:0}.tippy-box[data-placement^=right]>.tippy-arrow:after{border-width:8px 8px 8px 0;left:-8px;top:0;border-right-color:inherit}.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg:first-child:not(:last-child){top:17px}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg:first-child:not(:last-child){bottom:17px}.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg:first-child:not(:last-child){left:12px}.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg:first-child:not(:last-child){right:12px}.tippy-arrow{border-color:inherit}.tippy-arrow:after{content:\"\";z-index:-1;position:absolute;border-color:transparent;border-style:solid}";
 styleInject(css_248z$1);
 
-var id = 0;
-var getKey = function () { return id++; };
-var LuiTooltip = function (props) {
-    var children = props.children, message = props.message, placement = props.placement, trigger = props.trigger, _a = props.animation, animation = _a === void 0 ? true : _a;
-    var id = "LuiToolTip_" + React.useMemo(getKey, []);
+let id = 0;
+const getKey = () => id++;
+const LuiTooltip = (props) => {
+    const { children, message, placement, trigger, animation = true } = props;
+    const id = `LuiToolTip_${React.useMemo(getKey, [])}`;
     if (typeof message !== 'string') {
         throw new Error('LuiTooltip message must be a string!');
     }
-    React.useEffect(function () {
-        tippy("#" + id, {
+    React.useEffect(() => {
+        tippy(`#${id}`, {
             content: message,
             arrow: true,
-            trigger: trigger,
+            trigger,
             theme: 'LUI',
-            placement: placement,
+            placement,
             offset: [0, 24],
-            animation: animation,
+            animation,
         });
-        return function () {
-            var _a, _b;
-            (_b = (_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a._tippy) === null || _b === void 0 ? void 0 : _b.destroy();
+        return () => {
+            document.getElementById(id)?._tippy?.destroy();
         };
     }, [id, message, placement, trigger, animation]);
     return React__default["default"].createElement("span", { id: id }, children);
@@ -32851,45 +32616,44 @@ var LuiTooltip = function (props) {
  ```
  */
 function useClickedOutsideElement(refElement, handleClickOutside) {
-    React__default["default"].useEffect(function () {
+    React__default["default"].useEffect(() => {
         function onOutsideClicked(event) {
-            var element = refElement.current;
-            if (!(element === null || element === void 0 ? void 0 : element.contains(event.target))) {
+            const element = refElement.current;
+            if (!element?.contains(event.target)) {
                 handleClickOutside();
             }
         }
         document.addEventListener('mousedown', onOutsideClicked);
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', onOutsideClicked);
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 }
 
-var LuiBadge = function (props) { return (React__default["default"].createElement("p", { className: clsx('LuiBadge', props.size === 'sm' && 'LuiBadge--sm', props.size === 'lg' && 'LuiBadge--lg', props.backgroundFill && 'LuiBadge--fill', props.variation === 'warning' && 'LuiBadge--warning'), "aria-roledescription": props.ariaRoleDescription }, props.children)); };
+const LuiBadge = (props) => (React__default["default"].createElement("p", { className: clsx('LuiBadge', props.size === 'sm' && 'LuiBadge--sm', props.size === 'lg' && 'LuiBadge--lg', props.backgroundFill && 'LuiBadge--fill', props.variation === 'warning' && 'LuiBadge--warning'), "aria-roledescription": props.ariaRoleDescription }, props.children));
 
-var LuiSidePanelContext = React__default["default"].createContext({ setProps: function () { return undefined; } });
+const LuiSidePanelContext = React__default["default"].createContext({ setProps: () => undefined });
 /* eslint-disable react/prop-types */
-var LuiSidePanel = function (_a) {
-    var children = _a.children, onClose = _a.onClose, width = _a.width, top = _a.top;
-    var setProps = React__default["default"].useContext(LuiSidePanelContext).setProps;
-    React__default["default"].useEffect(function () {
-        setProps({ children: children, onClose: onClose, width: width, top: top });
-        return function () {
+const LuiSidePanel = ({ children, onClose, width, top }) => {
+    const { setProps } = React__default["default"].useContext(LuiSidePanelContext);
+    React__default["default"].useEffect(() => {
+        setProps({ children, onClose, width, top });
+        return () => {
             setProps(undefined);
         };
     }, [setProps, children, onClose, width, top]);
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 };
-var LuiSidePanelContainer = function (props) {
-    var _a = props !== null && props !== void 0 ? props : {}, children = _a.children, onClose = _a.onClose, _b = _a.width, width = _b === void 0 ? '50%' : _b, _c = _a.top, top = _c === void 0 ? 60 : _c;
+const LuiSidePanelContainer = (props) => {
+    const { children, onClose, width = '50%', top = 60 } = props ?? {};
     return (React__default["default"].createElement("section", { style: {
             position: 'fixed',
             right: 0,
             bottom: 0,
             top: top,
             background: 'white',
-            width: children ? width !== null && width !== void 0 ? width : '50%' : '0%',
+            width: children ? width ?? '50%' : '0%',
             transition: 'width 0.2s ease',
             boxShadow: '-0.1em 0 0.4em rgba(0, 0, 0, 0.2)',
             padding: 0,
@@ -32909,25 +32673,105 @@ var LuiSidePanelContainer = function (props) {
             React__default["default"].createElement(LuiIcon, { alt: "Close", name: "ic_clear", size: "lg", status: "interactive" }))),
         children));
 };
-var LuiSidePanelProvider = function (_a) {
-    var children = _a.children;
-    var _b = React__default["default"].useState(), props = _b[0], setProps = _b[1];
-    return (React__default["default"].createElement(LuiSidePanelContext.Provider, { value: { setProps: setProps } },
+const LuiSidePanelProvider = ({ children }) => {
+    const [props, setProps] = React__default["default"].useState();
+    return (React__default["default"].createElement(LuiSidePanelContext.Provider, { value: { setProps } },
         children,
-        React__default["default"].createElement(LuiSidePanelContainer, __assign({}, props))));
+        React__default["default"].createElement(LuiSidePanelContainer, { ...props })));
 };
 
 var css_248z = ".lui-switch-checkbox {\n  height: 0;\n  width: 0;\n  visibility: hidden;\n}\n\n.lui-switch-label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  width: 40px;\n  height: 20px;\n  background: grey;\n  border-radius: 40px;\n  position: relative;\n  transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 16px;\n  border-radius: 18px;\n  transition: 0.2s;\n  background: #fff;\n  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-checkbox:checked + .lui-switch-label .lui-switch-button {\n  left: calc(100% - 2px);\n  transform: translateX(-100%);\n}\n\n.lui-switch-label:active .lui-switch-button {\n  width: 20px;\n}";
 styleInject(css_248z);
 
-var LuiSwitchButton = function (props) {
-    var generatedId = useGenerateOrDefaultId();
+const LuiSwitchButton = (props) => {
+    const generatedId = useGenerateOrDefaultId();
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("input", __assign({ className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId }, props)),
-        React__default["default"].createElement("label", { "data-testid": "label", style: { background: props.checked ? '#007198' : 'gray' }, className: "lui-switch-label", htmlFor: generatedId },
-            React__default["default"].createElement("span", { className: "lui-switch-button" }))));
+        React__default["default"].createElement("input", { className: "lui-switch-checkbox", type: "checkbox", "data-testid": 'lui-switch-new', id: generatedId, ...props }),
+        React__default["default"].createElement("label", { "data-testid": `label`, style: { background: props.checked ? '#007198' : 'gray' }, className: "lui-switch-label", htmlFor: generatedId },
+            React__default["default"].createElement("span", { className: `lui-switch-button` }))));
 };
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
 var createDefinition = function (propNames) { return ({
     isEnabled: function (props) { return propNames.some(function (name) { return !!props[name]; }); },
 }); };
@@ -40485,11 +40329,11 @@ var AnimatePresence = function (_a) {
 };
 
 // import clsx from 'clsx';
-var LuiAccordicard = function (props) {
-    var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
-    var _b = React.useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
-    var AccordicardContent = function () {
-        return (React__default["default"].createElement(motion.div, { key: "content", initial: ['collapsed'], animate: "open", exit: "collapsed", variants: {
+const LuiAccordicard = (props) => {
+    const { defaultToOpen = false, children, headerContent } = props;
+    const [isOpen, setIsOpen] = React.useState(defaultToOpen);
+    const AccordicardContent = () => {
+        return (React__default["default"].createElement(motion.div, { className: "LuiAccordicard-contentWrapper", key: "content", initial: ['collapsed'], animate: "open", exit: "collapsed", variants: {
                 open: {
                     opacity: 1,
                     height: 'auto',
@@ -40525,24 +40369,28 @@ var LuiAccordicard = function (props) {
             } },
             React__default["default"].createElement("div", { className: clsx('LuiAccordicard-content', isOpen ? 'LuiAccordicard-content--isOpen' : null) }, isOpen ? children : React__default["default"].createElement(React__default["default"].Fragment, null))));
     };
-    return (React__default["default"].createElement(motion.div, { initial: false, className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null) },
+    return (React__default["default"].createElement(motion.div, { initial: false, className: clsx('LuiAccordicard', props.className, isOpen ? 'LuiAccordicard--isOpen' : null, props.warning ? 'LuiAccordicard--warning' : null) },
+        props.warning && (React__default["default"].createElement("div", { className: "LuiAccordicard-sideBar" },
+            React__default["default"].createElement(LuiIcon, { className: "LuiAccordicard-warningIcon", alt: "Accordicard warning", name: 'ic_warning', size: 'md' }))),
         React__default["default"].createElement(motion.header, { layout: true, initial: false, className: "LuiAccordicard-header" },
             React__default["default"].createElement("div", { className: "LuiAccordicard-headerContent" }, headerContent)),
         React__default["default"].createElement(AnimatePresence, { initial: false }, isOpen && React__default["default"].createElement(AccordicardContent, null)),
-        React__default["default"].createElement("button", { "aria-label": isOpen ? 'Expanded' : 'Closed', className: "LuiAccordicard-trigger", onClick: function () { return setIsOpen(!isOpen); } },
+        React__default["default"].createElement("button", { "aria-label": isOpen ? 'Expanded' : 'Closed', className: "LuiAccordicard-trigger", onClick: () => setIsOpen(!isOpen) },
             React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicard-chevron', isOpen ? 'LuiAccordicard-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", size: "md" }))));
 };
 
-var LuiAccordicardStatic = function (props) {
-    var _a = props.defaultToOpen, defaultToOpen = _a === void 0 ? false : _a, children = props.children, headerContent = props.headerContent;
-    var _b = React.useState(defaultToOpen), isOpen = _b[0], setIsOpen = _b[1];
-    return (React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null, props.className) },
+const LuiAccordicardStatic = (props) => {
+    const { defaultToOpen = false, children, headerContent } = props;
+    const [isOpen, setIsOpen] = React.useState(defaultToOpen);
+    return (React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic', isOpen ? 'LuiAccordicardStatic--isOpen' : null, props.warning ? 'LuiAccordicardStatic--warning' : null, props.className) },
+        props.warning && (React__default["default"].createElement("div", { className: "LuiAccordicardStatic-sideBar" },
+            React__default["default"].createElement(LuiIcon, { className: "LuiAccordicardStatic-warningIcon", alt: "Accordicard warning", name: 'ic_warning', size: 'md' }))),
         React__default["default"].createElement("div", { className: "LuiAccordicardStatic-header" },
             React__default["default"].createElement("div", { className: "LuiAccordicardStatic-headerContent" }, headerContent)),
         React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic-contentWrapper', isOpen ? 'LuiAccordicardStatic-contentWrapper--isOpen' : null) },
             React__default["default"].createElement("div", { className: clsx('LuiAccordicardStatic-content', isOpen ? 'LuiAccordicardStatic-content--isOpen' : null) }, isOpen ? children : React__default["default"].createElement(React__default["default"].Fragment, null))),
-        React__default["default"].createElement("button", { "aria-label": isOpen ? 'Expanded' : 'Closed', className: "LuiAccordicardStatic-trigger", onClick: function () { return setIsOpen(!isOpen); } },
-            React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", size: "md" }))));
+        React__default["default"].createElement("button", { "aria-label": isOpen ? 'Expanded' : 'Closed', className: "LuiAccordicardStatic-trigger", onClick: () => setIsOpen(!isOpen) },
+            React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
 };
 
 exports.FIRM_KEY = FIRM_KEY;