@thecb/components 10.12.6-beta.0 → 11.0.0-beta.0

package/dist/index.cjs.js

@@ -236,58 +236,6 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
-
-/*! *****************************************************************************
-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$1 = function(d, b) {
-    extendStatics$1 = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics$1(d, b);
-};
-
-function __extends$1(d, b) {
-    extendStatics$1(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign$1 = function() {
-    __assign$1 = 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$1.apply(this, arguments);
-};
-
-function __rest$1(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 __spreadArrays() {
@@ -298,32 +246,6 @@ function __spreadArrays() {
     return r;
 }
 
-/*! *****************************************************************************
-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.
-***************************************************************************** */
-
-var __assign$2 = function() {
-    __assign$2 = 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$2.apply(this, arguments);
-};
-
 var clamp = function (min, max) { return function (v) {
     return Math.max(Math.min(v, max), min);
 }; };
@@ -337,8 +259,8 @@ var number = {
     parse: parseFloat,
     transform: function (v) { return v; }
 };
-var alpha = __assign$2(__assign$2({}, number), { transform: clamp(0, 1) });
-var scale = __assign$2(__assign$2({}, number), { default: 1 });
+var alpha = __assign(__assign({}, number), { transform: clamp(0, 1) });
+var scale = __assign(__assign({}, number), { default: 1 });
 
 var createUnitType = function (unit) { return ({
     test: function (v) {
@@ -352,7 +274,7 @@ var percent = createUnitType('%');
 var px = createUnitType('px');
 var vh = createUnitType('vh');
 var vw = createUnitType('vw');
-var progressPercentage = __assign$2(__assign$2({}, percent), { parse: function (v) { return percent.parse(v) / 100; }, transform: function (v) { return percent.transform(v * 100); } });
+var progressPercentage = __assign(__assign({}, percent), { parse: function (v) { return percent.parse(v) / 100; }, transform: function (v) { return percent.transform(v * 100); } });
 
 var getValueFromFunctionString = function (value) {
     return value.substring(value.indexOf('(') + 1, value.lastIndexOf(')'));
@@ -386,7 +308,7 @@ var hslaTemplate = function (_a) {
     var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha = _b === void 0 ? 1 : _b;
     return "hsla(" + hue + ", " + saturation + ", " + lightness + ", " + alpha + ")";
 };
-var rgbUnit = __assign$2(__assign$2({}, number), { transform: function (v) { return Math.round(clampRgbUnit(v)); } });
+var rgbUnit = __assign(__assign({}, number), { transform: function (v) { return Math.round(clampRgbUnit(v)); } });
 function isColorString(color, colorType) {
     return color.startsWith(colorType) && singleColorRegex.test(color);
 }
@@ -416,7 +338,7 @@ var hsla = {
         });
     }
 };
-var hex = __assign$2(__assign$2({}, rgba), { test: function (v) { return typeof v === 'string' && isColorString(v, '#'); }, parse: function (v) {
+var hex = __assign(__assign({}, rgba), { test: function (v) { return typeof v === 'string' && isColorString(v, '#'); }, parse: function (v) {
         var r = '';
         var g = '';
         var b = '';
@@ -952,15 +874,15 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
-var __assign$3 = function() {
-    __assign$3 = Object.assign || function __assign(t) {
+var __assign$1 = function() {
+    __assign$1 = 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$3.apply(this, arguments);
+    return __assign$1.apply(this, arguments);
 };
 
 var mixLinearColor = function (from, to, v) {
@@ -983,7 +905,7 @@ var mixColor = (function (from, to) {
     invariant(fromColorType.transform === toColorType.transform, 'Both colors must be hex/RGBA, OR both must be HSLA.');
     var fromColor = fromColorType.parse(from);
     var toColor = toColorType.parse(to);
-    var blended = __assign$3({}, fromColor);
+    var blended = __assign$1({}, fromColor);
     var mixFunc = fromColorType === hsla ? mix : mixLinearColor;
     return function (v) {
         for (var key in blended) {
@@ -1028,7 +950,7 @@ var mixArray = function (from, to) {
     };
 };
 var mixObject = function (origin, target) {
-    var output = __assign$3({}, origin, target);
+    var output = __assign$1({}, origin, target);
     var blendValue = {};
     for (var key in output) {
         if (origin[key] !== undefined && target[key] !== undefined) {
@@ -1240,44 +1162,6 @@ var wrap$1 = curryRange(wrap);
 
 var clampProgress = clamp$1$1(0, 1);
 
-/*! *****************************************************************************
-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.
-***************************************************************************** */
-
-var __assign$4 = function() {
-    __assign$4 = 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$4.apply(this, arguments);
-};
-
-function __rest$2(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;
-}
-
 var createStyler = function (_a) {
     var onRead = _a.onRead,
         onRender = _a.onRender,
@@ -1289,7 +1173,7 @@ var createStyler = function (_a) {
         if (_a === void 0) {
             _a = {};
         }
-        var props = __rest$2(_a, []);
+        var props = __rest(_a, []);
         var state = {};
         var changedValues = [];
         var hasChanged = false;
@@ -1409,7 +1293,7 @@ function isTransformOriginProp(key) {
     return transformOriginProps.has(key);
 }
 
-var int = /*#__PURE__*/__assign$4( /*#__PURE__*/__assign$4({}, number), { transform: Math.round });
+var int = /*#__PURE__*/__assign( /*#__PURE__*/__assign({}, number), { transform: Math.round });
 var valueTypes = {
     color: color,
     backgroundColor: color,
@@ -1641,8 +1525,8 @@ function createCssStyler(element, _a) {
     }
     var enableHardwareAcceleration = _a.enableHardwareAcceleration,
         allowTransformNone = _a.allowTransformNone,
-        props = __rest$2(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
-    return cssStyler(__assign$4({ element: element, buildStyles: createStyleBuilder({
+        props = __rest(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
+    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder({
             enableHardwareAcceleration: enableHardwareAcceleration,
             allowTransformNone: allowTransformNone
         }), preparseOutput: true }, props));
@@ -1692,7 +1576,7 @@ function buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDas
         pathSpacing = _b === void 0 ? 1 : _b,
         _c = _a.pathOffset,
         pathOffset = _c === void 0 ? 0 : _c,
-        state = __rest$2(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
+        state = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
     var style = cssBuilder(state);
     for (var key in style) {
         if (key === 'transform') {
@@ -1821,7 +1705,7 @@ var Chainable = /*#__PURE__*/function () {
         this.props = props;
     }
     Chainable.prototype.applyMiddleware = function (middleware) {
-        return this.create(__assign$1(__assign$1({}, this.props), { middleware: this.props.middleware ? __spreadArrays([middleware], this.props.middleware) : [middleware] }));
+        return this.create(__assign(__assign({}, this.props), { middleware: this.props.middleware ? __spreadArrays([middleware], this.props.middleware) : [middleware] }));
     };
     Chainable.prototype.pipe = function () {
         var funcs = [];
@@ -1893,7 +1777,7 @@ var createObserver = function (observerCandidate, _a, onComplete) {
 };
 
 var Action = /*#__PURE__*/function (_super) {
-    __extends$1(Action, _super);
+    __extends(Action, _super);
     function Action() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -1912,13 +1796,13 @@ var Action = /*#__PURE__*/function (_super) {
         };
         var _a = this.props,
             init = _a.init,
-            observerProps = __rest$1(_a, ["init"]);
+            observerProps = __rest(_a, ["init"]);
         var observer = createObserver(observerCandidate, observerProps, function () {
             isComplete = true;
             subscription.stop();
         });
         var api = init(observer);
-        subscription = api ? __assign$1(__assign$1({}, subscription), api) : subscription;
+        subscription = api ? __assign(__assign({}, subscription), api) : subscription;
         if (observerCandidate.registerParent) {
             observerCandidate.registerParent(subscription);
         }
@@ -1932,7 +1816,7 @@ var action = function (init) {
 };
 
 var BaseMulticast = /*#__PURE__*/function (_super) {
-    __extends$1(BaseMulticast, _super);
+    __extends(BaseMulticast, _super);
     function BaseMulticast() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.subscribers = [];
@@ -1992,7 +1876,7 @@ var isSingleValue = function (v) {
     return typeOfV === 'string' || typeOfV === 'number';
 };
 var ValueReaction = /*#__PURE__*/function (_super) {
-    __extends$1(ValueReaction, _super);
+    __extends(ValueReaction, _super);
     function ValueReaction(props) {
         var _this = _super.call(this, props) || this;
         _this.scheduleVelocityCheck = function () {
@@ -2242,7 +2126,7 @@ var reduceArrayValue = function (i) {
 var createArrayAction = function (action, props, vectorKeys) {
     var firstVectorKey = vectorKeys[0];
     var actionList = props[firstVectorKey].map(function (v, i) {
-        var childActionProps = vectorKeys.reduce(reduceArrayValue(i), __assign$1({}, props));
+        var childActionProps = vectorKeys.reduce(reduceArrayValue(i), __assign({}, props));
         return getActionCreator(v)(action, childActionProps);
     });
     return parallel$1.apply(void 0, actionList);
@@ -2256,7 +2140,7 @@ var reduceObjectValue = function (key) {
 var createObjectAction = function (action, props, vectorKeys) {
     var firstVectorKey = vectorKeys[0];
     var actionMap = Object.keys(props[firstVectorKey]).reduce(function (map, key) {
-        var childActionProps = vectorKeys.reduce(reduceObjectValue(key), __assign$1({}, props));
+        var childActionProps = vectorKeys.reduce(reduceObjectValue(key), __assign({}, props));
         map[key] = getActionCreator(props[firstVectorKey][key])(action, childActionProps);
         return map;
     }, {});
@@ -2265,18 +2149,18 @@ var createObjectAction = function (action, props, vectorKeys) {
 var createUnitAction = function (action, _a) {
     var from = _a.from,
         to = _a.to,
-        props = __rest$1(_a, ["from", "to"]);
+        props = __rest(_a, ["from", "to"]);
     var unitType = findUnitType(from) || findUnitType(to);
     var transform = unitType.transform,
         parse = unitType.parse;
-    return action(__assign$1(__assign$1({}, props), { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
+    return action(__assign(__assign({}, props), { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
 };
 var createMixerAction = function (mixer) {
     return function (action, _a) {
         var from = _a.from,
             to = _a.to,
-            props = __rest$1(_a, ["from", "to"]);
-        return action(__assign$1(__assign$1({}, props), { from: 0, to: 1 })).pipe(mixer(from, to));
+            props = __rest(_a, ["from", "to"]);
+        return action(__assign(__assign({}, props), { from: 0, to: 1 })).pipe(mixer(from, to));
     };
 };
 var createColorAction = /*#__PURE__*/createMixerAction(mixColor);
@@ -2622,7 +2506,7 @@ var keyframes = function (_a) {
         ease = _b === void 0 ? linear : _b,
         times = _a.times,
         values = _a.values,
-        tweenProps = __rest$1(_a, ["easings", "ease", "times", "values"]);
+        tweenProps = __rest(_a, ["easings", "ease", "times", "values"]);
     easings = Array.isArray(easings) ? easings : defaultEasings(values, easings);
     times = times || defaultTimings(values);
     var scrubbers = easings.map(function (easing, i) {
@@ -2632,7 +2516,7 @@ var keyframes = function (_a) {
             ease: easing
         });
     });
-    return tween(__assign$1(__assign$1({}, tweenProps), { ease: ease })).applyMiddleware(function (update) {
+    return tween(__assign(__assign({}, tweenProps), { ease: ease })).applyMiddleware(function (update) {
         return interpolateScrubbers(times, scrubbers, update);
     });
 };
@@ -2876,7 +2760,7 @@ var index$1 = function (_a) {
     }
     var x = _a.x,
         y = _a.y,
-        props = __rest$1(_a, ["x", "y"]);
+        props = __rest(_a, ["x", "y"]);
     if (x !== undefined || y !== undefined) {
         var applyXOffset_1 = applyOffset(x || 0);
         var applyYOffset_1 = applyOffset(y || 0);
@@ -2950,7 +2834,7 @@ var steps$1 = function (st, min, max) {
 };
 var transformMap = function (childTransformers) {
     return function (v) {
-        var output = __assign$1({}, v);
+        var output = __assign({}, v);
         for (var key in childTransformers) {
             if (childTransformers.hasOwnProperty(key)) {
                 var childTransformer = childTransformers[key];
@@ -2981,52 +2865,6 @@ var transformers = /*#__PURE__*/Object.freeze({
     transformMap: transformMap
 });
 
-/*! *****************************************************************************
-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.
-***************************************************************************** */
-
-var __assign$5 = function() {
-    __assign$5 = 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$5.apply(this, arguments);
-};
-
-function __rest$3(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 __spreadArrays$1() {
-    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;
-}
-
 var getPoseValues = function (_a) {
     var transition = _a.transition,
         flip = _a.flip,
@@ -3039,7 +2877,7 @@ var getPoseValues = function (_a) {
         preTransition = _a.preTransition,
         applyAtStart = _a.applyAtStart,
         applyAtEnd = _a.applyAtEnd,
-        props = __rest$3(_a, ["transition", "flip", "delay", "delayChildren", "staggerChildren", "staggerDirection", "afterChildren", "beforeChildren", "preTransition", "applyAtStart", "applyAtEnd"]);
+        props = __rest(_a, ["transition", "flip", "delay", "delayChildren", "staggerChildren", "staggerDirection", "afterChildren", "beforeChildren", "preTransition", "applyAtStart", "applyAtEnd"]);
     return props;
 };
 var selectPoses = function (_a) {
@@ -3051,7 +2889,7 @@ var selectPoses = function (_a) {
         onChange = _a.onChange,
         passive = _a.passive,
         initialPose = _a.initialPose,
-        poses = __rest$3(_a, ["label", "props", "values", "parentValues", "ancestorValues", "onChange", "passive", "initialPose"]);
+        poses = __rest(_a, ["label", "props", "values", "parentValues", "ancestorValues", "onChange", "passive", "initialPose"]);
     return poses;
 };
 var selectAllValues = function (values, selectValue) {
@@ -3151,7 +2989,7 @@ var createPoseSetter = function (setterProps) {
         var _a = nextProps.delay,
             delay = _a === void 0 ? 0 : _a;
         var hasChildren = children.size;
-        var baseTransitionProps = __assign$5(__assign$5({}, props), nextProps);
+        var baseTransitionProps = __assign(__assign({}, props), nextProps);
         var nextPose = poses[next];
         var getChildAnimations = function () {
             return hasChildren && propagate ? startChildAnimations(children, next, nextPose, baseTransitionProps) : [];
@@ -3177,11 +3015,11 @@ var createPoseSetter = function (setterProps) {
                 valuePoses.splice(insertionIndex, 0, next);
                 return insertionIndex === 0 ? new Promise(function (complete) {
                     var value = values.get(key);
-                    var transitionProps = __assign$5(__assign$5({}, baseTransitionProps), { key: key,
+                    var transitionProps = __assign(__assign({}, baseTransitionProps), { key: key,
                         value: value });
                     var target = resolveTarget(value, resolveProp(nextPose[key], transitionProps));
                     if (activeActions.has(key)) stopAction(activeActions.get(key));
-                    var resolveTransitionProps = __assign$5(__assign$5({ to: target }, transitionProps), getTransitionProps(value, target, transitionProps));
+                    var resolveTransitionProps = __assign(__assign({ to: target }, transitionProps), getTransitionProps(value, target, transitionProps));
                     var transition = resolveTransition(getTransition, key, value, resolveTransitionProps, convertTransitionDefinition, getInstantTransition);
                     var poseDelay = delay || resolveProp(nextPose.delay, transitionProps);
                     if (poseDelay) {
@@ -3205,7 +3043,7 @@ var createPoseSetter = function (setterProps) {
                 });
             }
         }
-        return Promise.all(__spreadArrays$1(getParentAnimations(), getChildAnimations()));
+        return Promise.all(__spreadArrays(getParentAnimations(), getChildAnimations()));
     };
 };
 
@@ -3331,7 +3169,7 @@ var createValueMap = function (props) {
 };
 
 var applyDefaultTransition = function (pose, key, defaultTransitions) {
-    return __assign$5(__assign$5({}, pose), { transition: defaultTransitions.has(key) ? defaultTransitions.get(key) : defaultTransitions.get('default') });
+    return __assign(__assign({}, pose), { transition: defaultTransitions.has(key) ? defaultTransitions.get(key) : defaultTransitions.get('default') });
 };
 var generateTransitions = function (poses, defaultTransitions) {
     Object.keys(poses).forEach(function (key) {
@@ -3385,7 +3223,7 @@ var poseFactory = function (_a) {
         var poses = generateTransitions(selectPoses(config), defaultTransitions);
         var _b = config.props,
             props = _b === void 0 ? {} : _b;
-        if (getDefaultProps) props = __assign$5(__assign$5({}, getDefaultProps(config)), props);
+        if (getDefaultProps) props = __assign(__assign({}, getDefaultProps(config)), props);
         var passive = config.passive,
             userSetValues = config.values,
             _c = config.initialPose,
@@ -3460,10 +3298,10 @@ var poseFactory = function (_a) {
             },
             has: has,
             setProps: function (newProps) {
-                return state.props = __assign$5(__assign$5({}, state.props), newProps);
+                return state.props = __assign(__assign({}, state.props), newProps);
             },
             _addChild: function (childConfig, factory) {
-                var child = factory(__assign$5(__assign$5({ initialPose: initialPose }, childConfig), { ancestorValues: __spreadArrays$1([{ label: config.label, values: values }], ancestorValues) }));
+                var child = factory(__assign(__assign({ initialPose: initialPose }, childConfig), { ancestorValues: __spreadArrays([{ label: config.label, values: values }], ancestorValues) }));
                 children.add(child);
                 return child;
             },
@@ -3502,18 +3340,18 @@ See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
 ***************************************************************************** */
 
-var __assign$6 = function () {
-    __assign$6 = Object.assign || function __assign(t) {
+var __assign$2 = function () {
+    __assign$2 = 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$6.apply(this, arguments);
+    return __assign$2.apply(this, arguments);
 };
 
-function __rest$4(s, e) {
+function __rest$1(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++) {
@@ -3630,12 +3468,12 @@ var intelligentTransition = {
     opacity: linearTween,
     default: tween
 };
-var dragAction = /*#__PURE__*/__assign$6( /*#__PURE__*/__assign$6({}, intelligentTransition), { x: /*#__PURE__*/createPointer(pointerX, 'left', 'right', BoundingBoxDimension.width), y: /*#__PURE__*/createPointer(pointerY, 'top', 'bottom', BoundingBoxDimension.height) });
+var dragAction = /*#__PURE__*/__assign$2( /*#__PURE__*/__assign$2({}, intelligentTransition), { x: /*#__PURE__*/createPointer(pointerX, 'left', 'right', BoundingBoxDimension.width), y: /*#__PURE__*/createPointer(pointerY, 'top', 'bottom', BoundingBoxDimension.height) });
 var justAxis = function (_a) {
     var from = _a.from;
     return just(from);
 };
-var intelligentDragEnd = /*#__PURE__*/__assign$6( /*#__PURE__*/__assign$6({}, intelligentTransition), { x: justAxis, y: justAxis });
+var intelligentDragEnd = /*#__PURE__*/__assign$2( /*#__PURE__*/__assign$2({}, intelligentTransition), { x: justAxis, y: justAxis });
 var defaultTransitions = /*#__PURE__*/new Map([['default', intelligentTransition], ['drag', dragAction], ['dragEnd', intelligentDragEnd]]);
 
 var animationLookup = {
@@ -3705,7 +3543,7 @@ var getAction = function (v, _a, _b) {
     var _c = _a.type,
         type = _c === void 0 ? 'tween' : _c,
         definedEase = _a.ease,
-        def = __rest$4(_a, ["type", "ease"]);
+        def = __rest$1(_a, ["type", "ease"]);
     invariant(animationLookup[type] !== undefined, "Invalid transition type '" + type + "'. Valid transition types are: tween, spring, decay, physics and keyframes.");
     var ease;
     if (type === 'tween') {
@@ -3730,7 +3568,7 @@ var getAction = function (v, _a, _b) {
         velocity: velocity,
         ease: ease
     } : { ease: ease };
-    return animationLookup[type](__assign$6(__assign$6({}, baseProps), def));
+    return animationLookup[type](__assign$2(__assign$2({}, baseProps), def));
 };
 var isAction = function (action$$1) {
     return typeof action$$1.start !== 'undefined';
@@ -3815,7 +3653,7 @@ var pose = function (_a) {
                 min = def.min,
                 max = def.max,
                 round = def.round,
-                remainingDef = __rest$4(def, ["delay", "min", "max", "round"]);
+                remainingDef = __rest$1(def, ["delay", "min", "max", "round"]);
             var action$$1 = getAction(val, remainingDef, props);
             var outputPipe = [];
             if (delay$$1) action$$1 = addActionDelay(delay$$1, action$$1);
@@ -3997,7 +3835,7 @@ var explicitlyFlipPose = function (state, nextPose) {
         bottom = nextPose.bottom,
         right = nextPose.right,
         position = nextPose.position,
-        remainingPose = __rest$4(nextPose, ["width", "height", "top", "left", "bottom", "right", "position"]);
+        remainingPose = __rest$1(nextPose, ["width", "height", "top", "left", "bottom", "right", "position"]);
     var propsToSet = positionalProps.concat('position').reduce(function (acc, key) {
         if (nextPose[key] !== undefined) {
             acc[key] = resolveProp$1(nextPose[key], state.props);
@@ -4109,7 +3947,7 @@ var convertPositionalUnits = function (state, nextPose) {
             changedPositionalKeys.push(key);
             if (!applyAtEndHasBeenCopied) {
                 applyAtEndHasBeenCopied = true;
-                nextPose.applyAtEnd = nextPose.applyAtEnd ? __assign$6({}, nextPose.applyAtEnd) : {};
+                nextPose.applyAtEnd = nextPose.applyAtEnd ? __assign$2({}, nextPose.applyAtEnd) : {};
             }
             nextPose.applyAtEnd[key] = nextPose.applyAtEnd[key] || nextPose[key];
             setValue(state, key, to);
@@ -4165,8 +4003,8 @@ var createPoseConfig = function (element, _a) {
         focusable = _a.focusable,
         pressable = _a.pressable,
         dragBounds = _a.dragBounds,
-        config = __rest$4(_a, ["onDragStart", "onDragEnd", "onPressStart", "onPressEnd", "draggable", "hoverable", "focusable", "pressable", "dragBounds"]);
-    var poseConfig = __assign$6(__assign$6({ flip: {} }, config), { props: __assign$6(__assign$6({}, config.props), { onDragStart: onDragStart,
+        config = __rest$1(_a, ["onDragStart", "onDragEnd", "onPressStart", "onPressEnd", "draggable", "hoverable", "focusable", "pressable", "dragBounds"]);
+    var poseConfig = __assign$2(__assign$2({ flip: {} }, config), { props: __assign$2(__assign$2({}, config.props), { onDragStart: onDragStart,
             onDragEnd: onDragEnd,
             onPressStart: onPressStart,
             onPressEnd: onPressEnd,
@@ -4180,8 +4018,8 @@ var createPoseConfig = function (element, _a) {
         var _b = dragPoses(draggable),
             drag = _b.drag,
             dragEnd = _b.dragEnd;
-        poseConfig.drag = __assign$6(__assign$6({}, drag), poseConfig.drag);
-        poseConfig.dragEnd = __assign$6(__assign$6({}, dragEnd), poseConfig.dragEnd);
+        poseConfig.drag = __assign$2(__assign$2({}, drag), poseConfig.drag);
+        poseConfig.dragEnd = __assign$2(__assign$2({}, dragEnd), poseConfig.dragEnd);
     }
     return poseConfig;
 };
@@ -4189,7 +4027,7 @@ var domPose = /*#__PURE__*/pose({
     posePriority: ['drag', 'press', 'focus', 'hover'],
     transformPose: function (_a, name, state) {
         var flip = _a.flip,
-            pose$$1 = __rest$4(_a, ["flip"]);
+            pose$$1 = __rest$1(_a, ["flip"]);
         if (isFlipPose(flip, name, state)) {
             return flipPose(state, pose$$1);
         } else if (isPositional(pose$$1)) {
@@ -4227,7 +4065,7 @@ var domPose = /*#__PURE__*/pose({
         var props = _a.props,
             activeActions = _a.activeActions;
         var measure = props.dimensions.measure;
-        var poserApi = __assign$6(__assign$6({}, api), { addChild: function (element, childConfig) {
+        var poserApi = __assign$2(__assign$2({}, api), { addChild: function (element, childConfig) {
                 return api._addChild(createPoseConfig(element, childConfig), domPose);
             }, measure: measure, flip: function (op) {
                 if (op) {
@@ -7255,104 +7093,6 @@ var Imposter = function Imposter(_ref) {
   }, rest), safeChildren(children, /*#__PURE__*/React__default.createElement(React.Fragment, null)));
 };
 
-/*! *****************************************************************************
-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$2 = function(d, b) {
-    extendStatics$2 = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics$2(d, b);
-};
-
-function __extends$2(d, b) {
-    extendStatics$2(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign$7 = function() {
-    __assign$7 = 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$7.apply(this, arguments);
-};
-
-function __rest$5(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 __spreadArrays$2() {
-    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;
-}
-
-/*! *****************************************************************************
-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.
-***************************************************************************** */
-
-var __assign$8 = function() {
-    __assign$8 = 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$8.apply(this, arguments);
-};
-
-function __rest$6(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;
-}
-
 var Observer$1 = /*#__PURE__*/function () {
     function Observer(_a, observer) {
         var _this = this;
@@ -7415,18 +7155,18 @@ var Action$1 = /*#__PURE__*/function () {
         };
         var _a = this.props,
             init = _a.init,
-            observerProps = __rest$6(_a, ["init"]);
+            observerProps = __rest(_a, ["init"]);
         var observer = createObserver$1(observerCandidate, observerProps, function () {
             isComplete = true;
             subscription.stop();
         });
         var api = init(observer);
-        subscription = api ? __assign$8({}, subscription, api) : subscription;
+        subscription = api ? __assign({}, subscription, api) : subscription;
         if (isComplete) subscription.stop();
         return subscription;
     };
     Action.prototype.applyMiddleware = function (middleware) {
-        return this.create(__assign$8({}, this.props, { middleware: this.props.middleware ? [middleware].concat(this.props.middleware) : [middleware] }));
+        return this.create(__assign({}, this.props, { middleware: this.props.middleware ? [middleware].concat(this.props.middleware) : [middleware] }));
     };
     Action.prototype.pipe = function () {
         var funcs = [];
@@ -7479,18 +7219,18 @@ var createAction$1 = function (action, props) {
 var createUnitAction$1 = function (action, _a) {
     var from = _a.from,
         to = _a.to,
-        props = __rest$6(_a, ["from", "to"]);
+        props = __rest(_a, ["from", "to"]);
     var unitType = findUnitType$1(from) || findUnitType$1(to);
     var transform = unitType.transform,
         parse = unitType.parse;
-    return action(__assign$8({}, props, { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
+    return action(__assign({}, props, { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
 };
 var createMixerAction$1 = function (mixer) {
     return function (action, _a) {
         var from = _a.from,
             to = _a.to,
-            props = __rest$6(_a, ["from", "to"]);
-        return action(__assign$8({}, props, { from: 0, to: 1 })).pipe(mixer(from, to));
+            props = __rest(_a, ["from", "to"]);
+        return action(__assign({}, props, { from: 0, to: 1 })).pipe(mixer(from, to));
     };
 };
 var createColorAction$1 = /*#__PURE__*/createMixerAction$1(mixColor);
@@ -7703,7 +7443,7 @@ var inertia = function (_a) {
         };
         var startSpring = function (props) {
             isSpring = true;
-            startAnimation(vectorSpring$1(__assign$8({}, props, { to: isLessThanMin(props.from) ? min : max, stiffness: bounceStiffness, damping: bounceDamping, restDelta: restDelta })));
+            startAnimation(vectorSpring$1(__assign({}, props, { to: isLessThanMin(props.from) ? min : max, stiffness: bounceStiffness, damping: bounceDamping, restDelta: restDelta })));
         };
         if (isOutOfBounds(from)) {
             startSpring({ from: from, velocity: velocity });
@@ -7935,7 +7675,7 @@ var keyframes$1 = function (_a) {
         ease = _b === void 0 ? linear : _b,
         times = _a.times,
         values = _a.values,
-        tweenProps = __rest$6(_a, ["easings", "ease", "times", "values"]);
+        tweenProps = __rest(_a, ["easings", "ease", "times", "values"]);
     easings = Array.isArray(easings) ? easings : defaultEasings$1(values, easings);
     times = times || defaultTimings$1(values);
     var scrubbers = easings.map(function (easing, i) {
@@ -7945,7 +7685,7 @@ var keyframes$1 = function (_a) {
             ease: easing
         });
     });
-    return tween$1(__assign$8({}, tweenProps, { ease: ease })).applyMiddleware(function (update) {
+    return tween$1(__assign({}, tweenProps, { ease: ease })).applyMiddleware(function (update) {
         return interpolateScrubbers$1(times, scrubbers, update);
     });
 };
@@ -8147,7 +7887,7 @@ var MotionValue = /** @class */ (function () {
      */
     MotionValue.prototype.addChild = function (config) {
         if (config === void 0) { config = {}; }
-        var child = new MotionValue(this.current, __assign$7({ parent: this }, config));
+        var child = new MotionValue(this.current, __assign({ parent: this }, config));
         if (!this.children)
             this.children = new Set();
         this.children.add(child);
@@ -8589,7 +8329,7 @@ var buildStyleAttr = function (values, styleProp, isStatic) {
             ? transformTemplate({}, styleProp.transform)
             : transformTemplate;
     }
-    return buildStyleProperty(__assign$7(__assign$7({}, styleProp), motionValueStyles), !isStatic);
+    return buildStyleProperty(__assign(__assign({}, styleProp), motionValueStyles), !isStatic);
 };
 var useMotionStyles = function (values, styleProp, isStatic, transformValues) {
     if (styleProp === void 0) { styleProp = {}; }
@@ -8643,7 +8383,7 @@ var auto$1 = {
     parse: function (v) { return v; },
 };
 var dimensionTypes = [number, px, percent, degrees, vw, vh, auto$1];
-var valueTypes$1 = __spreadArrays$2(dimensionTypes, [color, complex]);
+var valueTypes$1 = __spreadArrays(dimensionTypes, [color, complex]);
 var testValueType$1 = function (v) { return function (type) { return type.test(v); }; };
 var getDimensionValueType = function (v) {
     return dimensionTypes.find(testValueType$1(v));
@@ -8696,7 +8436,7 @@ var getDefaultTransition = function (valueKey, to) {
         transitionFactory =
             defaultTransitions$1[valueKey] || defaultTransitions$1.default;
     }
-    return __assign$7({ to: to }, transitionFactory(to));
+    return __assign({ to: to }, transitionFactory(to));
 };
 
 /**
@@ -8792,9 +8532,9 @@ var transitionOptionParser = {
         return opts;
     },
     keyframes: function (_a) {
-        var from = _a.from, to = _a.to, velocity = _a.velocity, opts = __rest$5(_a, ["from", "to", "velocity"]);
+        var from = _a.from, to = _a.to, velocity = _a.velocity, opts = __rest(_a, ["from", "to", "velocity"]);
         if (opts.values && opts.values[0] === null) {
-            var values = __spreadArrays$2(opts.values);
+            var values = __spreadArrays(opts.values);
             values[0] = from;
             opts.values = values;
         }
@@ -8808,7 +8548,7 @@ var transitionOptionParser = {
     },
 };
 var isTransitionDefined = function (_a) {
-    var when = _a.when, delay = _a.delay, delayChildren = _a.delayChildren, staggerChildren = _a.staggerChildren, staggerDirection = _a.staggerDirection, transition = __rest$5(_a, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection"]);
+    var when = _a.when, delay = _a.delay, delayChildren = _a.delayChildren, staggerChildren = _a.staggerChildren, staggerDirection = _a.staggerDirection, transition = __rest(_a, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection"]);
     return Object.keys(transition).length;
 };
 var getTransitionDefinition = function (key, to, transitionDefinition) {
@@ -8818,7 +8558,7 @@ var getTransitionDefinition = function (key, to, transitionDefinition) {
     // and see if there's any props remaining
     if (transitionDefinition === undefined ||
         !isTransitionDefined(transitionDefinition)) {
-        return __assign$7({ delay: delay }, getDefaultTransition(key, to));
+        return __assign({ delay: delay }, getDefaultTransition(key, to));
     }
     var valueTransitionDefinition = transitionDefinition[key] ||
         transitionDefinition.default ||
@@ -8835,12 +8575,12 @@ var getTransitionDefinition = function (key, to, transitionDefinition) {
         };
     }
     else if (isKeyframesTarget(to)) {
-        return __assign$7(__assign$7({ values: to, duration: 0.8, delay: delay, ease: "linear" }, valueTransitionDefinition), { 
+        return __assign(__assign({ values: to, duration: 0.8, delay: delay, ease: "linear" }, valueTransitionDefinition), { 
             // This animation must be keyframes if we're animating through an array
             type: "keyframes" });
     }
     else {
-        return __assign$7({ type: "tween", to: to,
+        return __assign({ type: "tween", to: to,
             delay: delay }, valueTransitionDefinition);
     }
 };
@@ -8857,12 +8597,12 @@ var getAnimation = function (key, value, target, transition) {
     // for instance 100 to #fff. This might live better in Popmotion.
     warning(isOriginAnimatable === isTargetAnimatable, "You are trying to animate " + key + " from \"" + origin + "\" to " + target + ". \"" + origin + "\" is not an animatable value - to enable this animation set " + origin + " to a value animatable to " + target + " via the `style` property.");
     // Parse the `transition` prop and return options for the Popmotion animation
-    var _a = getTransitionDefinition(key, target, transition), _b = _a.type, type = _b === void 0 ? "tween" : _b, transitionDefinition = __rest$5(_a, ["type"]);
+    var _a = getTransitionDefinition(key, target, transition), _b = _a.type, type = _b === void 0 ? "tween" : _b, transitionDefinition = __rest(_a, ["type"]);
     // If this is an animatable pair of values, return an animation, otherwise use `just`
     var actionFactory = isOriginAnimatable && isTargetAnimatable
         ? transitions[type]
         : just$1;
-    var opts = preprocessOptions(type, __assign$7({ from: origin, velocity: value.getVelocity() }, transitionDefinition));
+    var opts = preprocessOptions(type, __assign({ from: origin, velocity: value.getVelocity() }, transitionDefinition));
     // Convert duration from Framer Motion's seconds into Popmotion's milliseconds
     if (isDurationAnimation(opts)) {
         if (opts.duration) {
@@ -8880,10 +8620,10 @@ var getAnimation = function (key, value, target, transition) {
  * @internal
  */
 function startAnimation(key, value, target, _a) {
-    var _b = _a.delay, delay$1$1 = _b === void 0 ? 0 : _b, transition = __rest$5(_a, ["delay"]);
+    var _b = _a.delay, delay$1$1 = _b === void 0 ? 0 : _b, transition = __rest(_a, ["delay"]);
     return value.start(function (complete) {
         var activeAnimation;
-        var _a = getAnimation(key, value, target, transition), animationFactory = _a[0], _b = _a[1], valueDelay = _b.delay, options = __rest$5(_b, ["delay"]);
+        var _a = getAnimation(key, value, target, transition), animationFactory = _a[0], _b = _a[1], valueDelay = _b.delay, options = __rest(_b, ["delay"]);
         if (valueDelay !== undefined) {
             delay$1$1 = valueDelay;
         }
@@ -9029,7 +8769,7 @@ var ValueAnimationControls = /** @class */ (function () {
         var _this = this;
         var _b = _a === void 0 ? {} : _a, _c = _b.isActive, isActive = _c === void 0 ? new Set() : _c, priority = _b.priority;
         var _d = this.resolveVariant(definition), target = _d.target, transitionEnd = _d.transitionEnd;
-        target = this.transformValues(__assign$7(__assign$7({}, target), transitionEnd));
+        target = this.transformValues(__assign(__assign({}, target), transitionEnd));
         return Object.keys(target).forEach(function (key) {
             if (isActive.has(key))
                 return;
@@ -9119,7 +8859,7 @@ var ValueAnimationControls = /** @class */ (function () {
             // resolve current and velocity
             variant = variant(this.props.custom, getCurrent$1(this.values), getVelocity(this.values));
         }
-        var _a = variant.transition, transition = _a === void 0 ? this.defaultTransition : _a, transitionEnd = variant.transitionEnd, target = __rest$5(variant, ["transition", "transitionEnd"]);
+        var _a = variant.transition, transition = _a === void 0 ? this.defaultTransition : _a, transitionEnd = variant.transitionEnd, target = __rest(variant, ["transition", "transitionEnd"]);
         return { transition: transition, transitionEnd: transitionEnd, target: target };
     };
     /**
@@ -9210,7 +8950,7 @@ var ValueAnimationControls = /** @class */ (function () {
     ValueAnimationControls.prototype.applyVariantLabels = function (variantLabelList) {
         var _this = this;
         var isActive = new Set();
-        var reversedList = __spreadArrays$2(variantLabelList).reverse();
+        var reversedList = __spreadArrays(variantLabelList).reverse();
         reversedList.forEach(function (key) {
             var _a = _this.resolveVariant(_this.variants[key]), target = _a.target, transitionEnd = _a.transitionEnd;
             if (transitionEnd) {
@@ -9281,7 +9021,7 @@ var ValueAnimationControls = /** @class */ (function () {
             if (this.isAnimating.has(key))
                 continue;
             this.isAnimating.add(key);
-            animations.push(startAnimation(key, value, valueTarget, __assign$7({ delay: delay }, transition)));
+            animations.push(startAnimation(key, value, valueTarget, __assign({ delay: delay }, transition)));
         }
         var allAnimations = Promise.all(animations);
         return transitionEnd
@@ -9292,7 +9032,7 @@ var ValueAnimationControls = /** @class */ (function () {
     };
     ValueAnimationControls.prototype.animateVariantLabels = function (variantLabels, opts) {
         var _this = this;
-        var animations = __spreadArrays$2(variantLabels).reverse()
+        var animations = __spreadArrays(variantLabels).reverse()
             .map(function (label) { return _this.animateVariant(label, opts); });
         return Promise.all(animations);
     };
@@ -9736,7 +9476,7 @@ function useValueAnimationControls(config, props, subscribeToParentControls) {
             // Remove reference to onAnimationComplete from controls. All the MotionValues
             // are unsubscribed from this component separately. We let animations run out
             // as they might be animating other components.
-            var onAnimationComplete = props.onAnimationComplete, unmountProps = __rest$5(props, ["onAnimationComplete"]);
+            var onAnimationComplete = props.onAnimationComplete, unmountProps = __rest(props, ["onAnimationComplete"]);
             controls.setProps(unmountProps);
             parentControls && parentControls.removeChild(controls);
         };
@@ -10221,7 +9961,7 @@ var PanSession = /** @class */ (function () {
                 return;
             var point = info.point;
             var timestamp = getFrameData().timestamp;
-            _this.history.push(__assign$7(__assign$7({}, point), { timestamp: timestamp }));
+            _this.history.push(__assign(__assign({}, point), { timestamp: timestamp }));
             var _a = _this.handlers, onStart = _a.onStart, onMove = _a.onMove;
             if (!isPanStarted) {
                 onStart && onStart(_this.lastMoveEvent, info);
@@ -10238,7 +9978,7 @@ var PanSession = /** @class */ (function () {
         var initialInfo = transformPoint(info, this.transformPagePoint);
         var point = initialInfo.point;
         var timestamp = getFrameData().timestamp;
-        this.history = [__assign$7(__assign$7({}, point), { timestamp: timestamp })];
+        this.history = [__assign(__assign({}, point), { timestamp: timestamp })];
         var onSessionStart = handlers.onSessionStart;
         onSessionStart &&
             onSessionStart(event, getPanInfo(initialInfo, this.history));
@@ -10566,7 +10306,7 @@ var Gestures = {
         return gestureProps.some(function (key) { return props.hasOwnProperty(key); });
     },
     Component: makeRenderlessComponent(function (_a) {
-        var innerRef = _a.innerRef, props = __rest$5(_a, ["innerRef"]);
+        var innerRef = _a.innerRef, props = __rest(_a, ["innerRef"]);
         useGestures(props, innerRef);
     }),
 };
@@ -10806,8 +10546,8 @@ var ComponentDragControls = /** @class */ (function () {
     };
     ComponentDragControls.prototype.updateProps = function (_a) {
         var _this = this;
-        var _b = _a.drag, drag = _b === void 0 ? false : _b, _c = _a.dragDirectionLock, dragDirectionLock = _c === void 0 ? false : _c, _d = _a.dragPropagation, dragPropagation = _d === void 0 ? false : _d, _e = _a.dragConstraints, dragConstraints = _e === void 0 ? false : _e, _f = _a.dragElastic, dragElastic = _f === void 0 ? true : _f, _g = _a.dragMomentum, dragMomentum = _g === void 0 ? true : _g, remainingProps = __rest$5(_a, ["drag", "dragDirectionLock", "dragPropagation", "dragConstraints", "dragElastic", "dragMomentum"]);
-        this.props = __assign$7({ drag: drag,
+        var _b = _a.drag, drag = _b === void 0 ? false : _b, _c = _a.dragDirectionLock, dragDirectionLock = _c === void 0 ? false : _c, _d = _a.dragPropagation, dragPropagation = _d === void 0 ? false : _d, _e = _a.dragConstraints, dragConstraints = _e === void 0 ? false : _e, _f = _a.dragElastic, dragElastic = _f === void 0 ? true : _f, _g = _a.dragMomentum, dragMomentum = _g === void 0 ? true : _g, remainingProps = __rest(_a, ["drag", "dragDirectionLock", "dragPropagation", "dragConstraints", "dragElastic", "dragMomentum"]);
+        this.props = __assign({ drag: drag,
             dragDirectionLock: dragDirectionLock,
             dragPropagation: dragPropagation,
             dragConstraints: dragConstraints,
@@ -10863,7 +10603,7 @@ var ComponentDragControls = /** @class */ (function () {
             var bounceStiffness = dragElastic ? 200 : 1000000;
             var bounceDamping = dragElastic ? 40 : 10000000;
             var animationControls = _dragTransitionControls || _this.controls;
-            var inertia = __assign$7(__assign$7({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness: bounceStiffness,
+            var inertia = __assign(__assign({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness: bounceStiffness,
                 bounceDamping: bounceDamping, timeConstant: 750, restDelta: 1 }, dragTransition), transition);
             var externalAxisMotionValue = axis === "x" ? _dragValueX : _dragValueY;
             // If we're not animating on an externally-provided `MotionValue` we can use the
@@ -10944,7 +10684,7 @@ function bothAxis(handler) {
     return [handler("x"), handler("y")];
 }
 function convertPanToDrag(info, point) {
-    return __assign$7(__assign$7({}, info), { point: {
+    return __assign(__assign({}, info), { point: {
             x: point.x ? point.x.get() : 0,
             y: point.y ? point.y.get() : 0,
         } });
@@ -11055,7 +10795,7 @@ function useDrag(props, ref, values, controls) {
     var groupDragControls = props.dragControls;
     var transformPagePoint = React.useContext(MotionPluginContext).transformPagePoint;
     var dragControls = useConstant(function () { return new ComponentDragControls({ ref: ref, values: values, controls: controls }); });
-    dragControls.updateProps(__assign$7(__assign$7({}, props), { transformPagePoint: transformPagePoint }));
+    dragControls.updateProps(__assign(__assign({}, props), { transformPagePoint: transformPagePoint }));
     React.useEffect(function () { return groupDragControls && groupDragControls.subscribe(dragControls); }, [dragControls]);
     React.useEffect(function () { return dragControls.mount(ref.current); }, []);
 }
@@ -11064,7 +10804,7 @@ var Drag = {
     key: "drag",
     shouldRender: function (props) { return !!props.drag; },
     Component: makeRenderlessComponent(function (_a) {
-        var innerRef = _a.innerRef, values = _a.values, controls = _a.controls, props = __rest$5(_a, ["innerRef", "values", "controls"]);
+        var innerRef = _a.innerRef, values = _a.values, controls = _a.controls, props = __rest(_a, ["innerRef", "values", "controls"]);
         return useDrag(props, innerRef, values, controls);
     }),
 };
@@ -11116,14 +10856,14 @@ function getVariableValue(current, element, depth) {
  * @internal
  */
 function resolveCSSVariables(values, ref, _a, transitionEnd) {
-    var target = __rest$5(_a, []);
+    var target = __rest(_a, []);
     var element = ref.current;
     if (!(element instanceof HTMLElement))
         return { target: target, transitionEnd: transitionEnd };
     // If `transitionEnd` isn't `undefined`, clone it. We could clone `target` and `transitionEnd`
     // only if they change but I think this reads clearer and this isn't a performance-critical path.
     if (transitionEnd) {
-        transitionEnd = __assign$7({}, transitionEnd);
+        transitionEnd = __assign({}, transitionEnd);
     }
     // Go through existing `MotionValue`s and ensure any existing CSS variables are resolved
     values.forEach(function (value) {
@@ -11280,8 +11020,8 @@ var convertChangedValueTypes = function (target, values, element, elementStyler,
 };
 var checkAndConvertChangedValueTypes = function (values, ref, target, transitionEnd) {
     if (transitionEnd === void 0) { transitionEnd = {}; }
-    target = __assign$7({}, target);
-    transitionEnd = __assign$7({}, transitionEnd);
+    target = __assign({}, target);
+    transitionEnd = __assign({}, transitionEnd);
     var element = ref.current;
     var elementStyler = index(element);
     var targetPositionalKeys = Object.keys(target).filter(isPositionalKey$1);
@@ -11509,7 +11249,7 @@ function calcAxisDelta(prev, next, names) {
     return delta;
 }
 function calcDelta(prev, next) {
-    var delta = __assign$7(__assign$7({}, calcAxisDelta(prev, next, axisLabels.x)), calcAxisDelta(prev, next, axisLabels.y));
+    var delta = __assign(__assign({}, calcAxisDelta(prev, next, axisLabels.x)), calcAxisDelta(prev, next, axisLabels.y));
     return delta;
 }
 var offset = {
@@ -11553,7 +11293,7 @@ function getTransition(_a) {
     return layoutTransition || positionTransition;
 }
 var LayoutAnimation = /** @class */ (function (_super) {
-    __extends$2(LayoutAnimation, _super);
+    __extends(LayoutAnimation, _super);
     function LayoutAnimation() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -11620,11 +11360,11 @@ var LayoutAnimation = /** @class */ (function (_super) {
                 if (!delta[deltaKey])
                     return;
                 var baseTransition = typeof transitionDefinition === "boolean"
-                    ? __assign$7({}, getDefaultLayoutTransition(isPositionOnly)) : transitionDefinition;
+                    ? __assign({}, getDefaultLayoutTransition(isPositionOnly)) : transitionDefinition;
                 var value = values.get(transformKey, targetValue);
                 var velocity = value.getVelocity();
                 transition[transformKey] = baseTransition[transformKey]
-                    ? __assign$7({}, baseTransition[transformKey]) : __assign$7({}, baseTransition);
+                    ? __assign({}, baseTransition[transformKey]) : __assign({}, baseTransition);
                 if (transition[transformKey].velocity === undefined) {
                     transition[transformKey].velocity = velocity || 0;
                 }
@@ -11765,9 +11505,9 @@ var hasUpdated = function (prev, next) {
 };
 function targetWithoutTransition(_a, mergeTransitionEnd) {
     if (mergeTransitionEnd === void 0) { mergeTransitionEnd = false; }
-    var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest$5(_a, ["transition", "transitionEnd"]);
+    var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest(_a, ["transition", "transitionEnd"]);
     return mergeTransitionEnd
-        ? __assign$7(__assign$7({}, target), transitionEnd)
+        ? __assign(__assign({}, target), transitionEnd)
         : target;
 }
 /**
@@ -11819,9 +11559,9 @@ function useAnimateProp(targetAndTransition, controls, values, defaultTransition
             }
         }
         isInitialRender.current = false;
-        prevValues.current = __assign$7(__assign$7({}, prevValues.current), finalTarget);
+        prevValues.current = __assign(__assign({}, prevValues.current), finalTarget);
         if (Object.keys(targetToAnimate).length) {
-            controls.start(__assign$7(__assign$7({}, targetToAnimate), { transition: targetAndTransition.transition || defaultTransition, transitionEnd: targetAndTransition.transitionEnd }));
+            controls.start(__assign(__assign({}, targetToAnimate), { transition: targetAndTransition.transition || defaultTransition, transitionEnd: targetAndTransition.transitionEnd }));
         }
     }, [targetAndTransition]);
 }
@@ -11995,7 +11735,7 @@ var Exit = {
         React.useEffect(function () {
             if (!isPresent) {
                 if (!isPlayingExitAnimation.current && exit) {
-                    controls.setProps(__assign$7(__assign$7({}, props), { custom: custom }));
+                    controls.setProps(__assign(__assign({}, props), { custom: custom }));
                     controls.start(exit).then(onExitComplete);
                 }
                 isPlayingExitAnimation.current = true;
@@ -12066,7 +11806,7 @@ var buildHTMLProps = function (values, style, isStatic, isDrag) {
 var buildSVGProps = function (values, style) {
     var motionValueStyles = resolveCurrent(values);
     var props = buildSVGAttrs(motionValueStyles, undefined, undefined, undefined, undefined, false);
-    props.style = __assign$7(__assign$7({}, style), props.style);
+    props.style = __assign(__assign({}, style), props.style);
     return props;
 };
 var functionalityComponents = [Layout, Drag, Gestures, Exit];
@@ -12085,7 +11825,7 @@ function createDomMotionConfig(Component) {
             var staticVisualStyles = isSVG
                 ? buildSVGProps(values, style)
                 : buildHTMLProps(values, style, isStatic, !!props.drag);
-            return React.createElement(Component, __assign$7(__assign$7(__assign$7({}, forwardedProps), { ref: ref }), staticVisualStyles));
+            return React.createElement(Component, __assign(__assign(__assign({}, forwardedProps), { ref: ref }), staticVisualStyles));
         },
         /**
          * loadFunctionalityComponents gets used by the `motion` component
@@ -12116,7 +11856,7 @@ function createDomMotionConfig(Component) {
             for (var i = 0; i < numFunctionalityComponents; i++) {
                 var _a = functionalityComponents[i], shouldRender = _a.shouldRender, key = _a.key, Component_1 = _a.Component;
                 if (shouldRender(props, context)) {
-                    activeComponents.push(React.createElement(Component_1, __assign$7({ key: key }, props, { parentContext: context, values: values, controls: controls, innerRef: ref })));
+                    activeComponents.push(React.createElement(Component_1, __assign({ key: key }, props, { parentContext: context, values: values, controls: controls, innerRef: ref })));
                 }
             }
             return activeComponents;
@@ -12168,7 +11908,7 @@ var svgMotionComponents = svgElements.reduce(function (acc, Component) {
  *
  * @public
  */
-var motion = __assign$7(__assign$7({ 
+var motion = __assign(__assign({ 
     /**
      * Convert a custom React component into a `motion` component.
      *
@@ -12220,7 +11960,7 @@ var PresenceChild = function (_a) {
             return function () { return numPresenceChildren.current--; };
         };
     }, [isPresent]);
-    return (React.createElement(PresenceContext.Provider, { value: __assign$7(__assign$7({}, context), { register: register }) }, children));
+    return (React.createElement(PresenceContext.Provider, { value: __assign(__assign({}, context), { register: register }) }, children));
 };
 
 function getChildKey(child) {
@@ -12336,7 +12076,7 @@ var AnimatePresence = function (_a) {
         return (React.createElement(React.Fragment, null, filteredChildren.map(function (child) { return (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false }, child)); })));
     }
     // If this is a subsequent render, deal with entering and exiting children
-    var childrenToRender = __spreadArrays$2(filteredChildren);
+    var childrenToRender = __spreadArrays(filteredChildren);
     // Diff the keys of the currently-present and target children to update our
     // exiting list.
     var presentKeys = presentChildren.current.map(getChildKey);
@@ -19557,30 +19297,6 @@ var mobileFallbackValues = {
 var MOBILE_BREAKPOINT = 768;
 
 var _excluded$o = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
-
-/*
-  New responsive text component for Title elements
-  Size is decoupled from tag
-  Comes with two variants - "large" and "small"
-  Large variant results in text that is 1.5rem (24px desktop, 21px mobile)
-  Small variant results in text that is 1.25rem/1.2142rem (20px desktop, 17px mobile)
-  
-  If you need a smaller text size, use the <Detail /> atom, which has smaller variants
-  
-  Use the "as" prop to specify element type, can use any of: h1/h2/h3/h4/h5/h6/p
-  If you need an inline text element (span), use the <Text /> atom
-  The "as" value should be dictated by the structure of your page, not what font-size you want
-
-  Title / Detail both use slightly different desktop/mobile scales
-  (Mobile scale is different to allow for design-friendly px values)
-  Both atoms detect the presence of a mobile device on their own
-  and apply the corresponding scale
-
-  Mobile breakpoint value is specified in Title.theme.js
-
-  If you want to disable mobile text scales (use the same rem scale for desktop/mobile), then use a theme in FCS to set both the "large" and "small" variants to use the same rem sizes. FCS themes override fallbacks defined in the .theme file
-*/
-
 var isBelowBreakpoint = window.innerWidth < MOBILE_BREAKPOINT;
 var isTouchDevice$1 = "ontouchstart" in window || navigator.maxTouchPoints > 1;
 var mobileDeviceDetected = isBelowBreakpoint && isTouchDevice$1;
@@ -19673,9 +19389,11 @@ var Badge = function Badge(_ref) {
     Icon = _ref.Icon,
     themeValues = _ref.themeValues,
     _ref$iconOnLeft = _ref.iconOnLeft,
-    iconOnLeft = _ref$iconOnLeft === void 0 ? true : _ref$iconOnLeft;
+    iconOnLeft = _ref$iconOnLeft === void 0 ? true : _ref$iconOnLeft,
+    id = _ref.id;
   return /*#__PURE__*/React__default.createElement(StyledBadgeContainer, {
-    background: themeValues.background
+    background: themeValues.background,
+    id: id
   }, iconOnLeft && Icon && /*#__PURE__*/React__default.createElement(Icon, {
     color: themeValues.color,
     fill: themeValues.color
@@ -23674,6 +23392,7 @@ var TableRow = function TableRow(_ref) {
   var children = _ref.children,
     extraStyles = _ref.extraStyles,
     _ref$hoverCursor = _ref.hoverCursor,
+    hoverCursor = _ref$hoverCursor === void 0 ? false : _ref$hoverCursor,
     _ref$hoverEffect = _ref.hoverEffect,
     hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
     onClick = _ref.onClick,
@@ -23682,6 +23401,7 @@ var TableRow = function TableRow(_ref) {
   return /*#__PURE__*/React__default.createElement(TableRowWrapper, _extends({
     onClick: onClick,
     hoverEffect: hoverEffect,
+    hoverCursor: hoverCursor,
     extraStyles: extraStyles,
     borderColor: themeValues.borderColor,
     hoverBackgroundColor: themeValues.hoverBackgroundColor
@@ -26513,33 +26233,6 @@ var mobileFallbackValues$1 = {
 var MOBILE_BREAKPOINT$1 = 768;
 
 var _excluded$w = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
-
-/*
-  New responsive text component for Detail elements
-  (Block level text elements which are smaller than "Title" elements)
-  Size is decoupled from tag
-  Comes with four variants - "large", "regular", "small", "extraSmall"
-  Large variant results in text that is 1.125rem/1.1428rem (18px desktop, 16px mobile)
-  Regular variant results in text that is 1rem (16px desktop, 14px mobile)
-  Small variant reuslts in text that is 0.875rem/0.8571rem (14px desktop, 12px mobile)
-  ExtraSmall variant results in text that is 0.75rem/0.7142rem (12px desktop, 10px mobile)
-  
-  If you need a larger font size, use the <Title /> atom, which has larger variants
-  
-  Use the "as" prop to specify element type, can use any of: h1/h2/h3/h4/h5/h6/p
-  If you need an inline text element (span), use the <Text /> atom
-  The "as" value should be dictated by the structure of your page, not what font-size you want
-
-  Title / Detail both use slightly different desktop/mobile scales
-  (Mobile scale is different to allow for design-friendly px values)
-  Both atoms detect the presence of a mobile device on their own
-  and apply the corresponding scale
-
-  Mobile breakpoint value is specified in Detail.theme.js
-
-  If you want to disable mobile text scales (use the same rem scale for desktop/mobile), then use a theme in FCS to set all of the variants to use the same rem sizes. FCS themes override fallbacks defined in the .theme file
-*/
-
 var isBelowBreakpoint$1 = window.innerWidth < MOBILE_BREAKPOINT$1;
 var isTouchDevice$2 = "ontouchstart" in window || navigator.maxTouchPoints > 1;
 var mobileDeviceDetected$1 = isBelowBreakpoint$1 && isTouchDevice$2;
@@ -27156,83 +26849,79 @@ var createFormat = function createFormat(formats, formatChar) {
 var FormattedInput = function FormattedInput(_ref) {
   var value = _ref.value,
       formatter = _ref.formatter,
-      onChange = _ref.onChange,
+      _onChange = _ref.onChange,
       props = _objectWithoutProperties$1(_ref, ["value", "formatter", "onChange"]);
 
-  var _useState = React.useState(format$1(formatter)(value)),
-      _useState2 = _slicedToArray$1(_useState, 2),
-      formattedValue = _useState2[0],
-      setFormattedValue = _useState2[1];
-
   var inputEl = React.useRef(null);
-  var stateRefs = React.useRef({
+
+  var _useState = React.useState({
     selectionStart: 0,
     selectionEnd: 0,
-    isDelete: false,
-    rawValue: ''
-  });
+    rawValue: value,
+    "delete": false,
+    formattedValue: format$1(formatter)(value)
+  }),
+      _useState2 = _slicedToArray$1(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   React.useLayoutEffect(function () {
     // A lot of the work here is cursor manipulation
     if (inputEl.current && inputEl.current === document.activeElement) {
-      inputEl.current.setSelectionRange(stateRefs.current.selectionStart, stateRefs.current.selectionEnd);
+      inputEl.current.setSelectionRange(state.selectionStart, state.selectionEnd);
     }
-  }, [stateRefs]);
-
-  var handleChange = function handleChange(event) {
-    var deleteKeyPressed = stateRefs.current.isDelete;
-    var maxFormatExceeded = stateRefs.current.rawValue.length >= formatter.formats.length - 1;
-
-    if (maxFormatExceeded && !deleteKeyPressed) {
-      return;
-    }
-    /* At the beginning of onChange, event.target.value is a concat of the previous formatted value
-    * and an unformatted injection at the start, end, or in the middle (maybe a deletion). To prepare 
-    * the unformatted value for the user's onChange, the formatted string and unformatted injection need
-    * to be separated, then unformat the formatted string, then insert (or delete) the injection from the
-    * old unformatted value.
-    */
-
-
-    var injectionLength = event.target.value.length - formattedValue.length;
-    var end = stateRefs.current.selectionStart === stateRefs.current.selectionEnd ? stateRefs.current.selectionStart + injectionLength : stateRefs.current.selectionEnd - 1;
-    var injection = event.target.value.substring(stateRefs.current.selectionStart, end); // Injection is the new unformatted piece of the input
-    // Need to find where to put it
-
-    var rawInjectionPointStart = formattedToUnformattedIndex(stateRefs.current.selectionStart, stateRefs.current.rawValue, formatter);
-    var rawInjectionPointEnd = formattedToUnformattedIndex(stateRefs.current.selectionEnd, stateRefs.current.rawValue, formatter); // Unformat the previous formatted value for injection
-    // Using the relevant format string, strips away chars not marked with the formatChar
-
-    var unformattedOldValue = unformat(formatter)(formattedValue, stateRefs.current.rawValue.length); // Edit the previous unformatted value (either add, update or delete)
-
-    var injectIntoOldValue = inject(unformattedOldValue);
-    var unformattedNewValue = deleteKeyPressed ? rawInjectionPointStart === rawInjectionPointEnd ? injectIntoOldValue(rawInjectionPointStart - 1, rawInjectionPointStart, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, injection);
-    var lengthDifference = unformattedNewValue.length - stateRefs.current.rawValue.length;
-    var rawIndex = formattedToUnformattedIndex(stateRefs.current.selectionStart, stateRefs.current.rawValue, formatter) + lengthDifference; // Find the new cursor position for the potential formatted value
-    // Applied by useLayoutEffect
-
-    var newFormattedCursorPosition = stateRefs.current.selectionStart === stateRefs.current.selectionEnd ? unformattedToFormattedIndex(rawIndex, unformattedNewValue, formatter, deleteKeyPressed) : deleteKeyPressed ? stateRefs.current.selectionStart : stateRefs.current.selectionEnd;
-    var formattedNewValue = format$1(formatter)(unformattedNewValue);
-    setFormattedValue(formattedNewValue); // Apply the external onChange function to the raw underlying string
-    // This is where the user generally updates the input value
-
-    if (onChange) {
-      onChange(unformattedNewValue);
-    }
-  };
-
+  });
   return React__default.createElement("input", _extends$2({}, props, {
     ref: inputEl,
     value: format$1(formatter)(value),
     onKeyDown: function onKeyDown(event) {
-      // Keep track of the state of the input before onChange
-      stateRefs.current = {
-        isDelete: event.key === "Backspace" || event.key === "Delete",
+      // Keep track of the state of the input before onChange, including if user is hitting delete
+      setState({
+        rawValue: value,
         selectionStart: event.target.selectionStart,
         selectionEnd: event.target.selectionEnd,
-        rawValue: value
-      };
+        "delete": event.key === "Backspace" || event.key === "Delete",
+        formattedValue: event.target.value
+      });
     },
-    onChange: handleChange
+    onChange: function onChange(event) {
+      /* At the beginning of onChange, event.target.value is a concat of the previous formatted value
+       * and an unformatted injection at the start, end, or in the middle (maybe a deletion). To prepare 
+       * the unformatted value for the user's onChange, the formatted string and unformatted injection need
+       * to be separated, then unformat the formatted string, then insert (or delete) the injection from the
+       * old unformatted value.
+       */
+      var injectionLength = event.target.value.length - state.formattedValue.length;
+      var end = state.selectionStart === state.selectionEnd ? state.selectionStart + injectionLength : state.selectionEnd - 1;
+      var injection = event.target.value.substring(state.selectionStart, end); // Injection is the new unformatted piece of the input
+      // Need to find where to put it
+
+      var rawInjectionPointStart = formattedToUnformattedIndex(state.selectionStart, state.rawValue, formatter);
+      var rawInjectionPointEnd = formattedToUnformattedIndex(state.selectionEnd, state.rawValue, formatter); // Unformat the previous formatted value for injection
+      // Using the relevant format string, strips away chars not marked with the formatChar
+
+      var unformattedOldValue = unformat(formatter)(state.formattedValue, state.rawValue.length); // Edit the previous unformatted value (either add, update or delete)
+
+      var injectIntoOldValue = inject(unformattedOldValue);
+      var unformattedNewValue = state["delete"] ? rawInjectionPointStart === rawInjectionPointEnd ? injectIntoOldValue(rawInjectionPointStart - 1, rawInjectionPointStart, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, injection);
+      var lengthDifference = unformattedNewValue.length - state.rawValue.length;
+      var rawIndex = formattedToUnformattedIndex(state.selectionStart, state.rawValue, formatter) + lengthDifference; // Find the new cursor position for the potential formatted value
+      // Applied by useLayoutEffect
+
+      var newFormattedCursorPosition = state.selectionStart == state.selectionEnd ? unformattedToFormattedIndex(rawIndex, unformattedNewValue, formatter, state["delete"]) : state["delete"] ? state.selectionStart : state.selectionEnd;
+      setState({
+        selectionStart: newFormattedCursorPosition,
+        selectionEnd: newFormattedCursorPosition,
+        rawValue: state.rawValue,
+        "delete": false,
+        formattedValue: state.formattedValue
+      }); // Apply the external onChange function to the raw underlying string
+      // This is where the user generally updates the input value
+
+      if (_onChange) {
+        _onChange(unformattedNewValue);
+      }
+    }
   }));
 };
 
@@ -39669,15 +39358,16 @@ var disabledBackground = "".concat(MANATEE_GREY);
 var disabledBackgroundLight = "".concat(ATHENS_GREY);
 var white = "".concat(WHITE);
 var labelStyles = "\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n";
-var rightLabelStyles = "\n  ".concat(labelStyles, "\n  flex-direction: row;\n");
-var leftLabelStyles = "\n  ".concat(labelStyles, "\n  flex-direction: row-reverse;\n");
+var rightLabelStyles = "\n  > div {\n    flex-direction: row;\n  }\n";
+var leftLabelStyles = "\n  > div {\n    flex-direction: row-reverse;\n  }\n";
 var fallbackValues$C = {
   onBackground: onBackground,
   disabledBackground: disabledBackground,
   disabledBackgroundLight: disabledBackgroundLight,
   white: white,
   rightLabelStyles: rightLabelStyles,
-  leftLabelStyles: leftLabelStyles
+  leftLabelStyles: leftLabelStyles,
+  labelStyles: labelStyles
 };
 
 var HiddenToggleSwitchBox = styled__default.input.withConfig({
@@ -39943,7 +39633,8 @@ var CardText = function CardText(_ref) {
   }, /*#__PURE__*/React__default.createElement(Cover, null, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "space-between",
     align: "center",
-    overflow: true
+    overflow: true,
+    nowrap: true
   }, titleText && /*#__PURE__*/React__default.createElement(Title$1, {
     as: titleAs,
     variant: titleVariant,
@@ -40160,10 +39851,11 @@ var LoadingLine = function LoadingLine(_ref) {
     height = _ref$height === void 0 ? "16px" : _ref$height,
     _ref$margin = _ref.margin,
     margin = _ref$margin === void 0 ? "0px" : _ref$margin;
+  var calculatedWidth = Math.floor(Math.random() * (parseInt(maxWidth) - parseInt(minWidth) + 1) + parseInt(minWidth));
   return /*#__PURE__*/React__default.createElement(LoadingPill, {
     margin: margin,
     height: height,
-    width: exactWidth || Math.floor(Math.random() * (maxWidth - minWidth + 1)) + minWidth
+    width: exactWidth || calculatedWidth
   });
 };
 
@@ -42208,728 +41900,129 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
 };
 var HighlightTabRow$1 = themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$K);
 
-var AccountBillIcon = function AccountBillIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
-    fill: "#FEFEFE"
-  }));
-};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var b$2="function"===typeof Symbol&&Symbol.for,c$2=b$2?Symbol.for("react.element"):60103,d$1=b$2?Symbol.for("react.portal"):60106,e=b$2?Symbol.for("react.fragment"):60107,f$7=b$2?Symbol.for("react.strict_mode"):60108,g$1=b$2?Symbol.for("react.profiler"):60114,h$1=b$2?Symbol.for("react.provider"):60109,k$1=b$2?Symbol.for("react.context"):60110,l$1=b$2?Symbol.for("react.async_mode"):60111,m=b$2?Symbol.for("react.concurrent_mode"):60111,n$1=b$2?Symbol.for("react.forward_ref"):60112,p$1=b$2?Symbol.for("react.suspense"):60113,q$1=b$2?
+Symbol.for("react.suspense_list"):60120,r$1=b$2?Symbol.for("react.memo"):60115,t$1=b$2?Symbol.for("react.lazy"):60116,v$1=b$2?Symbol.for("react.block"):60121,w$1=b$2?Symbol.for("react.fundamental"):60117,x$1=b$2?Symbol.for("react.responder"):60118,y$1=b$2?Symbol.for("react.scope"):60119;
+function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$1:case m:case e:case g$1:case f$7:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m}var AsyncMode=l$1;var ConcurrentMode=m;var ContextConsumer=k$1;var ContextProvider=h$1;var Element$1=c$2;var ForwardRef=n$1;var Fragment=e;var Lazy=t$1;var Memo=r$1;var Portal=d$1;
+var Profiler=g$1;var StrictMode=f$7;var Suspense=p$1;var isAsyncMode=function(a){return A$1(a)||z$1(a)===l$1};var isConcurrentMode=A$1;var isContextConsumer=function(a){return z$1(a)===k$1};var isContextProvider=function(a){return z$1(a)===h$1};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};var isForwardRef=function(a){return z$1(a)===n$1};var isFragment=function(a){return z$1(a)===e};var isLazy=function(a){return z$1(a)===t$1};
+var isMemo=function(a){return z$1(a)===r$1};var isPortal=function(a){return z$1(a)===d$1};var isProfiler=function(a){return z$1(a)===g$1};var isStrictMode=function(a){return z$1(a)===f$7};var isSuspense=function(a){return z$1(a)===p$1};
+var isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g$1||a===f$7||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$1)};var typeOf=z$1;
 
-var AccountGenericIcon = function AccountGenericIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2187 22.5 16.125V15.375C22.5 15.2812 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2812 18 15.375V16.125C18 16.2187 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2187 18 19.125V18.375C18 18.2812 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2812 22.5 18.375V19.125C22.5 19.2187 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM18.75 28.5H29.25C29.4687 28.5 29.6484 28.4297 29.7891 28.2891C29.9297 28.1484 30 27.9688 30 27.75V23.25C30 23.0313 29.9297 22.8516 29.7891 22.7109C29.6484 22.5703 29.4687 22.5 29.25 22.5H18.75C18.5312 22.5 18.3516 22.5703 18.2109 22.7109C18.0703 22.8516 18 23.0313 18 23.25V27.75C18 27.9688 18.0703 28.1484 18.2109 28.2891C18.3516 28.4297 18.5312 28.5 18.75 28.5ZM28.5 27V24H19.5V27H28.5ZM25.875 33H29.625C29.7188 33 29.8047 32.9609 29.8828 32.8828C29.9609 32.8047 30 32.7187 30 32.625V31.875C30 31.7813 29.9609 31.6953 29.8828 31.6172C29.8047 31.5391 29.7188 31.5 29.625 31.5H25.875C25.7812 31.5 25.6953 31.5391 25.6172 31.6172C25.5391 31.6953 25.5 31.7813 25.5 31.875V32.625C25.5 32.7187 25.5391 32.8047 25.6172 32.8828C25.6953 32.9609 25.7812 33 25.875 33Z",
-    fill: "#FEFEFE"
-  }));
+var reactIs_production_min = {
+	AsyncMode: AsyncMode,
+	ConcurrentMode: ConcurrentMode,
+	ContextConsumer: ContextConsumer,
+	ContextProvider: ContextProvider,
+	Element: Element$1,
+	ForwardRef: ForwardRef,
+	Fragment: Fragment,
+	Lazy: Lazy,
+	Memo: Memo,
+	Portal: Portal,
+	Profiler: Profiler,
+	StrictMode: StrictMode,
+	Suspense: Suspense,
+	isAsyncMode: isAsyncMode,
+	isConcurrentMode: isConcurrentMode,
+	isContextConsumer: isContextConsumer,
+	isContextProvider: isContextProvider,
+	isElement: isElement,
+	isForwardRef: isForwardRef,
+	isFragment: isFragment,
+	isLazy: isLazy,
+	isMemo: isMemo,
+	isPortal: isPortal,
+	isProfiler: isProfiler,
+	isStrictMode: isStrictMode,
+	isSuspense: isSuspense,
+	isValidElementType: isValidElementType,
+	typeOf: typeOf
 };
 
-var AccountConstructionIcon = function AccountConstructionIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
-    fill: "#FEFEFE"
-  }));
-};
+var reactIs_development = createCommonjsModule(function (module, exports) {
 
-var AccountDentalIcon = function AccountDentalIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M28.1548 35.14C28.4576 35.14 28.7315 35.0463 28.9766 34.8589C29.2217 34.6714 29.373 34.4191 29.4307 34.102L29.7767 32.6314C30.1516 30.9879 30.4543 28.9695 30.685 26.5763C30.858 24.6444 31.377 23.1017 32.242 21.9484C32.7322 21.2852 33.0638 20.5427 33.2368 19.7209C33.4098 18.8992 33.3954 18.0413 33.1936 17.1475C32.9629 16.1671 32.4871 15.3093 31.7663 14.574C31.0454 13.8388 30.1948 13.3558 29.2145 13.1251C28.0323 12.8079 26.7491 13.154 25.3651 14.1631C25.2786 14.2208 25.1633 14.2785 25.0191 14.3362L24.8893 14.3794L26.1436 15.2012C26.2878 15.2877 26.3815 15.4246 26.4248 15.6121C26.468 15.7995 26.4392 15.9725 26.3382 16.1311C26.2373 16.2897 26.0932 16.3906 25.9057 16.4338C25.7183 16.4771 25.5381 16.441 25.3651 16.3257L21.04 13.5576C20.0308 13.0098 19.0648 12.8656 18.1421 13.1251C17.1618 13.3558 16.3112 13.8388 15.5903 14.574C14.8695 15.3093 14.3937 16.1671 14.163 17.1475C13.9612 18.0413 13.9468 18.8992 14.1198 19.7209C14.2928 20.5427 14.6244 21.2852 15.1146 21.9484C15.9796 23.1017 16.4986 24.6444 16.6716 26.5763C16.9023 28.9695 17.205 30.9879 17.5799 32.6314L17.9259 34.102C17.9835 34.4191 18.1349 34.6714 18.38 34.8589C18.6251 35.0463 18.899 35.14 19.2018 35.14C19.5046 35.14 19.7713 35.0463 20.0019 34.8589C20.2326 34.6714 20.3912 34.4336 20.4777 34.1452L21.9482 28.1333C22.0636 27.7585 22.2798 27.4413 22.597 27.1818C22.9142 26.9223 23.2746 26.7925 23.6783 26.7925C24.082 26.7925 24.4424 26.9223 24.7596 27.1818C25.0768 27.4413 25.293 27.7585 25.4083 28.1333L26.8789 34.1452C26.9654 34.4336 27.124 34.6714 27.3547 34.8589C27.5853 35.0463 27.852 35.14 28.1548 35.14Z",
-    fill: "#FEFEFE"
-  }));
-};
 
-var AccountElectricIcon = function AccountElectricIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M29.8438 19.2297V14.3844C29.8438 14.0094 29.7068 13.685 29.4328 13.411C29.1588 13.137 28.8343 13 28.4594 13C28.0844 13 27.76 13.137 27.486 13.411C27.212 13.685 27.075 14.0094 27.075 14.3844V19.2297H29.8438ZM21.5375 19.2297V14.3844C21.5375 14.0094 21.4005 13.685 21.1265 13.411C20.8525 13.137 20.5281 13 20.1531 13C19.7782 13 19.4537 13.137 19.1797 13.411C18.9057 13.685 18.7687 14.0094 18.7687 14.3844V19.2297H21.5375ZM25.6906 35.15V30.8671C27.2769 30.5498 28.5964 29.7567 29.6491 28.4877C30.7018 27.2187 31.2281 25.7478 31.2281 24.075V22.6906H31.9203C32.1222 22.6906 32.288 22.6257 32.4178 22.4959C32.5476 22.3662 32.6125 22.2003 32.6125 21.9984V20.6141C32.6125 20.4122 32.5476 20.2463 32.4178 20.1166C32.288 19.9868 32.1222 19.9219 31.9203 19.9219H16.6922C16.4903 19.9219 16.3245 19.9868 16.1947 20.1166C16.0649 20.2463 16 20.4122 16 20.6141V21.9984C16 22.2003 16.0649 22.3662 16.1947 22.4959C16.3245 22.6257 16.4903 22.6906 16.6922 22.6906H17.3844V24.075C17.3844 25.7478 17.9107 27.2187 18.9634 28.4877C20.0161 29.7567 21.3356 30.5498 22.9219 30.8671V35.15H25.6906Z",
-    fill: "#FEFEFE"
-  }));
-};
 
-var AccountGarbageIcon = function AccountGarbageIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M33.4179 16.7612C33.5671 16.7612 33.694 16.7089 33.7985 16.6045C33.9029 16.5 33.9552 16.3731 33.9552 16.2239V14.9701C33.9552 14.6716 33.8507 14.4179 33.6417 14.2089C33.4328 14 33.1791 13.8955 32.8806 13.8955H27.8656L27.4627 13.0448C27.3731 12.8657 27.2388 12.7239 27.0597 12.6194C26.8806 12.5149 26.6865 12.4627 26.4776 12.4627H21.3731C21.1642 12.4627 20.9701 12.5149 20.791 12.6194C20.6119 12.7239 20.4776 12.8657 20.388 13.0448L19.9851 13.8955H14.9701C14.6716 13.8955 14.4179 14 14.209 14.2089C14 14.4179 13.8955 14.6716 13.8955 14.9701V16.2239C13.8955 16.3731 13.9478 16.5 14.0522 16.6045C14.1567 16.7089 14.2836 16.7612 14.4328 16.7612H33.4179ZM30.3731 35.388C30.9701 35.388 31.4776 35.179 31.8955 34.7611C32.3134 34.3432 32.5223 33.8358 32.5223 33.2388V18.7313C32.5223 18.5821 32.4701 18.4552 32.3656 18.3507C32.2611 18.2463 32.1343 18.194 31.985 18.194H15.8657C15.7164 18.194 15.5895 18.2463 15.4851 18.3507C15.3806 18.4552 15.3284 18.5821 15.3284 18.7313V33.2388C15.3284 33.8358 15.5373 34.3432 15.9552 34.7611C16.3731 35.179 16.8806 35.388 17.4776 35.388H30.3731ZM19.1119 32.3208C19.2463 32.4552 19.4179 32.5223 19.6269 32.5223C19.8358 32.5223 20.0074 32.4552 20.1418 32.3208C20.2761 32.1865 20.3433 32.0149 20.3433 31.8059V21.7761C20.3433 21.5671 20.2761 21.3955 20.1418 21.2612C20.0074 21.1268 19.8358 21.0597 19.6269 21.0597C19.4179 21.0597 19.2463 21.1268 19.1119 21.2612C18.9776 21.3955 18.9104 21.5671 18.9104 21.7761V31.8059C18.9104 32.0149 18.9776 32.1865 19.1119 32.3208ZM23.9254 32.5223C23.7164 32.5223 23.5448 32.4552 23.4104 32.3208C23.2761 32.1865 23.2089 32.0149 23.2089 31.8059V21.7761C23.2089 21.5671 23.2761 21.3955 23.4104 21.2612C23.5448 21.1268 23.7164 21.0597 23.9254 21.0597C24.1343 21.0597 24.3059 21.1268 24.4403 21.2612C24.5746 21.3955 24.6418 21.5671 24.6418 21.7761V31.8059C24.6418 32.0149 24.5746 32.1865 24.4403 32.3208C24.3059 32.4552 24.1343 32.5223 23.9254 32.5223ZM27.7089 32.3208C27.8433 32.4552 28.0149 32.5223 28.2238 32.5223C28.4328 32.5223 28.6044 32.4552 28.7388 32.3208C28.8731 32.1865 28.9403 32.0149 28.9403 31.8059V21.7761C28.9403 21.5671 28.8731 21.3955 28.7388 21.2612C28.6044 21.1268 28.4328 21.0597 28.2238 21.0597C28.0149 21.0597 27.8433 21.1268 27.7089 21.2612C27.5746 21.3955 27.5074 21.5671 27.5074 21.7761V31.8059C27.5074 32.0149 27.5746 32.1865 27.7089 32.3208Z",
-    fill: "#FEFEFE"
-  }));
-};
+if (process.env.NODE_ENV !== "production") {
+  (function() {
 
-var AccountGasIcon = function AccountGasIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M23.9253 35.394C25.4776 35.394 26.9104 35.0059 28.2238 34.2298C29.5373 33.4537 30.5821 32.4089 31.3582 31.0955C32.1343 29.7821 32.5223 28.3492 32.5223 26.797C32.5223 25.4836 32.2985 24.2597 31.8507 23.1254C31.4626 22.2298 30.8955 21.3493 30.1492 20.4836C29.7015 19.9761 29 19.2746 28.0447 18.3791C27 17.4239 26.2985 16.6776 25.9403 16.1403C25.3134 15.3045 25 14.4388 25 13.5433C25 13.1851 24.8806 12.909 24.6418 12.7149C24.403 12.5209 24.1194 12.4388 23.791 12.4687C23.4627 12.4985 23.2089 12.6627 23.0298 12.9612C21.8955 14.5732 21.2537 16.006 21.1045 17.2597C20.9552 18.2746 21.1343 19.2 21.6418 20.0358C21.9403 20.5433 22.5224 21.2149 23.388 22.0507C24.0448 22.7075 24.4925 23.2149 24.7313 23.5731C25.1492 24.1403 25.3582 24.7373 25.3582 25.3642C25.3582 26.1701 25.0746 26.8492 24.5074 27.4015C23.9403 27.9537 23.2612 28.2298 22.4701 28.2298C21.6791 28.2298 21.0074 27.9463 20.4552 27.3791C19.903 26.8119 19.6269 26.1254 19.6269 25.3194V25.3194V21.5134C19.6269 21.1851 19.5224 20.9239 19.3134 20.7299C19.1045 20.5358 18.8507 20.4313 18.5522 20.4164C18.2537 20.4015 18 20.5134 17.791 20.7522C17.1045 21.4687 16.5373 22.3045 16.0895 23.2597C15.5821 24.394 15.3284 25.5731 15.3284 26.797C15.3284 28.3492 15.7164 29.7821 16.4925 31.0955C17.2686 32.4089 18.3134 33.4537 19.6269 34.2298C20.9403 35.0059 22.3731 35.394 23.9253 35.394Z",
-    fill: "#FEFEFE"
-  }));
-};
+// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+// nor polyfill, then a plain number is used for performance.
+var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+// (unstable) APIs that have been removed. Can we remove the symbols?
 
-var AccountMedicalIcon = function AccountMedicalIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4063 32.8906 17.1406 32.6718 16.9219L28.0781 12.3281C27.8593 12.1094 27.5937 12 27.2812 12H27V18H33ZM22.875 31.5H25.125C25.2187 31.5 25.3047 31.4609 25.3828 31.3828C25.4609 31.3047 25.5 31.2188 25.5 31.125V28.5H28.125C28.2187 28.5 28.3047 28.4609 28.3828 28.3828C28.4609 28.3047 28.5 28.2188 28.5 28.125V25.875C28.5 25.7812 28.4609 25.6953 28.3828 25.6172C28.3047 25.5391 28.2187 25.5 28.125 25.5H25.5V22.875C25.5 22.7812 25.4609 22.6953 25.3828 22.6172C25.3047 22.5391 25.2187 22.5 25.125 22.5H22.875C22.7812 22.5 22.6953 22.5391 22.6172 22.6172C22.539 22.6953 22.5 22.7812 22.5 22.875V25.5H19.875C19.7812 25.5 19.6953 25.5391 19.6172 25.6172C19.539 25.6953 19.5 25.7812 19.5 25.875V28.125C19.5 28.2188 19.539 28.3047 19.6172 28.3828C19.6953 28.4609 19.7812 28.5 19.875 28.5H22.5V31.125C22.5 31.2188 22.539 31.3047 22.6172 31.3828C22.6953 31.4609 22.7812 31.5 22.875 31.5Z",
-    fill: "#FEFEFE"
-  }));
-};
+var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
 
-var AccountWaterIcon = function AccountWaterIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M27.9627 35.3015C26.7537 36.0805 25.4328 36.47 24 36.47C22.5672 36.47 21.2463 36.0805 20.0373 35.3015C18.8284 34.5225 17.8731 33.4676 17.1717 32.1368C16.4702 30.8061 16.1194 29.3617 16.1194 27.8037C16.1194 26.5378 16.3881 25.2882 16.9254 24.0548C17.2537 23.3082 17.8806 22.2047 18.806 20.744C19.7313 19.2834 20.4328 18.1149 20.9104 17.2386C21.6567 15.778 22.2537 14.2362 22.7015 12.6133C22.8209 12.1589 23.0672 11.8424 23.4403 11.6639C23.8134 11.4854 24.1866 11.4854 24.5597 11.6639C24.9328 11.8424 25.1791 12.1589 25.2985 12.6133C25.7463 14.2362 26.3582 15.7942 27.1343 17.2873C27.5821 18.1636 28.2686 19.324 29.194 20.7684C30.1194 22.2128 30.7462 23.3082 31.0746 24.0548C31.6119 25.2557 31.8806 26.5054 31.8806 27.8037C31.8806 29.3617 31.5298 30.8061 30.8283 32.1368C30.1268 33.4676 29.1716 34.5225 27.9627 35.3015ZM21.4925 32.6237C22.2686 33.1106 23.1045 33.354 24 33.354C24.2089 33.354 24.3806 33.281 24.5149 33.1349C24.6492 32.9889 24.7164 32.8022 24.7164 32.575C24.7164 32.3478 24.6492 32.1612 24.5149 32.0151C24.3806 31.8691 24.2089 31.796 24 31.796C23.0149 31.796 22.1716 31.4146 21.4701 30.6519C20.7687 29.8891 20.4179 28.9722 20.4179 27.9011C20.4179 27.6739 20.3507 27.4872 20.2164 27.3412C20.0821 27.1951 19.9104 27.1221 19.7015 27.1221C19.4925 27.1221 19.3209 27.1951 19.1866 27.3412C19.0522 27.4872 18.9851 27.6739 18.9851 27.9011C18.9851 28.8748 19.209 29.7836 19.6567 30.6275C20.1045 31.4715 20.7164 32.1368 21.4925 32.6237Z",
-    fill: "#FEFEFE"
-  }));
-};
+function isValidElementType(type) {
+  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+}
 
-var PropertyApartmentIcon = function PropertyApartmentIcon(_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: color
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M33.3812 35.15V34.2848C33.3812 34.1406 33.3308 34.018 33.2298 33.917C33.1289 33.8161 33.0063 33.7656 32.8621 33.7656H31.9969V14.0383C31.9969 13.7499 31.8959 13.5047 31.694 13.3028C31.4922 13.1009 31.247 13 30.9586 13H16.4227C16.1342 13 15.8891 13.1009 15.6872 13.3028C15.4853 13.5047 15.3844 13.7499 15.3844 14.0383V33.7656H14.5191C14.3749 33.7656 14.2524 33.8161 14.1514 33.917C14.0505 34.018 14 34.1406 14 34.2848V35.15H33.3812ZM21.7871 18.5375H20.0566C19.9124 18.5375 19.7899 18.487 19.6889 18.3861C19.588 18.2851 19.5375 18.1626 19.5375 18.0184V16.2879C19.5375 16.1437 19.588 16.0211 19.6889 15.9202C19.7899 15.8192 19.9124 15.7687 20.0566 15.7687H21.7871C21.9313 15.7687 22.0539 15.8192 22.1548 15.9202C22.2558 16.0211 22.3063 16.1437 22.3063 16.2879V18.0184C22.3063 18.1626 22.2558 18.2851 22.1548 18.3861C22.0539 18.487 21.9313 18.5375 21.7871 18.5375ZM27.3246 18.5375H25.5941C25.4499 18.5375 25.3274 18.487 25.2264 18.3861C25.1255 18.2851 25.075 18.1626 25.075 18.0184V16.2879C25.075 16.1437 25.1255 16.0211 25.2264 15.9202C25.3274 15.8192 25.4499 15.7687 25.5941 15.7687H27.3246C27.4688 15.7687 27.5914 15.8192 27.6923 15.9202C27.7933 16.0211 27.8438 16.1437 27.8438 16.2879V18.0184C27.8438 18.1626 27.7933 18.2851 27.6923 18.3861C27.5914 18.487 27.4688 18.5375 27.3246 18.5375ZM21.7871 22.6906H20.0566C19.9124 22.6906 19.7899 22.6402 19.6889 22.5392C19.588 22.4383 19.5375 22.3157 19.5375 22.1715V20.441C19.5375 20.2968 19.588 20.1742 19.6889 20.0733C19.7899 19.9723 19.9124 19.9219 20.0566 19.9219H21.7871C21.9313 19.9219 22.0539 19.9723 22.1548 20.0733C22.2558 20.1742 22.3063 20.2968 22.3063 20.441V22.1715C22.3063 22.3157 22.2558 22.4383 22.1548 22.5392C22.0539 22.6402 21.9313 22.6906 21.7871 22.6906ZM27.3246 22.6906H25.5941C25.4499 22.6906 25.3274 22.6402 25.2264 22.5392C25.1255 22.4383 25.075 22.3157 25.075 22.1715V20.441C25.075 20.2968 25.1255 20.1742 25.2264 20.0733C25.3274 19.9723 25.4499 19.9219 25.5941 19.9219H27.3246C27.4688 19.9219 27.5914 19.9723 27.6923 20.0733C27.7933 20.1742 27.8438 20.2968 27.8438 20.441V22.1715C27.8438 22.3157 27.7933 22.4383 27.6923 22.5392C27.5914 22.6402 27.4688 22.6906 27.3246 22.6906ZM21.7871 26.8438H20.0566C19.9124 26.8438 19.7899 26.7933 19.6889 26.6923C19.588 26.5914 19.5375 26.4688 19.5375 26.3246V24.5941C19.5375 24.4499 19.588 24.3274 19.6889 24.2264C19.7899 24.1255 19.9124 24.075 20.0566 24.075H21.7871C21.9313 24.075 22.0539 24.1255 22.1548 24.2264C22.2558 24.3274 22.3063 24.4499 22.3063 24.5941V26.3246C22.3063 26.4688 22.2558 26.5914 22.1548 26.6923C22.0539 26.7933 21.9313 26.8438 21.7871 26.8438ZM27.3246 26.8438H25.5941C25.4499 26.8438 25.3274 26.7933 25.2264 26.6923C25.1255 26.5914 25.075 26.4688 25.075 26.3246V24.5941C25.075 24.4499 25.1255 24.3274 25.2264 24.2264C25.3274 24.1255 25.4499 24.075 25.5941 24.075H27.3246C27.4688 24.075 27.5914 24.1255 27.6923 24.2264C27.7933 24.3274 27.8438 24.4499 27.8438 24.5941V26.3246C27.8438 26.4688 27.7933 26.5914 27.6923 26.6923C27.5914 26.7933 27.4688 26.8438 27.3246 26.8438ZM25.075 33.7656H22.3063V30.1316C22.3063 29.9874 22.3567 29.8649 22.4577 29.7639C22.5586 29.663 22.6812 29.6125 22.8254 29.6125H24.5559C24.7001 29.6125 24.8226 29.663 24.9236 29.7639C25.0245 29.8649 25.075 29.9874 25.075 30.1316V33.7656Z",
-    fill: "#FEFEFE"
-  }));
-};
+function typeOf(object) {
+  if (typeof object === 'object' && object !== null) {
+    var $$typeof = object.$$typeof;
 
-var PropertyBusinessIcon = function PropertyBusinessIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: "#3B5BDB"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.3134 14.209V16H14.0746V14.209H16.3134ZM16.3134 14.209H18.5522C18.8507 14.209 19.1045 14.3134 19.3134 14.5224C19.5224 14.7313 19.6269 14.9851 19.6269 15.2836V24.0597L25.8507 20.1194C26.2089 19.8806 26.5746 19.8657 26.9477 20.0746C27.3209 20.2836 27.5074 20.597 27.5074 21.0149V24.0597L33.7313 20.1194C34.0895 19.8806 34.4552 19.8657 34.8283 20.0746C35.2014 20.2836 35.388 20.597 35.388 21.0149V33.194C35.388 33.4925 35.2835 33.7462 35.0746 33.9552C34.8656 34.1641 34.6119 34.2686 34.3134 34.2686H13.5373C13.2388 34.2686 12.9851 34.1641 12.7761 33.9552C12.5672 33.7462 12.4627 33.4925 12.4627 33.194V15.2836C12.4627 14.9851 12.5672 14.7313 12.7761 14.5224C12.9851 14.3134 13.2388 14.209 13.5373 14.209H14.0746V13.8955H16.3134V14.209Z",
-    fill: "#FEFEFE"
-  }));
-};
+    switch ($$typeof) {
+      case REACT_ELEMENT_TYPE:
+        var type = object.type;
 
-var PropertyCarIcon = function PropertyCarIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: "#3B5BDB"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M36.8919 19.7729H33.7284L32.8492 17.5748C31.9457 15.3149 29.7893 13.855 27.3551 13.855H20.6446C18.2108 13.855 16.054 15.3149 15.1499 17.5748L14.2707 19.7729H11.1077C10.6951 19.7729 10.3923 20.1607 10.4927 20.5607L10.8097 21.8288C10.88 22.111 11.1336 22.3091 11.4248 22.3091H12.4852C11.7756 22.9289 11.3186 23.8298 11.3186 24.8454V27.3816C11.3186 28.2334 11.6441 29.0022 12.164 29.5972V32.4541C12.164 33.3878 12.9212 34.145 13.8548 34.145H15.5457C16.4793 34.145 17.2365 33.3878 17.2365 32.4541V30.7633H30.7631V32.4541C30.7631 33.3878 31.5203 34.145 32.454 34.145H34.1448C35.0785 34.145 35.8356 33.3878 35.8356 32.4541V29.5972C36.3556 29.0027 36.6811 28.2339 36.6811 27.3816V24.8454C36.6811 23.8298 36.224 22.9289 35.5149 22.3091H36.5754C36.8665 22.3091 37.1202 22.111 37.1904 21.8288L37.5075 20.5607C37.6073 20.1607 37.3046 19.7729 36.8919 19.7729ZM18.2896 18.8308C18.6747 17.8681 19.6073 17.2366 20.6446 17.2366H27.3551C28.3923 17.2366 29.3249 17.8681 29.7101 18.8308L30.7631 21.4637H17.2365L18.2896 18.8308ZM15.5457 27.3711C14.5312 27.3711 13.8548 26.6969 13.8548 25.6855C13.8548 24.6742 14.5312 24 15.5457 24C16.5601 24 18.0819 25.517 18.0819 26.5283C18.0819 27.5396 16.5601 27.3711 15.5457 27.3711ZM32.454 27.3711C31.4395 27.3711 29.9177 27.5396 29.9177 26.5283C29.9177 25.517 31.4395 24 32.454 24C33.4685 24 34.1448 24.6742 34.1448 25.6855C34.1448 26.6969 33.4685 27.3711 32.454 27.3711Z",
-    fill: "#FEFEFE"
-  }));
-};
+        switch (type) {
+          case REACT_ASYNC_MODE_TYPE:
+          case REACT_CONCURRENT_MODE_TYPE:
+          case REACT_FRAGMENT_TYPE:
+          case REACT_PROFILER_TYPE:
+          case REACT_STRICT_MODE_TYPE:
+          case REACT_SUSPENSE_TYPE:
+            return type;
 
-var PropertyCommercialVehicleIcon = function PropertyCommercialVehicleIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: "#3B5BDB"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M30.7656 35.15C31.9193 35.15 32.8999 34.7462 33.7074 33.9387C34.515 33.1311 34.9188 32.1505 34.9188 30.9969H36.9953C37.1972 30.9969 37.363 30.932 37.4928 30.8022C37.6226 30.6724 37.6875 30.5066 37.6875 30.3047V28.9203C37.6875 28.7184 37.6226 28.5526 37.4928 28.4228C37.363 28.293 37.1972 28.2281 36.9953 28.2281H36.3031V23.5559C36.3031 22.979 36.1012 22.4887 35.6975 22.085L31.3713 17.7588C30.9675 17.355 30.4772 17.1531 29.9004 17.1531H27.9969V15.0766C27.9969 14.4997 27.795 14.0094 27.3912 13.6057C26.9874 13.2019 26.4971 13 25.9203 13H12.0766C11.4997 13 11.0094 13.2019 10.6057 13.6057C10.2019 14.0094 10 14.4997 10 15.0766V28.9203C10 29.4971 10.2019 29.9874 10.6057 30.3912C11.0094 30.795 11.4997 30.9969 12.0766 30.9969H12.7688C12.7688 32.1505 13.1725 33.1311 13.9801 33.9387C14.7876 34.7462 15.7682 35.15 16.9219 35.15C18.0755 35.15 19.0561 34.7462 19.8637 33.9387C20.6712 33.1311 21.075 32.1505 21.075 30.9969H26.6125C26.6125 32.1505 27.0163 33.1311 27.8238 33.9387C28.6314 34.7462 29.612 35.15 30.7656 35.15ZM34.2266 24.075H27.9969V19.2297H29.9004L34.2266 23.5559V24.075ZM16.9219 33.0734C16.3451 33.0734 15.8548 32.8715 15.451 32.4678C15.0472 32.064 14.8453 31.5737 14.8453 30.9969C14.8453 30.4201 15.0472 29.9298 15.451 29.526C15.8548 29.1222 16.3451 28.9203 16.9219 28.9203C17.4987 28.9203 17.989 29.1222 18.3928 29.526C18.7965 29.9298 18.9984 30.4201 18.9984 30.9969C18.9984 31.5737 18.7965 32.064 18.3928 32.4678C17.989 32.8715 17.4987 33.0734 16.9219 33.0734ZM30.7656 33.0734C30.1888 33.0734 29.6985 32.8715 29.2947 32.4678C28.891 32.064 28.6891 31.5737 28.6891 30.9969C28.6891 30.4201 28.891 29.9298 29.2947 29.526C29.6985 29.1222 30.1888 28.9203 30.7656 28.9203C31.3424 28.9203 31.8327 29.1222 32.2365 29.526C32.6403 29.9298 32.8422 30.4201 32.8422 30.9969C32.8422 31.5737 32.6403 32.064 32.2365 32.4678C31.8327 32.8715 31.3424 33.0734 30.7656 33.0734Z",
-    fill: "#FEFEFE"
-  }));
-};
+          default:
+            var $$typeofType = type && type.$$typeof;
 
-var PropertyGarageIcon = function PropertyGarageIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: "#3B5BDB"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M14.463 34.1481C14.5417 34.1481 14.6138 34.1153 14.6794 34.0497C14.745 33.9841 14.7778 33.912 14.7778 33.8333V24.074C14.7778 23.733 14.9024 23.4379 15.1516 23.1886C15.4008 22.9394 15.7091 22.8148 16.0764 22.8148H31.1087C31.476 22.8148 31.7843 22.9394 32.0335 23.1886C32.2827 23.4379 32.4074 23.733 32.4074 24.074V33.8333C32.4074 33.912 32.4401 33.9841 32.5057 34.0497C32.5713 34.1153 32.6435 34.1481 32.7222 34.1481H35.8703C35.949 34.1481 36.0212 34.1153 36.0867 34.0497C36.1523 33.9841 36.1851 33.912 36.1851 33.8333V20.3356C36.1851 19.9683 36.0802 19.6273 35.8703 19.3125C35.6604 18.9977 35.3719 18.7616 35.0046 18.6042H35.0439L24.3009 14.1574C23.8287 13.9475 23.3565 13.9475 22.8842 14.1574L12.1806 18.6042C11.8133 18.7616 11.5247 18.9977 11.3148 19.3125C11.1049 19.6273 11 19.9683 11 20.3356V33.8333C11 33.912 11.0328 33.9841 11.0984 34.0497C11.164 34.1153 11.2361 34.1481 11.3148 34.1481H14.463ZM30.8333 26.5926C30.912 26.5926 30.9841 26.5598 31.0497 26.4942C31.1153 26.4286 31.1481 26.3565 31.1481 26.2778V24.3889C31.1481 24.3102 31.1153 24.238 31.0497 24.1724C30.9841 24.1068 30.912 24.074 30.8333 24.074H16.3912C16.2863 24.074 16.2075 24.1068 16.1551 24.1724C16.1026 24.238 16.0764 24.3102 16.0764 24.3889V26.2778C16.0764 26.3565 16.1026 26.4286 16.1551 26.4942C16.2075 26.5598 16.2863 26.5926 16.3912 26.5926H30.8333ZM30.8333 30.3703C30.912 30.3703 30.9841 30.3375 31.0497 30.272C31.1153 30.2064 31.1481 30.1342 31.1481 30.0555V28.1666C31.1481 28.0879 31.1153 28.0158 31.0497 27.9502C30.9841 27.8846 30.912 27.8518 30.8333 27.8518H16.3518C16.2731 27.8518 16.201 27.8846 16.1354 27.9502C16.0698 28.0158 16.037 28.0879 16.037 28.1666V30.0555C16.037 30.1342 16.0698 30.2064 16.1354 30.272C16.201 30.3375 16.2731 30.3703 16.3518 30.3703H30.8333ZM30.8333 34.1481C30.912 34.1481 30.9841 34.1153 31.0497 34.0497C31.1153 33.9841 31.1481 33.912 31.1481 33.8333V31.9444C31.1481 31.8657 31.1153 31.7936 31.0497 31.728C30.9841 31.6624 30.912 31.6296 30.8333 31.6296H16.3518C16.2731 31.6296 16.201 31.6624 16.1354 31.728C16.0698 31.7936 16.037 31.8657 16.037 31.9444V33.8333C16.037 33.912 16.0698 33.9841 16.1354 34.0497C16.201 34.1153 16.2731 34.1481 16.3518 34.1481H30.8333Z",
-    fill: "#FEFEFE"
-  }));
-};
+            switch ($$typeofType) {
+              case REACT_CONTEXT_TYPE:
+              case REACT_FORWARD_REF_TYPE:
+              case REACT_LAZY_TYPE:
+              case REACT_MEMO_TYPE:
+              case REACT_PROVIDER_TYPE:
+                return $$typeofType;
 
-var PropertyLandIcon = function PropertyLandIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: "#3B5BDB"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M25.8629 35.15C26.1342 35.15 26.3376 35.037 26.4733 34.8109C26.6089 34.5848 26.6164 34.3512 26.4959 34.1101L25.1394 31.8945V30.8094H31.3339C31.5449 30.8094 31.7333 30.7566 31.899 30.6511C32.0648 30.5456 32.1929 30.4024 32.2834 30.2216C32.3738 30.0407 32.4039 29.8523 32.3738 29.6564C32.3437 29.4605 32.2532 29.2721 32.1025 29.0912L28.4853 25.0219H29.887C30.3391 25.0219 30.6556 24.8259 30.8365 24.4341C31.0174 24.0422 30.9721 23.6805 30.7009 23.3489L27.1289 19.2344H28.4401C28.6511 19.2344 28.847 19.1816 29.0279 19.0761C29.2088 18.9706 29.3369 18.8199 29.4122 18.624C29.4876 18.428 29.5102 18.2321 29.4801 18.0362C29.4499 17.8403 29.3595 17.6669 29.2088 17.5162L24.2351 12.2261C24.0844 12.0754 23.9036 12 23.6926 12C23.4816 12 23.3007 12.0754 23.15 12.2261L18.1763 17.5162C18.0256 17.6669 17.9352 17.8403 17.9051 18.0362C17.8749 18.2321 17.8975 18.428 17.9729 18.624C18.0482 18.8199 18.1763 18.9706 18.3572 19.0761C18.5381 19.1816 18.734 19.2344 18.945 19.2344H20.2562L16.6843 23.3489C16.413 23.6805 16.3677 24.0422 16.5486 24.4341C16.7295 24.8259 17.046 25.0219 17.4981 25.0219H18.8998L15.2826 29.0912C15.1319 29.2721 15.0414 29.4605 15.0113 29.6564C14.9812 29.8523 15.0113 30.0407 15.1017 30.2216C15.1922 30.4024 15.3203 30.5456 15.4861 30.6511C15.6518 30.7566 15.8402 30.8094 16.0512 30.8094H22.2457V31.8945L20.8892 34.1101C20.7687 34.3512 20.7762 34.5848 20.9118 34.8109C21.0475 35.037 21.251 35.15 21.5222 35.15H25.8629Z",
-    fill: "#FEFEFE"
-  }));
-};
+              default:
+                return $$typeof;
+            }
 
-var PropertyMotorcycleIcon = function PropertyMotorcycleIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: "#3B5BDB"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M32.7935 32.11C33.8183 32.11 34.7763 31.8575 35.6675 31.3525C36.5586 30.8475 37.2567 30.1495 37.7617 29.2583C38.2666 28.3672 38.5191 27.4092 38.5191 26.3844C38.5191 25.3596 38.2592 24.4164 37.7394 23.555C37.2196 22.6936 36.5289 22.0029 35.6675 21.4831C34.806 20.9633 33.8703 20.7033 32.8604 20.7033C32.2069 20.7033 31.5831 20.8073 30.989 21.0152L29.5186 18.5646H33.1723C33.4693 18.5646 33.7218 18.4606 33.9297 18.2527C34.1377 18.0447 34.2416 17.7923 34.2416 17.4952V16.0694C34.2416 15.7723 34.1377 15.5198 33.9297 15.3119C33.7218 15.104 33.4693 15 33.1723 15H31.1672C30.8404 15 30.5731 15.1188 30.3652 15.3565L28.672 17.2279L27.6917 15.5347C27.4838 15.1782 27.1719 15 26.756 15H23.1914C22.9835 15 22.8127 15.0668 22.679 15.2005C22.5454 15.3342 22.4785 15.505 22.4785 15.7129V16.4258C22.4785 16.6338 22.5454 16.8046 22.679 16.9382C22.8127 17.0719 22.9835 17.1388 23.1914 17.1388H26.1322L27.0234 18.5646H20.1615C19.716 18.0002 19.1813 17.5695 18.5575 17.2724C17.8149 16.9457 16.8643 16.7823 15.7058 16.7823H13.2552C12.9284 16.7823 12.6611 16.8863 12.4531 17.0942C12.2452 17.3021 12.1412 17.5546 12.1412 17.8517C12.1412 18.1487 12.2452 18.4012 12.4531 18.6091C12.6611 18.8171 12.9136 18.921 13.2106 18.921H15.7058C16.6564 18.921 17.3693 19.2924 17.8446 20.035L17.3099 20.9261C16.7158 20.7479 16.1068 20.6736 15.483 20.7033C14.5028 20.733 13.5968 21.0004 12.765 21.5054C11.9333 22.0103 11.2724 22.6861 10.7822 23.5327C10.2921 24.3793 10.0322 25.2927 10.0025 26.273C9.97277 27.3127 10.2104 28.2855 10.7154 29.1915C11.2204 30.0975 11.9184 30.8104 12.8096 31.3302C13.7007 31.8501 14.6661 32.11 15.7058 32.11C17.0128 32.11 18.1787 31.709 19.2036 30.907C20.2284 30.1049 20.9042 29.0801 21.2309 27.8325H24.9737C25.2708 27.8325 25.5307 27.7211 25.7535 27.4983C25.9763 27.2755 26.0728 27.0156 26.0431 26.7186C26.0134 25.6492 26.2139 24.6244 26.6446 23.6441C27.0753 22.6639 27.7066 21.8321 28.5383 21.1489L29.1176 22.0846C28.4937 22.6193 28.0036 23.2654 27.6472 24.0229C27.2907 24.7803 27.1125 25.5898 27.1125 26.4512C27.1125 27.4612 27.365 28.3969 27.8699 29.2583C28.3749 30.1198 29.0656 30.8104 29.9419 31.3302C30.8182 31.8501 31.7687 32.11 32.7935 32.11ZM15.7058 29.9713C14.7255 29.9713 13.8864 29.6222 13.1883 28.9242C12.4903 28.2261 12.1412 27.3869 12.1412 26.4067C12.1412 25.4264 12.4903 24.5872 13.1883 23.8892C13.8864 23.1911 14.7255 22.8421 15.7058 22.8421C15.884 22.8421 16.0623 22.8569 16.2405 22.8866L14.4136 26.2284C14.2057 26.5849 14.2057 26.9414 14.4136 27.2978C14.6216 27.6543 14.9335 27.8325 15.3494 27.8325H18.9585C18.6911 28.486 18.2604 29.0058 17.6663 29.392C17.0722 29.7782 16.4187 29.9713 15.7058 29.9713ZM32.994 29.9713C31.9841 30.0307 31.1078 29.7039 30.3652 28.991C29.6225 28.2781 29.2512 27.4166 29.2512 26.4067C29.2512 25.4561 29.578 24.6392 30.2315 23.956L32.4593 27.6097C32.5485 27.7879 32.6896 27.8993 32.8826 27.9439C33.0757 27.9885 33.2465 27.9662 33.3951 27.8771L34.0189 27.476C34.1971 27.3869 34.3085 27.2458 34.353 27.0527C34.3976 26.8597 34.3753 26.6889 34.2862 26.5403L32.1029 22.9312C32.3405 22.8718 32.5782 22.8421 32.8158 22.8421C33.8258 22.8421 34.6872 23.2134 35.4001 23.956C36.113 24.6986 36.4398 25.5749 36.3804 26.5849C36.321 27.5057 35.9719 28.2855 35.3333 28.9242C34.6946 29.5628 33.9149 29.9118 32.994 29.9713Z",
-    fill: "#FEFEFE"
-  }));
-};
+        }
 
-var PropertyStorefrontIcon = function PropertyStorefrontIcon() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "48",
-    height: "48",
-    viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
-    fill: "#3B5BDB"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M36.5244 20.7878C36.8705 20.7878 37.1734 20.6724 37.4329 20.4417C37.6925 20.2109 37.8439 19.9297 37.8872 19.5981C37.9305 19.2664 37.8656 18.9419 37.6925 18.6247L33.972 13.0872C33.7124 12.6834 33.3375 12.4815 32.8472 12.4815H15.2829C14.7926 12.4815 14.4177 12.6834 14.1581 13.0872L10.4809 18.6247C10.279 18.9419 10.1997 19.2664 10.243 19.5981C10.2862 19.9297 10.4376 20.2109 10.6972 20.4417C10.9568 20.6724 11.2596 20.7878 11.6057 20.7878H36.5244ZM25.4495 34.6315C25.8244 34.6315 26.1488 34.4945 26.4228 34.2205C26.6968 33.9465 26.8338 33.6221 26.8338 33.2471V22.1721H24.0651V29.094H15.7588V22.1721H12.9901V33.2471C12.9901 33.6221 13.1271 33.9465 13.4011 34.2205C13.6751 34.4945 13.9995 34.6315 14.3745 34.6315H25.4495ZM34.4479 34.6315C34.6498 34.6315 34.8156 34.5666 34.9454 34.4368C35.0752 34.307 35.1401 34.1412 35.1401 33.9393V22.1721H32.3713V33.9393C32.3713 34.1412 32.4362 34.307 32.566 34.4368C32.6958 34.5666 32.8616 34.6315 33.0635 34.6315H34.4479Z",
-    fill: "#FEFEFE"
-  }));
-};
+      case REACT_PORTAL_TYPE:
+        return $$typeof;
+    }
+  }
 
-var _iconsMap;
-var ACCOUNTS_GENERIC_ICON = "ACCOUNTS_GENERIC";
-var ACCOUNTS_CONSTRUCTION_ICON = "ACCOUNTS_CONSTRUCTION";
-var ACCOUNTS_HEALTH_ICON = "ACCOUNTS_HEALTH";
-var ACCOUNTS_DENTAL_ICON = "ACCOUNTS_DENTAL";
-var ACCOUNTS_UTILITY_ELECTRIC_ICON = "ACCOUNTS_UTILITY_ELECTRIC";
-var ACCOUNTS_UTILITY_GAS_ICON = "ACCOUNTS_UTILITY_GAS";
-var ACCOUNTS_UTILITY_GARBAGE_ICON = "ACCOUNTS_UTILITY_GARBAGE";
-var ACCOUNTS_UTILITY_WATER_ICON = "ACCOUNTS_UTILITY_WATER";
-var PROPERTIES_PERSONAL_ICON = "PROPERTIES_PERSONAL";
-var PROPERTIES_GARAGE_ICON = "PROPERTIES_GARAGE";
-var PROPERTIES_BUSINESS_ICON = "PROPERTIES_BUSINESS";
-var PROPERTIES_STOREFRONT_ICON = "PROPERTIES_STOREFRONT";
-var PROPERTIES_APARTMENT_ICON = "PROPERTIES_APARTMENT";
-var PROPERTIES_LAND_ICON = "PROPERTIES_LAND";
-var PROPERTIES_CAR_ICON = "PROPERTIES_CAR";
-var PROPERTIES_MOTORCYCLE_ICON = "PROPERTIES_MOTORCYCLE";
-var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
-var MISC_BILL_ICON = "MISC_SINGLE_BILL";
-var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, function (_ref) {
-  var color = _ref.color;
-  return /*#__PURE__*/React__default.createElement(AccountGenericIcon, {
-    color: color
-  });
-}), ACCOUNTS_CONSTRUCTION_ICON, function (_ref2) {
-  var color = _ref2.color;
-  return /*#__PURE__*/React__default.createElement(AccountConstructionIcon, {
-    color: color
-  });
-}), ACCOUNTS_HEALTH_ICON, function (_ref3) {
-  var color = _ref3.color;
-  return /*#__PURE__*/React__default.createElement(AccountMedicalIcon, {
-    color: color
-  });
-}), ACCOUNTS_DENTAL_ICON, function (_ref4) {
-  var color = _ref4.color;
-  return /*#__PURE__*/React__default.createElement(AccountDentalIcon, {
-    color: color
-  });
-}), ACCOUNTS_UTILITY_ELECTRIC_ICON, function (_ref5) {
-  var color = _ref5.color;
-  return /*#__PURE__*/React__default.createElement(AccountElectricIcon, {
-    color: color
-  });
-}), ACCOUNTS_UTILITY_GARBAGE_ICON, function (_ref6) {
-  var color = _ref6.color;
-  return /*#__PURE__*/React__default.createElement(AccountGarbageIcon, {
-    color: color
-  });
-}), ACCOUNTS_UTILITY_GAS_ICON, function (_ref7) {
-  var color = _ref7.color;
-  return /*#__PURE__*/React__default.createElement(AccountGasIcon, {
-    color: color
-  });
-}), ACCOUNTS_UTILITY_WATER_ICON, function (_ref8) {
-  var color = _ref8.color;
-  return /*#__PURE__*/React__default.createElement(AccountWaterIcon, {
-    color: color
-  });
-}), PROPERTIES_PERSONAL_ICON, function (_ref9) {
-  var color = _ref9.color;
-  return /*#__PURE__*/React__default.createElement(PropertyPersonalIcon, {
-    color: color
-  });
-}), PROPERTIES_GARAGE_ICON, function (_ref10) {
-  var color = _ref10.color;
-  return /*#__PURE__*/React__default.createElement(PropertyGarageIcon, {
-    color: color
-  });
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, function (_ref11) {
-  var color = _ref11.color;
-  return /*#__PURE__*/React__default.createElement(PropertyBusinessIcon, {
-    color: color
-  });
-}), PROPERTIES_STOREFRONT_ICON, function (_ref12) {
-  var color = _ref12.color;
-  return /*#__PURE__*/React__default.createElement(PropertyStorefrontIcon, {
-    color: color
-  });
-}), PROPERTIES_APARTMENT_ICON, function (_ref13) {
-  var color = _ref13.color;
-  return /*#__PURE__*/React__default.createElement(PropertyApartmentIcon, {
-    color: color
-  });
-}), PROPERTIES_LAND_ICON, function (_ref14) {
-  var color = _ref14.color;
-  return /*#__PURE__*/React__default.createElement(PropertyLandIcon, {
-    color: color
-  });
-}), PROPERTIES_CAR_ICON, function (_ref15) {
-  var color = _ref15.color;
-  return /*#__PURE__*/React__default.createElement(PropertyCarIcon, {
-    color: color
-  });
-}), PROPERTIES_MOTORCYCLE_ICON, function (_ref16) {
-  var color = _ref16.color;
-  return /*#__PURE__*/React__default.createElement(PropertyMotorcycleIcon, {
-    color: color
-  });
-}), PROPERTIES_COMMERCIAL_AUTO_ICON, function (_ref17) {
-  var color = _ref17.color;
-  return /*#__PURE__*/React__default.createElement(PropertyCommercialVehicleIcon, {
-    color: color
-  });
-}), MISC_BILL_ICON, function (_ref18) {
-  var color = _ref18.color;
-  return /*#__PURE__*/React__default.createElement(AccountBillIcon, {
-    color: color
-  });
-}));
-
-var disabledBackgroundColor$1 = TRANSPARENT;
-var disabledBorderColor$1 = GHOST_GREY;
-var disabledColor$1 = MANATEE_GREY;
-var activeBackgroundColor$1 = CORNFLOWER_BLUE;
-var backgroundColor$a = LINK_WATER;
-var borderColor$5 = MOON_RAKER;
-var color$b = ROYAL_BLUE_VIVID;
-var fallbackValues$L = {
-  disabledBackgroundColor: disabledBackgroundColor$1,
-  disabledBorderColor: disabledBorderColor$1,
-  disabledColor: disabledColor$1,
-  activeBackgroundColor: activeBackgroundColor$1,
-  backgroundColor: backgroundColor$a,
-  borderColor: borderColor$5,
-  color: color$b
-};
-
-var Container = styled__default(Box).withConfig({
-  displayName: "LinkCardstyled__Container",
-  componentId: "sc-l5q1h2-0"
-})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;", " transition:all .2s ease-in-out;", ""], function (_ref) {
-  var isDisabled = _ref.isDisabled,
-    theme = _ref.theme;
-  return "\n    background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n    border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n  ");
-}, function (_ref2) {
-  var isDisabled = _ref2.isDisabled,
-    theme = _ref2.theme;
-  return isDisabled ? "\n        &:hover,\n        &:active {\n          cursor: default;\n          box-shadow: none;\n          border: 1px solid ".concat(theme.disabledBorderColor, ";\n        }\n      ") : "\n        &:hover,\n        &:active {\n          cursor: pointer;\n          box-shadow: 0px 0px 0px 0px rgba(41, 42, 51, 0.1),\n            0px 5px 11px 0px rgba(41, 42, 51, 0.1),\n            0px 4px 19px 0px rgba(41, 42, 51, 0.09),\n            0px 27px 26px 0px rgba(41, 42, 51, 0.05),\n            0px 56px 31px 0px rgba(41, 42, 51, 0.01),\n            0px 80px 33px 0px rgba(41, 42, 51, 0);\n        }\n\n        &:hover:not(:active) {\n          border: 1px solid ".concat(theme.borderColor, ";\n        }\n\n        &:active {\n          background-color: ").concat(theme.activeBackgroundColor, ";\n          border: 1px solid ").concat(theme.borderColor, ";\n        }\n      ");
-});
-var Title$2 = styled__default(Heading$1).withConfig({
-  displayName: "LinkCardstyled__Title",
-  componentId: "sc-l5q1h2-1"
-})(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:150%;background-color:transparent;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref3) {
-  var isDisabled = _ref3.isDisabled,
-    theme = _ref3.theme;
-  return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
-});
-var Subtitle = styled__default(Paragraph$1).withConfig({
-  displayName: "LinkCardstyled__Subtitle",
-  componentId: "sc-l5q1h2-2"
-})(["overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;line-height:150%;letter-spacing:0.14px;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref4) {
-  var isDisabled = _ref4.isDisabled,
-    theme = _ref4.theme;
-  return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
-});
-var Footer = styled__default(Stack).withConfig({
-  displayName: "LinkCardstyled__Footer",
-  componentId: "sc-l5q1h2-3"
-})(["align-items:center;width:100%;"]);
-
-var LinkCard = function LinkCard(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? "Test Workflow" : _ref$title,
-    _ref$subtitle = _ref.subtitle,
-    subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
-    showLeft = _ref.showLeft,
-    leftContent = _ref.leftContent,
-    showRight = _ref.showRight,
-    rightContent = _ref.rightContent,
-    onClick = _ref.onClick,
-    _ref$extraStyles = _ref.extraStyles,
-    extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
-    _ref$extraHoverStyles = _ref.extraHoverStyles,
-    extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles,
-    _ref$extraActiveStyle = _ref.extraActiveStyles,
-    extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle,
-    themeValues = _ref.themeValues,
-    _ref$titleVariant = _ref.titleVariant,
-    titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var _useContext = React.useContext(styled.ThemeContext),
-    isMobile = _useContext.isMobile;
-  var regex = /\W/g;
-  var locatorSlug = title.toLowerCase().replaceAll(regex, "-");
-  return /*#__PURE__*/React__default.createElement(Container, {
-    borderRadius: "8px",
-    dataQa: "link-card-".concat(locatorSlug),
-    width: "100%",
-    maxWidth: isMobile ? "100%" : "288px",
-    minWidth: isMobile ? "240px" : "288px",
-    minHeight: "141px",
-    padding: "24px",
-    theme: themeValues,
-    extraStyles: extraStyles,
-    hoverStyles: extraHoverStyles,
-    activeStyles: extraActiveStyles,
-    onClick: disabled ? noop$1 : onClick,
-    "aria-disabled": disabled,
-    isDisabled: disabled,
-    role: "group",
-    "aria-label": "".concat(title, ", ").concat(subtitle)
-  }, /*#__PURE__*/React__default.createElement(Stack, {
-    childGap: 0,
-    bottomItem: 3,
-    justify: "space-between",
-    style: {
-      width: "100%"
-    },
-    fullHeight: true
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    padding: 0,
-    width: "100%"
-  }, /*#__PURE__*/React__default.createElement(Title$2, {
-    variant: titleVariant,
-    theme: themeValues,
-    margin: 0,
-    isDisabled: disabled
-  }, title)), /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0 0 40px",
-    width: "100%"
-  }, /*#__PURE__*/React__default.createElement(Subtitle, {
-    variant: "pS",
-    theme: themeValues,
-    isDisabled: disabled
-  }, subtitle)), /*#__PURE__*/React__default.createElement(Box, {
-    background: "transparent",
-    borderWidthOverride: "0 0 0 0",
-    padding: "0",
-    width: "100%"
-  }, /*#__PURE__*/React__default.createElement(Footer, {
-    direction: "row",
-    childGap: "6px",
-    justify: "space-between"
-  }, showLeft && !!leftContent ? leftContent : /*#__PURE__*/React__default.createElement(Box, {
-    extraStyles: "margin-right: auto;"
-  }), showRight && !!rightContent && rightContent))));
-};
-var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$L, "primary");
-
-var LoginForm = function LoginForm(_ref) {
-  var clearOnDismount = _ref.clearOnDismount,
-    fields = _ref.fields,
-    actions = _ref.actions,
-    showErrors = _ref.showErrors,
-    _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
-  if (clearOnDismount) {
-    React.useEffect(function () {
-      return function () {
-        return actions.form.clear();
-      };
-    }, []);
-  }
-  var emailErrorMessages = _defineProperty(_defineProperty({}, required.error, "Email address is required"), isProbablyEmail.error, "Invalid email address");
-  var passwordErrorMessages = _defineProperty({}, required.error, "Password is required");
-  return /*#__PURE__*/React__default.createElement(FormInputColumn, {
-    role: "form",
-    "aria-label": "Login"
-  }, /*#__PURE__*/React__default.createElement(FormInput$1, {
-    labelTextWhenNoError: "Email address",
-    errorMessages: emailErrorMessages,
-    type: "email",
-    field: fields.email,
-    fieldActions: actions.fields.email,
-    showErrors: showErrors,
-    onKeyDown: function onKeyDown(e) {
-      return e.key === "Enter" && handleSubmit(e);
-    },
-    isEmail: true,
-    autocompleteValue: "email"
-  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
-    labelTextWhenNoError: "Password",
-    errorMessages: passwordErrorMessages,
-    type: "password",
-    field: fields.password,
-    fieldActions: actions.fields.password,
-    showErrors: showErrors,
-    onKeyDown: function onKeyDown(e) {
-      return e.key === "Enter" && handleSubmit(e);
-    },
-    autocompleteValue: "current-password"
-  }));
-};
-
-var formConfig$5 = {
-  email: {
-    validators: [required(), isProbablyEmail()]
-  },
-  password: {
-    validators: [required()]
-  }
-};
-var _createFormState$5 = createFormState(formConfig$5),
-  reducer$5 = _createFormState$5.reducer,
-  mapStateToProps$6 = _createFormState$5.mapStateToProps,
-  mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
-
-LoginForm.reducer = reducer$5;
-LoginForm.mapStateToProps = mapStateToProps$6;
-LoginForm.mapDispatchToProps = mapDispatchToProps$5;
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var b$2="function"===typeof Symbol&&Symbol.for,c$2=b$2?Symbol.for("react.element"):60103,d$1=b$2?Symbol.for("react.portal"):60106,e=b$2?Symbol.for("react.fragment"):60107,f$7=b$2?Symbol.for("react.strict_mode"):60108,g$1=b$2?Symbol.for("react.profiler"):60114,h$1=b$2?Symbol.for("react.provider"):60109,k$1=b$2?Symbol.for("react.context"):60110,l$1=b$2?Symbol.for("react.async_mode"):60111,m=b$2?Symbol.for("react.concurrent_mode"):60111,n$1=b$2?Symbol.for("react.forward_ref"):60112,p$1=b$2?Symbol.for("react.suspense"):60113,q$1=b$2?
-Symbol.for("react.suspense_list"):60120,r$1=b$2?Symbol.for("react.memo"):60115,t$1=b$2?Symbol.for("react.lazy"):60116,v$1=b$2?Symbol.for("react.block"):60121,w$1=b$2?Symbol.for("react.fundamental"):60117,x$1=b$2?Symbol.for("react.responder"):60118,y$1=b$2?Symbol.for("react.scope"):60119;
-function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$1:case m:case e:case g$1:case f$7:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m}var AsyncMode=l$1;var ConcurrentMode=m;var ContextConsumer=k$1;var ContextProvider=h$1;var Element$1=c$2;var ForwardRef=n$1;var Fragment=e;var Lazy=t$1;var Memo=r$1;var Portal=d$1;
-var Profiler=g$1;var StrictMode=f$7;var Suspense=p$1;var isAsyncMode=function(a){return A$1(a)||z$1(a)===l$1};var isConcurrentMode=A$1;var isContextConsumer=function(a){return z$1(a)===k$1};var isContextProvider=function(a){return z$1(a)===h$1};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};var isForwardRef=function(a){return z$1(a)===n$1};var isFragment=function(a){return z$1(a)===e};var isLazy=function(a){return z$1(a)===t$1};
-var isMemo=function(a){return z$1(a)===r$1};var isPortal=function(a){return z$1(a)===d$1};var isProfiler=function(a){return z$1(a)===g$1};var isStrictMode=function(a){return z$1(a)===f$7};var isSuspense=function(a){return z$1(a)===p$1};
-var isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g$1||a===f$7||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$1)};var typeOf=z$1;
-
-var reactIs_production_min = {
-	AsyncMode: AsyncMode,
-	ConcurrentMode: ConcurrentMode,
-	ContextConsumer: ContextConsumer,
-	ContextProvider: ContextProvider,
-	Element: Element$1,
-	ForwardRef: ForwardRef,
-	Fragment: Fragment,
-	Lazy: Lazy,
-	Memo: Memo,
-	Portal: Portal,
-	Profiler: Profiler,
-	StrictMode: StrictMode,
-	Suspense: Suspense,
-	isAsyncMode: isAsyncMode,
-	isConcurrentMode: isConcurrentMode,
-	isContextConsumer: isContextConsumer,
-	isContextProvider: isContextProvider,
-	isElement: isElement,
-	isForwardRef: isForwardRef,
-	isFragment: isFragment,
-	isLazy: isLazy,
-	isMemo: isMemo,
-	isPortal: isPortal,
-	isProfiler: isProfiler,
-	isStrictMode: isStrictMode,
-	isSuspense: isSuspense,
-	isValidElementType: isValidElementType,
-	typeOf: typeOf
-};
-
-var reactIs_development = createCommonjsModule(function (module, exports) {
-
-
-
-if (process.env.NODE_ENV !== "production") {
-  (function() {
-
-// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-// nor polyfill, then a plain number is used for performance.
-var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-// (unstable) APIs that have been removed. Can we remove the symbols?
-
-var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
-var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
-var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
-var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
-var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
-var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
-
-function isValidElementType(type) {
-  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-}
-
-function typeOf(object) {
-  if (typeof object === 'object' && object !== null) {
-    var $$typeof = object.$$typeof;
-
-    switch ($$typeof) {
-      case REACT_ELEMENT_TYPE:
-        var type = object.type;
-
-        switch (type) {
-          case REACT_ASYNC_MODE_TYPE:
-          case REACT_CONCURRENT_MODE_TYPE:
-          case REACT_FRAGMENT_TYPE:
-          case REACT_PROFILER_TYPE:
-          case REACT_STRICT_MODE_TYPE:
-          case REACT_SUSPENSE_TYPE:
-            return type;
-
-          default:
-            var $$typeofType = type && type.$$typeof;
-
-            switch ($$typeofType) {
-              case REACT_CONTEXT_TYPE:
-              case REACT_FORWARD_REF_TYPE:
-              case REACT_LAZY_TYPE:
-              case REACT_MEMO_TYPE:
-              case REACT_PROVIDER_TYPE:
-                return $$typeofType;
-
-              default:
-                return $$typeof;
-            }
-
-        }
-
-      case REACT_PORTAL_TYPE:
-        return $$typeof;
-    }
-  }
-
-  return undefined;
-} // AsyncMode is deprecated along with isAsyncMode
+  return undefined;
+} // AsyncMode is deprecated along with isAsyncMode
 
 var AsyncMode = REACT_ASYNC_MODE_TYPE;
 var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
@@ -46444,301 +45537,997 @@ var CancelButton = function CancelButton(_ref) {
     textExtraStyles: "".concat(fontSize),
     variant: cancelButtonVariant
   });
-};
-
-var CloseButton = function CloseButton(_ref) {
-  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
-    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
-    _ref$closeButtonText = _ref.closeButtonText,
-    closeButtonText = _ref$closeButtonText === void 0 ? "" : _ref$closeButtonText,
-    _ref$closeButtonVaria = _ref.closeButtonVariant,
-    closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
-    _ref$hideModal = _ref.hideModal,
-    hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
-    _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
-  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
-  var width = isMobile ? "width: 100%;" : "";
-  return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    action: hideModal,
-    borderRadius: BORDER_RADIUS.MD,
-    className: "modal-close-button",
-    dataQa: closeButtonText,
-    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
-    name: closeButtonText,
-    role: "button",
-    text: closeButtonText,
-    textExtraStyles: "".concat(fontSize),
-    variant: closeButtonVariant
+};
+
+var CloseButton = function CloseButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$closeButtonText = _ref.closeButtonText,
+    closeButtonText = _ref$closeButtonText === void 0 ? "" : _ref$closeButtonText,
+    _ref$closeButtonVaria = _ref.closeButtonVariant,
+    closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
+    _ref$hideModal = _ref.hideModal,
+    hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
+  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
+  var width = isMobile ? "width: 100%;" : "";
+  return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    action: hideModal,
+    borderRadius: BORDER_RADIUS.MD,
+    className: "modal-close-button",
+    dataQa: closeButtonText,
+    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
+    name: closeButtonText,
+    role: "button",
+    text: closeButtonText,
+    textExtraStyles: "".concat(fontSize),
+    variant: closeButtonVariant
+  });
+};
+
+var CloseIconButton = function CloseIconButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    _ref$hideModal = _ref.hideModal,
+    hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
+    _ref$iconWidth = _ref.iconWidth,
+    iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
+    _ref$iconHeight = _ref.iconHeight,
+    iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
+    _ref$ariaLabel = _ref.ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
+  return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    action: hideModal,
+    "aria-label": ariaLabel,
+    contentOverride: true,
+    extraStyles: "\n        min-height: auto;\n        min-width: auto;\n        height: 1.5rem;\n        margin: 0 0 0 0.5rem;\n        &:focus {\n            outline-offset: -3px;\n        }\n     ",
+    variant: "smallGhost"
+  }, /*#__PURE__*/React__default.createElement(CloseIcon, {
+    role: "img",
+    "aria-hidden": "true",
+    iconWidth: iconWidth,
+    iconHeight: iconHeight
+  }));
+};
+
+var ContinueButton = function ContinueButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$continueAction = _ref.continueAction,
+    continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
+    _ref$continueButtonTe = _ref.continueButtonText,
+    continueButtonText = _ref$continueButtonTe === void 0 ? "" : _ref$continueButtonTe,
+    _ref$continueURL = _ref.continueURL,
+    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
+    _ref$continueButtonVa = _ref.continueButtonVariant,
+    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
+    _ref$isContinueAction = _ref.isContinueActionDisabled,
+    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
+    _ref$useDangerButton = _ref.useDangerButton,
+    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
+  var ContinueButtonAtom = continueURL ? ButtonWithLink : ButtonWithAction;
+  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
+  var width = isMobile ? "width: 100%;" : "";
+  return /*#__PURE__*/React__default.createElement(ContinueButtonAtom, {
+    action: continueAction,
+    borderRadius: BORDER_RADIUS.MD,
+    className: "modal-continue-button",
+    dataQa: continueButtonText,
+    disabled: isContinueActionDisabled,
+    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
+    isLoading: isLoading,
+    linkExtraStyles: "display: inline-block; ".concat(width),
+    name: continueButtonText,
+    role: "button",
+    text: continueButtonText,
+    textExtraStyles: "".concat(fontSize),
+    url: continueURL,
+    variant: useDangerButton ? "danger" : continueButtonVariant
+  });
+};
+
+/*
+Default Modal molecule
+Uses react-aria-modal behind the scenes for a11y purposes
+Styling accomplished with our atoms / layout primitives
+
+Cancel button will (for now) always use hideModal as its action
+Continue button takes an action, if you want to navigate to
+a different route (as with a link) connect() and use "push" from @thecb/connected-react-router
+*/
+
+var getApplicationNode$1 = function getApplicationNode() {
+  return document.getElementById("root");
+};
+var Modal$2 = function Modal(_ref) {
+  var _ref$blurUnderlay = _ref.blurUnderlay,
+    blurUnderlay = _ref$blurUnderlay === void 0 ? true : _ref$blurUnderlay,
+    _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$cancelAction = _ref.cancelAction,
+    cancelAction = _ref$cancelAction === void 0 ? noop$1 : _ref$cancelAction,
+    _ref$cancelButtonText = _ref.cancelButtonText,
+    cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
+    _ref$cancelButtonVari = _ref.cancelButtonVariant,
+    cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "secondary" : _ref$cancelButtonVari,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? [] : _ref$children,
+    _ref$closeButtonText = _ref.closeButtonText,
+    closeButtonText = _ref$closeButtonText === void 0 ? "Close" : _ref$closeButtonText,
+    _ref$closeButtonVaria = _ref.closeButtonVariant,
+    closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
+    _ref$continueAction = _ref.continueAction,
+    continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
+    _ref$continueButtonTe = _ref.continueButtonText,
+    continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
+    _ref$continueButtonVa = _ref.continueButtonVariant,
+    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
+    _ref$continueURL = _ref.continueURL,
+    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
+    _ref$customWidth = _ref.customWidth,
+    customWidth = _ref$customWidth === void 0 ? "" : _ref$customWidth,
+    _ref$dataQa = _ref.dataQa,
+    dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
+    _ref$defaultWrapper = _ref.defaultWrapper,
+    defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
+    _ref$hideModal = _ref.hideModal,
+    hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
+    _ref$initialFocusSele = _ref.initialFocusSelector,
+    initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
+    _ref$isContinueAction = _ref.isContinueActionDisabled,
+    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? "" : _ref$maxHeight,
+    _ref$modalBodyBg = _ref.modalBodyBg,
+    modalBodyBg = _ref$modalBodyBg === void 0 ? "" : _ref$modalBodyBg,
+    _ref$modalBodyText = _ref.modalBodyText,
+    modalBodyText = _ref$modalBodyText === void 0 ? "" : _ref$modalBodyText,
+    _ref$modalHeaderBg = _ref.modalHeaderBg,
+    modalHeaderBg = _ref$modalHeaderBg === void 0 ? "" : _ref$modalHeaderBg,
+    _ref$modalHeaderText = _ref.modalHeaderText,
+    modalHeaderText = _ref$modalHeaderText === void 0 ? "" : _ref$modalHeaderText,
+    _ref$modalOpen = _ref.modalOpen,
+    modalOpen = _ref$modalOpen === void 0 ? false : _ref$modalOpen,
+    _ref$noButtons = _ref.noButtons,
+    noButtons = _ref$noButtons === void 0 ? false : _ref$noButtons,
+    _ref$onExit = _ref.onExit,
+    onExit = _ref$onExit === void 0 ? hideModal : _ref$onExit,
+    _ref$onlyCloseButton = _ref.onlyCloseButton,
+    onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
+    _ref$onlyContinueButt = _ref.onlyContinueButton,
+    onlyContinueButton = _ref$onlyContinueButt === void 0 ? false : _ref$onlyContinueButt,
+    _ref$showCloseIconBut = _ref.showCloseIconButton,
+    showCloseIconButton = _ref$showCloseIconBut === void 0 ? false : _ref$showCloseIconBut,
+    _ref$underlayClickExi = _ref.underlayClickExits,
+    underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
+    _ref$useDangerButton = _ref.useDangerButton,
+    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
+  var _useContext = React.useContext(styled.ThemeContext),
+    isMobile = _useContext.isMobile;
+
+  // `AriaModal` uses `focus-trap` as a transient dependency. It automatically looks
+  // for a tabbable node when the modal mounts. When it doesn't find one, it looks to
+  // the `fallbackFocus` option. However, React does not guarantee the ref supplied to
+  // this option will be populated on initial render when `focus-trap` is checking
+  // these option. When there are no buttons in the modal, this causes an error.
+  // Because `focus-trap` cannot be disabled, the ref itself requires a default value
+  // to satisfy `focus-trap` until React populates it with the real ref value.
+  //
+  // See:
+  //   - https://react.dev/reference/react/useRef#caveats
+  //   - https://github.com/davidtheclark/react-aria-modal/pull/103
+  //   - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
+  var modalContainerRef = React.useRef("#react-aria-modal-dialog");
+  var hasCloseButton = onlyCloseButton && !noButtons;
+  var hasCancelButton = !onlyContinueButton && !onlyCloseButton && !noButtons;
+  var hasContinueButton = onlyContinueButton && !noButtons || !onlyCloseButton && !noButtons;
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: modalContainerRef,
+    tabIndex: "-1",
+    "data-qa": dataQa
+  }, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
+    focusTrapOptions: {
+      // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
+      fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
+    },
+    onExit: onExit,
+    getApplicationNode: getApplicationNode$1,
+    titleText: modalHeaderText,
+    underlayStyle: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      background: "rgba(41, 42, 51, 0.45)",
+      backdropFilter: blurUnderlay ? "blur(4px)" : "none",
+      WebkitBackdropFilter: blurUnderlay ? "blur(4px)" : "none"
+    },
+    dialogStyle: {
+      borderRadius: BORDER_RADIUS.MD,
+      margin: SPACING.XS,
+      overflow: "auto",
+      width: isMobile ? "" : customWidth || "576px"
+    },
+    underlayClickExits: underlayClickExits,
+    "aria-modal": true,
+    initialFocus: initialFocusSelector,
+    focusDialog: !initialFocusSelector // Focus the dialogue box itself if no selector for initial focus was provided
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0",
+    boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    background: modalHeaderBg || WHITE,
+    borderColor: SILVER_GREY,
+    borderWidthOverride: "0 0 ".concat(BORDER_THIN, " 0"),
+    padding: "".concat(SPACING.XS, " ").concat(SPACING.MD)
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: showCloseIconButton ? "space-between" : "flex-start",
+    align: showCloseIconButton && isMobile ? "flex-start" : "center",
+    nowrap: true
+  }, /*#__PURE__*/React__default.createElement(Title$1, {
+    as: "h2",
+    weight: FONT_WEIGHT_SEMIBOLD,
+    fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
+  }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React__default.createElement(CloseIconButton, {
+    hideModal: hideModal,
+    iconHeight: isMobile ? "20px" : "24px",
+    iconWidth: isMobile ? "20px" : "24px"
+  }))), /*#__PURE__*/React__default.createElement(Box, {
+    background: modalBodyBg || ATHENS_GREY,
+    padding: "0"
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: SPACING.MD,
+    borderWidthOverride: !noButtons && "0 0 ".concat(BORDER_THIN, " 0"),
+    borderColor: !noButtons && SILVER_GREY,
+    extraStyles: maxHeight ? "max-height: ".concat(maxHeight, "; overflow: auto;") : ""
+  }, defaultWrapper ? /*#__PURE__*/React__default.createElement(Paragraph$1, {
+    variant: isMobile ? "pS" : "p"
+  }, modalBodyText) : /*#__PURE__*/React__default.createElement(Box, {
+    padding: maxHeight ? "0 0 ".concat(SPACING.XS, " 0") : "0"
+  }, modalBodyText)), noButtons ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null) : /*#__PURE__*/React__default.createElement(ButtonLayoutWrapper, {
+    isMobile: isMobile
+  }, [hasCancelButton && /*#__PURE__*/React__default.createElement(CancelButton, {
+    buttonExtraStyles: buttonExtraStyles,
+    cancelAction: cancelAction,
+    cancelButtonText: cancelButtonText,
+    cancelButtonVariant: cancelButtonVariant,
+    hideModal: hideModal,
+    isMobile: isMobile,
+    key: "cancel"
+  }), hasContinueButton && /*#__PURE__*/React__default.createElement(ContinueButton, {
+    buttonExtraStyles: buttonExtraStyles,
+    continueAction: continueAction,
+    continueButtonText: continueButtonText,
+    continueURL: continueURL,
+    continueButtonVariant: continueButtonVariant,
+    isContinueActionDisabled: isContinueActionDisabled,
+    isLoading: isLoading,
+    isMobile: isMobile,
+    key: "continue",
+    useDangerButton: useDangerButton
+  }), hasCloseButton && /*#__PURE__*/React__default.createElement(CloseButton, {
+    buttonExtraStyles: buttonExtraStyles,
+    closeButtonText: closeButtonText,
+    closeButtonVariant: closeButtonVariant,
+    hideModal: hideModal,
+    isMobile: isMobile,
+    key: "close"
+  })].filter(function (button) {
+    return button;
+  }))))), children);
+};
+var ModalControlV2 = withWindowSize(Modal$2);
+
+var _excluded$F = ["version"];
+var Modal$3 = function Modal(_ref) {
+  var _ref$version = _ref.version,
+    version = _ref$version === void 0 ? "v1" : _ref$version,
+    rest = _objectWithoutProperties(_ref, _excluded$F);
+  var ModalControl = version === "v1" ? Modal$1 : ModalControlV2;
+  return /*#__PURE__*/React__default.createElement(ModalControl, rest);
+};
+
+var IdleModal = function IdleModal(_ref) {
+  var modalOpen = _ref.modalOpen,
+    toggleModal = _ref.toggleModal,
+    _ref$timeLeftToLogout = _ref.timeLeftToLogout,
+    timeLeftToLogout = _ref$timeLeftToLogout === void 0 ? 0 : _ref$timeLeftToLogout,
+    _ref$totalLogoutTime = _ref.totalLogoutTime,
+    totalLogoutTime = _ref$totalLogoutTime === void 0 ? 30 : _ref$totalLogoutTime,
+    logout = _ref.logout,
+    cancelLogout = _ref.cancelLogout,
+    useCheckoutContent = _ref.useCheckoutContent;
+  var percent = (totalLogoutTime - timeLeftToLogout) * (100 / totalLogoutTime);
+  var transition = {
+    ease: "easeInOut",
+    duration: totalLogoutTime
+  };
+  var variants = {
+    enter: {
+      x: "-100%",
+      backgroundColor: "#317D4F"
+    },
+    animate: {
+      x: ["-100%", "".concat(percent, "%")],
+      backgroundColor: ["#317D4F", "#93A441", "#F4CB32", "#E36E43", "#D11053"],
+      times: [0, 0.4, 0.5, 0.6, 0.8],
+      transition: transition
+    }
+  };
+  var continueText = useCheckoutContent ? "Continue" : "Stay Logged In";
+  var cancelText = useCheckoutContent ? "End Session" : "Log Off";
+  var paragraphText = useCheckoutContent ? "Are you still there? Your payment will be cancelled in ".concat(timeLeftToLogout, " seconds.") : "Are you still there? For your security, you will be logged out in ".concat(timeLeftToLogout, " seconds.");
+  var modalBody = /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0"
+  }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Paragraph$1, null, paragraphText), /*#__PURE__*/React__default.createElement(Motion, null, /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0 0 1px 0",
+    minHeight: "10px",
+    width: "100%",
+    borderRadius: "6px",
+    extraStyles: "position: relative; overflow: hidden;"
+  }, /*#__PURE__*/React__default.createElement(Motion, {
+    padding: "0 0 1px 0",
+    height: "10px",
+    width: "100%",
+    borderRadius: "6px",
+    extraStyles: "position: absolute;",
+    variants: variants,
+    initial: "enter",
+    animate: modalOpen ? "animate" : "enter",
+    exit: "enter"
+  })))));
+  var modalExtraProps = {
+    modalHeaderText: "Your session is about to expire!",
+    modalBodyText: modalBody,
+    continueButtonText: continueText,
+    cancelButtonText: cancelText,
+    continueAction: function continueAction() {
+      cancelLogout();
+      toggleModal(false);
+    },
+    cancelAction: function cancelAction() {
+      logout();
+      toggleModal(false);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(Modal$3, _extends({
+    showModal: function showModal() {
+      return toggleModal(true);
+    },
+    hideModal: function hideModal() {
+      cancelLogout();
+      toggleModal(false);
+    },
+    modalOpen: modalOpen,
+    defaultWrapper: false,
+    underlayClickExits: false
+  }, modalExtraProps), /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0"
+  }));
+};
+
+var AccountBillIcon = function AccountBillIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountGenericIcon = function AccountGenericIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2187 22.5 16.125V15.375C22.5 15.2812 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2812 18 15.375V16.125C18 16.2187 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2187 18 19.125V18.375C18 18.2812 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2812 22.5 18.375V19.125C22.5 19.2187 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM18.75 28.5H29.25C29.4687 28.5 29.6484 28.4297 29.7891 28.2891C29.9297 28.1484 30 27.9688 30 27.75V23.25C30 23.0313 29.9297 22.8516 29.7891 22.7109C29.6484 22.5703 29.4687 22.5 29.25 22.5H18.75C18.5312 22.5 18.3516 22.5703 18.2109 22.7109C18.0703 22.8516 18 23.0313 18 23.25V27.75C18 27.9688 18.0703 28.1484 18.2109 28.2891C18.3516 28.4297 18.5312 28.5 18.75 28.5ZM28.5 27V24H19.5V27H28.5ZM25.875 33H29.625C29.7188 33 29.8047 32.9609 29.8828 32.8828C29.9609 32.8047 30 32.7187 30 32.625V31.875C30 31.7813 29.9609 31.6953 29.8828 31.6172C29.8047 31.5391 29.7188 31.5 29.625 31.5H25.875C25.7812 31.5 25.6953 31.5391 25.6172 31.6172C25.5391 31.6953 25.5 31.7813 25.5 31.875V32.625C25.5 32.7187 25.5391 32.8047 25.6172 32.8828C25.6953 32.9609 25.7812 33 25.875 33Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountConstructionIcon = function AccountConstructionIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountDentalIcon = function AccountDentalIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M28.1548 35.14C28.4576 35.14 28.7315 35.0463 28.9766 34.8589C29.2217 34.6714 29.373 34.4191 29.4307 34.102L29.7767 32.6314C30.1516 30.9879 30.4543 28.9695 30.685 26.5763C30.858 24.6444 31.377 23.1017 32.242 21.9484C32.7322 21.2852 33.0638 20.5427 33.2368 19.7209C33.4098 18.8992 33.3954 18.0413 33.1936 17.1475C32.9629 16.1671 32.4871 15.3093 31.7663 14.574C31.0454 13.8388 30.1948 13.3558 29.2145 13.1251C28.0323 12.8079 26.7491 13.154 25.3651 14.1631C25.2786 14.2208 25.1633 14.2785 25.0191 14.3362L24.8893 14.3794L26.1436 15.2012C26.2878 15.2877 26.3815 15.4246 26.4248 15.6121C26.468 15.7995 26.4392 15.9725 26.3382 16.1311C26.2373 16.2897 26.0932 16.3906 25.9057 16.4338C25.7183 16.4771 25.5381 16.441 25.3651 16.3257L21.04 13.5576C20.0308 13.0098 19.0648 12.8656 18.1421 13.1251C17.1618 13.3558 16.3112 13.8388 15.5903 14.574C14.8695 15.3093 14.3937 16.1671 14.163 17.1475C13.9612 18.0413 13.9468 18.8992 14.1198 19.7209C14.2928 20.5427 14.6244 21.2852 15.1146 21.9484C15.9796 23.1017 16.4986 24.6444 16.6716 26.5763C16.9023 28.9695 17.205 30.9879 17.5799 32.6314L17.9259 34.102C17.9835 34.4191 18.1349 34.6714 18.38 34.8589C18.6251 35.0463 18.899 35.14 19.2018 35.14C19.5046 35.14 19.7713 35.0463 20.0019 34.8589C20.2326 34.6714 20.3912 34.4336 20.4777 34.1452L21.9482 28.1333C22.0636 27.7585 22.2798 27.4413 22.597 27.1818C22.9142 26.9223 23.2746 26.7925 23.6783 26.7925C24.082 26.7925 24.4424 26.9223 24.7596 27.1818C25.0768 27.4413 25.293 27.7585 25.4083 28.1333L26.8789 34.1452C26.9654 34.4336 27.124 34.6714 27.3547 34.8589C27.5853 35.0463 27.852 35.14 28.1548 35.14Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountElectricIcon = function AccountElectricIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M29.8438 19.2297V14.3844C29.8438 14.0094 29.7068 13.685 29.4328 13.411C29.1588 13.137 28.8343 13 28.4594 13C28.0844 13 27.76 13.137 27.486 13.411C27.212 13.685 27.075 14.0094 27.075 14.3844V19.2297H29.8438ZM21.5375 19.2297V14.3844C21.5375 14.0094 21.4005 13.685 21.1265 13.411C20.8525 13.137 20.5281 13 20.1531 13C19.7782 13 19.4537 13.137 19.1797 13.411C18.9057 13.685 18.7687 14.0094 18.7687 14.3844V19.2297H21.5375ZM25.6906 35.15V30.8671C27.2769 30.5498 28.5964 29.7567 29.6491 28.4877C30.7018 27.2187 31.2281 25.7478 31.2281 24.075V22.6906H31.9203C32.1222 22.6906 32.288 22.6257 32.4178 22.4959C32.5476 22.3662 32.6125 22.2003 32.6125 21.9984V20.6141C32.6125 20.4122 32.5476 20.2463 32.4178 20.1166C32.288 19.9868 32.1222 19.9219 31.9203 19.9219H16.6922C16.4903 19.9219 16.3245 19.9868 16.1947 20.1166C16.0649 20.2463 16 20.4122 16 20.6141V21.9984C16 22.2003 16.0649 22.3662 16.1947 22.4959C16.3245 22.6257 16.4903 22.6906 16.6922 22.6906H17.3844V24.075C17.3844 25.7478 17.9107 27.2187 18.9634 28.4877C20.0161 29.7567 21.3356 30.5498 22.9219 30.8671V35.15H25.6906Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountGarbageIcon = function AccountGarbageIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M33.4179 16.7612C33.5671 16.7612 33.694 16.7089 33.7985 16.6045C33.9029 16.5 33.9552 16.3731 33.9552 16.2239V14.9701C33.9552 14.6716 33.8507 14.4179 33.6417 14.2089C33.4328 14 33.1791 13.8955 32.8806 13.8955H27.8656L27.4627 13.0448C27.3731 12.8657 27.2388 12.7239 27.0597 12.6194C26.8806 12.5149 26.6865 12.4627 26.4776 12.4627H21.3731C21.1642 12.4627 20.9701 12.5149 20.791 12.6194C20.6119 12.7239 20.4776 12.8657 20.388 13.0448L19.9851 13.8955H14.9701C14.6716 13.8955 14.4179 14 14.209 14.2089C14 14.4179 13.8955 14.6716 13.8955 14.9701V16.2239C13.8955 16.3731 13.9478 16.5 14.0522 16.6045C14.1567 16.7089 14.2836 16.7612 14.4328 16.7612H33.4179ZM30.3731 35.388C30.9701 35.388 31.4776 35.179 31.8955 34.7611C32.3134 34.3432 32.5223 33.8358 32.5223 33.2388V18.7313C32.5223 18.5821 32.4701 18.4552 32.3656 18.3507C32.2611 18.2463 32.1343 18.194 31.985 18.194H15.8657C15.7164 18.194 15.5895 18.2463 15.4851 18.3507C15.3806 18.4552 15.3284 18.5821 15.3284 18.7313V33.2388C15.3284 33.8358 15.5373 34.3432 15.9552 34.7611C16.3731 35.179 16.8806 35.388 17.4776 35.388H30.3731ZM19.1119 32.3208C19.2463 32.4552 19.4179 32.5223 19.6269 32.5223C19.8358 32.5223 20.0074 32.4552 20.1418 32.3208C20.2761 32.1865 20.3433 32.0149 20.3433 31.8059V21.7761C20.3433 21.5671 20.2761 21.3955 20.1418 21.2612C20.0074 21.1268 19.8358 21.0597 19.6269 21.0597C19.4179 21.0597 19.2463 21.1268 19.1119 21.2612C18.9776 21.3955 18.9104 21.5671 18.9104 21.7761V31.8059C18.9104 32.0149 18.9776 32.1865 19.1119 32.3208ZM23.9254 32.5223C23.7164 32.5223 23.5448 32.4552 23.4104 32.3208C23.2761 32.1865 23.2089 32.0149 23.2089 31.8059V21.7761C23.2089 21.5671 23.2761 21.3955 23.4104 21.2612C23.5448 21.1268 23.7164 21.0597 23.9254 21.0597C24.1343 21.0597 24.3059 21.1268 24.4403 21.2612C24.5746 21.3955 24.6418 21.5671 24.6418 21.7761V31.8059C24.6418 32.0149 24.5746 32.1865 24.4403 32.3208C24.3059 32.4552 24.1343 32.5223 23.9254 32.5223ZM27.7089 32.3208C27.8433 32.4552 28.0149 32.5223 28.2238 32.5223C28.4328 32.5223 28.6044 32.4552 28.7388 32.3208C28.8731 32.1865 28.9403 32.0149 28.9403 31.8059V21.7761C28.9403 21.5671 28.8731 21.3955 28.7388 21.2612C28.6044 21.1268 28.4328 21.0597 28.2238 21.0597C28.0149 21.0597 27.8433 21.1268 27.7089 21.2612C27.5746 21.3955 27.5074 21.5671 27.5074 21.7761V31.8059C27.5074 32.0149 27.5746 32.1865 27.7089 32.3208Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountGasIcon = function AccountGasIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M23.9253 35.394C25.4776 35.394 26.9104 35.0059 28.2238 34.2298C29.5373 33.4537 30.5821 32.4089 31.3582 31.0955C32.1343 29.7821 32.5223 28.3492 32.5223 26.797C32.5223 25.4836 32.2985 24.2597 31.8507 23.1254C31.4626 22.2298 30.8955 21.3493 30.1492 20.4836C29.7015 19.9761 29 19.2746 28.0447 18.3791C27 17.4239 26.2985 16.6776 25.9403 16.1403C25.3134 15.3045 25 14.4388 25 13.5433C25 13.1851 24.8806 12.909 24.6418 12.7149C24.403 12.5209 24.1194 12.4388 23.791 12.4687C23.4627 12.4985 23.2089 12.6627 23.0298 12.9612C21.8955 14.5732 21.2537 16.006 21.1045 17.2597C20.9552 18.2746 21.1343 19.2 21.6418 20.0358C21.9403 20.5433 22.5224 21.2149 23.388 22.0507C24.0448 22.7075 24.4925 23.2149 24.7313 23.5731C25.1492 24.1403 25.3582 24.7373 25.3582 25.3642C25.3582 26.1701 25.0746 26.8492 24.5074 27.4015C23.9403 27.9537 23.2612 28.2298 22.4701 28.2298C21.6791 28.2298 21.0074 27.9463 20.4552 27.3791C19.903 26.8119 19.6269 26.1254 19.6269 25.3194V25.3194V21.5134C19.6269 21.1851 19.5224 20.9239 19.3134 20.7299C19.1045 20.5358 18.8507 20.4313 18.5522 20.4164C18.2537 20.4015 18 20.5134 17.791 20.7522C17.1045 21.4687 16.5373 22.3045 16.0895 23.2597C15.5821 24.394 15.3284 25.5731 15.3284 26.797C15.3284 28.3492 15.7164 29.7821 16.4925 31.0955C17.2686 32.4089 18.3134 33.4537 19.6269 34.2298C20.9403 35.0059 22.3731 35.394 23.9253 35.394Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountMedicalIcon = function AccountMedicalIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4063 32.8906 17.1406 32.6718 16.9219L28.0781 12.3281C27.8593 12.1094 27.5937 12 27.2812 12H27V18H33ZM22.875 31.5H25.125C25.2187 31.5 25.3047 31.4609 25.3828 31.3828C25.4609 31.3047 25.5 31.2188 25.5 31.125V28.5H28.125C28.2187 28.5 28.3047 28.4609 28.3828 28.3828C28.4609 28.3047 28.5 28.2188 28.5 28.125V25.875C28.5 25.7812 28.4609 25.6953 28.3828 25.6172C28.3047 25.5391 28.2187 25.5 28.125 25.5H25.5V22.875C25.5 22.7812 25.4609 22.6953 25.3828 22.6172C25.3047 22.5391 25.2187 22.5 25.125 22.5H22.875C22.7812 22.5 22.6953 22.5391 22.6172 22.6172C22.539 22.6953 22.5 22.7812 22.5 22.875V25.5H19.875C19.7812 25.5 19.6953 25.5391 19.6172 25.6172C19.539 25.6953 19.5 25.7812 19.5 25.875V28.125C19.5 28.2188 19.539 28.3047 19.6172 28.3828C19.6953 28.4609 19.7812 28.5 19.875 28.5H22.5V31.125C22.5 31.2188 22.539 31.3047 22.6172 31.3828C22.6953 31.4609 22.7812 31.5 22.875 31.5Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var AccountWaterIcon = function AccountWaterIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M27.9627 35.3015C26.7537 36.0805 25.4328 36.47 24 36.47C22.5672 36.47 21.2463 36.0805 20.0373 35.3015C18.8284 34.5225 17.8731 33.4676 17.1717 32.1368C16.4702 30.8061 16.1194 29.3617 16.1194 27.8037C16.1194 26.5378 16.3881 25.2882 16.9254 24.0548C17.2537 23.3082 17.8806 22.2047 18.806 20.744C19.7313 19.2834 20.4328 18.1149 20.9104 17.2386C21.6567 15.778 22.2537 14.2362 22.7015 12.6133C22.8209 12.1589 23.0672 11.8424 23.4403 11.6639C23.8134 11.4854 24.1866 11.4854 24.5597 11.6639C24.9328 11.8424 25.1791 12.1589 25.2985 12.6133C25.7463 14.2362 26.3582 15.7942 27.1343 17.2873C27.5821 18.1636 28.2686 19.324 29.194 20.7684C30.1194 22.2128 30.7462 23.3082 31.0746 24.0548C31.6119 25.2557 31.8806 26.5054 31.8806 27.8037C31.8806 29.3617 31.5298 30.8061 30.8283 32.1368C30.1268 33.4676 29.1716 34.5225 27.9627 35.3015ZM21.4925 32.6237C22.2686 33.1106 23.1045 33.354 24 33.354C24.2089 33.354 24.3806 33.281 24.5149 33.1349C24.6492 32.9889 24.7164 32.8022 24.7164 32.575C24.7164 32.3478 24.6492 32.1612 24.5149 32.0151C24.3806 31.8691 24.2089 31.796 24 31.796C23.0149 31.796 22.1716 31.4146 21.4701 30.6519C20.7687 29.8891 20.4179 28.9722 20.4179 27.9011C20.4179 27.6739 20.3507 27.4872 20.2164 27.3412C20.0821 27.1951 19.9104 27.1221 19.7015 27.1221C19.4925 27.1221 19.3209 27.1951 19.1866 27.3412C19.0522 27.4872 18.9851 27.6739 18.9851 27.9011C18.9851 28.8748 19.209 29.7836 19.6567 30.6275C20.1045 31.4715 20.7164 32.1368 21.4925 32.6237Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyApartmentIcon = function PropertyApartmentIcon(_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: color
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M33.3812 35.15V34.2848C33.3812 34.1406 33.3308 34.018 33.2298 33.917C33.1289 33.8161 33.0063 33.7656 32.8621 33.7656H31.9969V14.0383C31.9969 13.7499 31.8959 13.5047 31.694 13.3028C31.4922 13.1009 31.247 13 30.9586 13H16.4227C16.1342 13 15.8891 13.1009 15.6872 13.3028C15.4853 13.5047 15.3844 13.7499 15.3844 14.0383V33.7656H14.5191C14.3749 33.7656 14.2524 33.8161 14.1514 33.917C14.0505 34.018 14 34.1406 14 34.2848V35.15H33.3812ZM21.7871 18.5375H20.0566C19.9124 18.5375 19.7899 18.487 19.6889 18.3861C19.588 18.2851 19.5375 18.1626 19.5375 18.0184V16.2879C19.5375 16.1437 19.588 16.0211 19.6889 15.9202C19.7899 15.8192 19.9124 15.7687 20.0566 15.7687H21.7871C21.9313 15.7687 22.0539 15.8192 22.1548 15.9202C22.2558 16.0211 22.3063 16.1437 22.3063 16.2879V18.0184C22.3063 18.1626 22.2558 18.2851 22.1548 18.3861C22.0539 18.487 21.9313 18.5375 21.7871 18.5375ZM27.3246 18.5375H25.5941C25.4499 18.5375 25.3274 18.487 25.2264 18.3861C25.1255 18.2851 25.075 18.1626 25.075 18.0184V16.2879C25.075 16.1437 25.1255 16.0211 25.2264 15.9202C25.3274 15.8192 25.4499 15.7687 25.5941 15.7687H27.3246C27.4688 15.7687 27.5914 15.8192 27.6923 15.9202C27.7933 16.0211 27.8438 16.1437 27.8438 16.2879V18.0184C27.8438 18.1626 27.7933 18.2851 27.6923 18.3861C27.5914 18.487 27.4688 18.5375 27.3246 18.5375ZM21.7871 22.6906H20.0566C19.9124 22.6906 19.7899 22.6402 19.6889 22.5392C19.588 22.4383 19.5375 22.3157 19.5375 22.1715V20.441C19.5375 20.2968 19.588 20.1742 19.6889 20.0733C19.7899 19.9723 19.9124 19.9219 20.0566 19.9219H21.7871C21.9313 19.9219 22.0539 19.9723 22.1548 20.0733C22.2558 20.1742 22.3063 20.2968 22.3063 20.441V22.1715C22.3063 22.3157 22.2558 22.4383 22.1548 22.5392C22.0539 22.6402 21.9313 22.6906 21.7871 22.6906ZM27.3246 22.6906H25.5941C25.4499 22.6906 25.3274 22.6402 25.2264 22.5392C25.1255 22.4383 25.075 22.3157 25.075 22.1715V20.441C25.075 20.2968 25.1255 20.1742 25.2264 20.0733C25.3274 19.9723 25.4499 19.9219 25.5941 19.9219H27.3246C27.4688 19.9219 27.5914 19.9723 27.6923 20.0733C27.7933 20.1742 27.8438 20.2968 27.8438 20.441V22.1715C27.8438 22.3157 27.7933 22.4383 27.6923 22.5392C27.5914 22.6402 27.4688 22.6906 27.3246 22.6906ZM21.7871 26.8438H20.0566C19.9124 26.8438 19.7899 26.7933 19.6889 26.6923C19.588 26.5914 19.5375 26.4688 19.5375 26.3246V24.5941C19.5375 24.4499 19.588 24.3274 19.6889 24.2264C19.7899 24.1255 19.9124 24.075 20.0566 24.075H21.7871C21.9313 24.075 22.0539 24.1255 22.1548 24.2264C22.2558 24.3274 22.3063 24.4499 22.3063 24.5941V26.3246C22.3063 26.4688 22.2558 26.5914 22.1548 26.6923C22.0539 26.7933 21.9313 26.8438 21.7871 26.8438ZM27.3246 26.8438H25.5941C25.4499 26.8438 25.3274 26.7933 25.2264 26.6923C25.1255 26.5914 25.075 26.4688 25.075 26.3246V24.5941C25.075 24.4499 25.1255 24.3274 25.2264 24.2264C25.3274 24.1255 25.4499 24.075 25.5941 24.075H27.3246C27.4688 24.075 27.5914 24.1255 27.6923 24.2264C27.7933 24.3274 27.8438 24.4499 27.8438 24.5941V26.3246C27.8438 26.4688 27.7933 26.5914 27.6923 26.6923C27.5914 26.7933 27.4688 26.8438 27.3246 26.8438ZM25.075 33.7656H22.3063V30.1316C22.3063 29.9874 22.3567 29.8649 22.4577 29.7639C22.5586 29.663 22.6812 29.6125 22.8254 29.6125H24.5559C24.7001 29.6125 24.8226 29.663 24.9236 29.7639C25.0245 29.8649 25.075 29.9874 25.075 30.1316V33.7656Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyBusinessIcon = function PropertyBusinessIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.3134 14.209V16H14.0746V14.209H16.3134ZM16.3134 14.209H18.5522C18.8507 14.209 19.1045 14.3134 19.3134 14.5224C19.5224 14.7313 19.6269 14.9851 19.6269 15.2836V24.0597L25.8507 20.1194C26.2089 19.8806 26.5746 19.8657 26.9477 20.0746C27.3209 20.2836 27.5074 20.597 27.5074 21.0149V24.0597L33.7313 20.1194C34.0895 19.8806 34.4552 19.8657 34.8283 20.0746C35.2014 20.2836 35.388 20.597 35.388 21.0149V33.194C35.388 33.4925 35.2835 33.7462 35.0746 33.9552C34.8656 34.1641 34.6119 34.2686 34.3134 34.2686H13.5373C13.2388 34.2686 12.9851 34.1641 12.7761 33.9552C12.5672 33.7462 12.4627 33.4925 12.4627 33.194V15.2836C12.4627 14.9851 12.5672 14.7313 12.7761 14.5224C12.9851 14.3134 13.2388 14.209 13.5373 14.209H14.0746V13.8955H16.3134V14.209Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyCarIcon = function PropertyCarIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M36.8919 19.7729H33.7284L32.8492 17.5748C31.9457 15.3149 29.7893 13.855 27.3551 13.855H20.6446C18.2108 13.855 16.054 15.3149 15.1499 17.5748L14.2707 19.7729H11.1077C10.6951 19.7729 10.3923 20.1607 10.4927 20.5607L10.8097 21.8288C10.88 22.111 11.1336 22.3091 11.4248 22.3091H12.4852C11.7756 22.9289 11.3186 23.8298 11.3186 24.8454V27.3816C11.3186 28.2334 11.6441 29.0022 12.164 29.5972V32.4541C12.164 33.3878 12.9212 34.145 13.8548 34.145H15.5457C16.4793 34.145 17.2365 33.3878 17.2365 32.4541V30.7633H30.7631V32.4541C30.7631 33.3878 31.5203 34.145 32.454 34.145H34.1448C35.0785 34.145 35.8356 33.3878 35.8356 32.4541V29.5972C36.3556 29.0027 36.6811 28.2339 36.6811 27.3816V24.8454C36.6811 23.8298 36.224 22.9289 35.5149 22.3091H36.5754C36.8665 22.3091 37.1202 22.111 37.1904 21.8288L37.5075 20.5607C37.6073 20.1607 37.3046 19.7729 36.8919 19.7729ZM18.2896 18.8308C18.6747 17.8681 19.6073 17.2366 20.6446 17.2366H27.3551C28.3923 17.2366 29.3249 17.8681 29.7101 18.8308L30.7631 21.4637H17.2365L18.2896 18.8308ZM15.5457 27.3711C14.5312 27.3711 13.8548 26.6969 13.8548 25.6855C13.8548 24.6742 14.5312 24 15.5457 24C16.5601 24 18.0819 25.517 18.0819 26.5283C18.0819 27.5396 16.5601 27.3711 15.5457 27.3711ZM32.454 27.3711C31.4395 27.3711 29.9177 27.5396 29.9177 26.5283C29.9177 25.517 31.4395 24 32.454 24C33.4685 24 34.1448 24.6742 34.1448 25.6855C34.1448 26.6969 33.4685 27.3711 32.454 27.3711Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyCommercialVehicleIcon = function PropertyCommercialVehicleIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M30.7656 35.15C31.9193 35.15 32.8999 34.7462 33.7074 33.9387C34.515 33.1311 34.9188 32.1505 34.9188 30.9969H36.9953C37.1972 30.9969 37.363 30.932 37.4928 30.8022C37.6226 30.6724 37.6875 30.5066 37.6875 30.3047V28.9203C37.6875 28.7184 37.6226 28.5526 37.4928 28.4228C37.363 28.293 37.1972 28.2281 36.9953 28.2281H36.3031V23.5559C36.3031 22.979 36.1012 22.4887 35.6975 22.085L31.3713 17.7588C30.9675 17.355 30.4772 17.1531 29.9004 17.1531H27.9969V15.0766C27.9969 14.4997 27.795 14.0094 27.3912 13.6057C26.9874 13.2019 26.4971 13 25.9203 13H12.0766C11.4997 13 11.0094 13.2019 10.6057 13.6057C10.2019 14.0094 10 14.4997 10 15.0766V28.9203C10 29.4971 10.2019 29.9874 10.6057 30.3912C11.0094 30.795 11.4997 30.9969 12.0766 30.9969H12.7688C12.7688 32.1505 13.1725 33.1311 13.9801 33.9387C14.7876 34.7462 15.7682 35.15 16.9219 35.15C18.0755 35.15 19.0561 34.7462 19.8637 33.9387C20.6712 33.1311 21.075 32.1505 21.075 30.9969H26.6125C26.6125 32.1505 27.0163 33.1311 27.8238 33.9387C28.6314 34.7462 29.612 35.15 30.7656 35.15ZM34.2266 24.075H27.9969V19.2297H29.9004L34.2266 23.5559V24.075ZM16.9219 33.0734C16.3451 33.0734 15.8548 32.8715 15.451 32.4678C15.0472 32.064 14.8453 31.5737 14.8453 30.9969C14.8453 30.4201 15.0472 29.9298 15.451 29.526C15.8548 29.1222 16.3451 28.9203 16.9219 28.9203C17.4987 28.9203 17.989 29.1222 18.3928 29.526C18.7965 29.9298 18.9984 30.4201 18.9984 30.9969C18.9984 31.5737 18.7965 32.064 18.3928 32.4678C17.989 32.8715 17.4987 33.0734 16.9219 33.0734ZM30.7656 33.0734C30.1888 33.0734 29.6985 32.8715 29.2947 32.4678C28.891 32.064 28.6891 31.5737 28.6891 30.9969C28.6891 30.4201 28.891 29.9298 29.2947 29.526C29.6985 29.1222 30.1888 28.9203 30.7656 28.9203C31.3424 28.9203 31.8327 29.1222 32.2365 29.526C32.6403 29.9298 32.8422 30.4201 32.8422 30.9969C32.8422 31.5737 32.6403 32.064 32.2365 32.4678C31.8327 32.8715 31.3424 33.0734 30.7656 33.0734Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyGarageIcon = function PropertyGarageIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M14.463 34.1481C14.5417 34.1481 14.6138 34.1153 14.6794 34.0497C14.745 33.9841 14.7778 33.912 14.7778 33.8333V24.074C14.7778 23.733 14.9024 23.4379 15.1516 23.1886C15.4008 22.9394 15.7091 22.8148 16.0764 22.8148H31.1087C31.476 22.8148 31.7843 22.9394 32.0335 23.1886C32.2827 23.4379 32.4074 23.733 32.4074 24.074V33.8333C32.4074 33.912 32.4401 33.9841 32.5057 34.0497C32.5713 34.1153 32.6435 34.1481 32.7222 34.1481H35.8703C35.949 34.1481 36.0212 34.1153 36.0867 34.0497C36.1523 33.9841 36.1851 33.912 36.1851 33.8333V20.3356C36.1851 19.9683 36.0802 19.6273 35.8703 19.3125C35.6604 18.9977 35.3719 18.7616 35.0046 18.6042H35.0439L24.3009 14.1574C23.8287 13.9475 23.3565 13.9475 22.8842 14.1574L12.1806 18.6042C11.8133 18.7616 11.5247 18.9977 11.3148 19.3125C11.1049 19.6273 11 19.9683 11 20.3356V33.8333C11 33.912 11.0328 33.9841 11.0984 34.0497C11.164 34.1153 11.2361 34.1481 11.3148 34.1481H14.463ZM30.8333 26.5926C30.912 26.5926 30.9841 26.5598 31.0497 26.4942C31.1153 26.4286 31.1481 26.3565 31.1481 26.2778V24.3889C31.1481 24.3102 31.1153 24.238 31.0497 24.1724C30.9841 24.1068 30.912 24.074 30.8333 24.074H16.3912C16.2863 24.074 16.2075 24.1068 16.1551 24.1724C16.1026 24.238 16.0764 24.3102 16.0764 24.3889V26.2778C16.0764 26.3565 16.1026 26.4286 16.1551 26.4942C16.2075 26.5598 16.2863 26.5926 16.3912 26.5926H30.8333ZM30.8333 30.3703C30.912 30.3703 30.9841 30.3375 31.0497 30.272C31.1153 30.2064 31.1481 30.1342 31.1481 30.0555V28.1666C31.1481 28.0879 31.1153 28.0158 31.0497 27.9502C30.9841 27.8846 30.912 27.8518 30.8333 27.8518H16.3518C16.2731 27.8518 16.201 27.8846 16.1354 27.9502C16.0698 28.0158 16.037 28.0879 16.037 28.1666V30.0555C16.037 30.1342 16.0698 30.2064 16.1354 30.272C16.201 30.3375 16.2731 30.3703 16.3518 30.3703H30.8333ZM30.8333 34.1481C30.912 34.1481 30.9841 34.1153 31.0497 34.0497C31.1153 33.9841 31.1481 33.912 31.1481 33.8333V31.9444C31.1481 31.8657 31.1153 31.7936 31.0497 31.728C30.9841 31.6624 30.912 31.6296 30.8333 31.6296H16.3518C16.2731 31.6296 16.201 31.6624 16.1354 31.728C16.0698 31.7936 16.037 31.8657 16.037 31.9444V33.8333C16.037 33.912 16.0698 33.9841 16.1354 34.0497C16.201 34.1153 16.2731 34.1481 16.3518 34.1481H30.8333Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyLandIcon = function PropertyLandIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M25.8629 35.15C26.1342 35.15 26.3376 35.037 26.4733 34.8109C26.6089 34.5848 26.6164 34.3512 26.4959 34.1101L25.1394 31.8945V30.8094H31.3339C31.5449 30.8094 31.7333 30.7566 31.899 30.6511C32.0648 30.5456 32.1929 30.4024 32.2834 30.2216C32.3738 30.0407 32.4039 29.8523 32.3738 29.6564C32.3437 29.4605 32.2532 29.2721 32.1025 29.0912L28.4853 25.0219H29.887C30.3391 25.0219 30.6556 24.8259 30.8365 24.4341C31.0174 24.0422 30.9721 23.6805 30.7009 23.3489L27.1289 19.2344H28.4401C28.6511 19.2344 28.847 19.1816 29.0279 19.0761C29.2088 18.9706 29.3369 18.8199 29.4122 18.624C29.4876 18.428 29.5102 18.2321 29.4801 18.0362C29.4499 17.8403 29.3595 17.6669 29.2088 17.5162L24.2351 12.2261C24.0844 12.0754 23.9036 12 23.6926 12C23.4816 12 23.3007 12.0754 23.15 12.2261L18.1763 17.5162C18.0256 17.6669 17.9352 17.8403 17.9051 18.0362C17.8749 18.2321 17.8975 18.428 17.9729 18.624C18.0482 18.8199 18.1763 18.9706 18.3572 19.0761C18.5381 19.1816 18.734 19.2344 18.945 19.2344H20.2562L16.6843 23.3489C16.413 23.6805 16.3677 24.0422 16.5486 24.4341C16.7295 24.8259 17.046 25.0219 17.4981 25.0219H18.8998L15.2826 29.0912C15.1319 29.2721 15.0414 29.4605 15.0113 29.6564C14.9812 29.8523 15.0113 30.0407 15.1017 30.2216C15.1922 30.4024 15.3203 30.5456 15.4861 30.6511C15.6518 30.7566 15.8402 30.8094 16.0512 30.8094H22.2457V31.8945L20.8892 34.1101C20.7687 34.3512 20.7762 34.5848 20.9118 34.8109C21.0475 35.037 21.251 35.15 21.5222 35.15H25.8629Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyMotorcycleIcon = function PropertyMotorcycleIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M32.7935 32.11C33.8183 32.11 34.7763 31.8575 35.6675 31.3525C36.5586 30.8475 37.2567 30.1495 37.7617 29.2583C38.2666 28.3672 38.5191 27.4092 38.5191 26.3844C38.5191 25.3596 38.2592 24.4164 37.7394 23.555C37.2196 22.6936 36.5289 22.0029 35.6675 21.4831C34.806 20.9633 33.8703 20.7033 32.8604 20.7033C32.2069 20.7033 31.5831 20.8073 30.989 21.0152L29.5186 18.5646H33.1723C33.4693 18.5646 33.7218 18.4606 33.9297 18.2527C34.1377 18.0447 34.2416 17.7923 34.2416 17.4952V16.0694C34.2416 15.7723 34.1377 15.5198 33.9297 15.3119C33.7218 15.104 33.4693 15 33.1723 15H31.1672C30.8404 15 30.5731 15.1188 30.3652 15.3565L28.672 17.2279L27.6917 15.5347C27.4838 15.1782 27.1719 15 26.756 15H23.1914C22.9835 15 22.8127 15.0668 22.679 15.2005C22.5454 15.3342 22.4785 15.505 22.4785 15.7129V16.4258C22.4785 16.6338 22.5454 16.8046 22.679 16.9382C22.8127 17.0719 22.9835 17.1388 23.1914 17.1388H26.1322L27.0234 18.5646H20.1615C19.716 18.0002 19.1813 17.5695 18.5575 17.2724C17.8149 16.9457 16.8643 16.7823 15.7058 16.7823H13.2552C12.9284 16.7823 12.6611 16.8863 12.4531 17.0942C12.2452 17.3021 12.1412 17.5546 12.1412 17.8517C12.1412 18.1487 12.2452 18.4012 12.4531 18.6091C12.6611 18.8171 12.9136 18.921 13.2106 18.921H15.7058C16.6564 18.921 17.3693 19.2924 17.8446 20.035L17.3099 20.9261C16.7158 20.7479 16.1068 20.6736 15.483 20.7033C14.5028 20.733 13.5968 21.0004 12.765 21.5054C11.9333 22.0103 11.2724 22.6861 10.7822 23.5327C10.2921 24.3793 10.0322 25.2927 10.0025 26.273C9.97277 27.3127 10.2104 28.2855 10.7154 29.1915C11.2204 30.0975 11.9184 30.8104 12.8096 31.3302C13.7007 31.8501 14.6661 32.11 15.7058 32.11C17.0128 32.11 18.1787 31.709 19.2036 30.907C20.2284 30.1049 20.9042 29.0801 21.2309 27.8325H24.9737C25.2708 27.8325 25.5307 27.7211 25.7535 27.4983C25.9763 27.2755 26.0728 27.0156 26.0431 26.7186C26.0134 25.6492 26.2139 24.6244 26.6446 23.6441C27.0753 22.6639 27.7066 21.8321 28.5383 21.1489L29.1176 22.0846C28.4937 22.6193 28.0036 23.2654 27.6472 24.0229C27.2907 24.7803 27.1125 25.5898 27.1125 26.4512C27.1125 27.4612 27.365 28.3969 27.8699 29.2583C28.3749 30.1198 29.0656 30.8104 29.9419 31.3302C30.8182 31.8501 31.7687 32.11 32.7935 32.11ZM15.7058 29.9713C14.7255 29.9713 13.8864 29.6222 13.1883 28.9242C12.4903 28.2261 12.1412 27.3869 12.1412 26.4067C12.1412 25.4264 12.4903 24.5872 13.1883 23.8892C13.8864 23.1911 14.7255 22.8421 15.7058 22.8421C15.884 22.8421 16.0623 22.8569 16.2405 22.8866L14.4136 26.2284C14.2057 26.5849 14.2057 26.9414 14.4136 27.2978C14.6216 27.6543 14.9335 27.8325 15.3494 27.8325H18.9585C18.6911 28.486 18.2604 29.0058 17.6663 29.392C17.0722 29.7782 16.4187 29.9713 15.7058 29.9713ZM32.994 29.9713C31.9841 30.0307 31.1078 29.7039 30.3652 28.991C29.6225 28.2781 29.2512 27.4166 29.2512 26.4067C29.2512 25.4561 29.578 24.6392 30.2315 23.956L32.4593 27.6097C32.5485 27.7879 32.6896 27.8993 32.8826 27.9439C33.0757 27.9885 33.2465 27.9662 33.3951 27.8771L34.0189 27.476C34.1971 27.3869 34.3085 27.2458 34.353 27.0527C34.3976 26.8597 34.3753 26.6889 34.2862 26.5403L32.1029 22.9312C32.3405 22.8718 32.5782 22.8421 32.8158 22.8421C33.8258 22.8421 34.6872 23.2134 35.4001 23.956C36.113 24.6986 36.4398 25.5749 36.3804 26.5849C36.321 27.5057 35.9719 28.2855 35.3333 28.9242C34.6946 29.5628 33.9149 29.9118 32.994 29.9713Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyStorefrontIcon = function PropertyStorefrontIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M36.5244 20.7878C36.8705 20.7878 37.1734 20.6724 37.4329 20.4417C37.6925 20.2109 37.8439 19.9297 37.8872 19.5981C37.9305 19.2664 37.8656 18.9419 37.6925 18.6247L33.972 13.0872C33.7124 12.6834 33.3375 12.4815 32.8472 12.4815H15.2829C14.7926 12.4815 14.4177 12.6834 14.1581 13.0872L10.4809 18.6247C10.279 18.9419 10.1997 19.2664 10.243 19.5981C10.2862 19.9297 10.4376 20.2109 10.6972 20.4417C10.9568 20.6724 11.2596 20.7878 11.6057 20.7878H36.5244ZM25.4495 34.6315C25.8244 34.6315 26.1488 34.4945 26.4228 34.2205C26.6968 33.9465 26.8338 33.6221 26.8338 33.2471V22.1721H24.0651V29.094H15.7588V22.1721H12.9901V33.2471C12.9901 33.6221 13.1271 33.9465 13.4011 34.2205C13.6751 34.4945 13.9995 34.6315 14.3745 34.6315H25.4495ZM34.4479 34.6315C34.6498 34.6315 34.8156 34.5666 34.9454 34.4368C35.0752 34.307 35.1401 34.1412 35.1401 33.9393V22.1721H32.3713V33.9393C32.3713 34.1412 32.4362 34.307 32.566 34.4368C32.6958 34.5666 32.8616 34.6315 33.0635 34.6315H34.4479Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var PropertyPersonalIcon = function PropertyPersonalIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
+    fill: "#3B5BDB"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M36.1674 26.0625C36.0736 26.1875 35.9486 26.25 35.7924 26.25C35.6361 26.25 35.4955 26.2031 35.3705 26.1093L24.3549 17.0625C24.2299 16.9687 24.1049 16.9219 23.9799 16.9219C23.8549 16.9219 23.7299 16.9687 23.6049 17.0625L12.5893 26.1093C12.4643 26.2031 12.3237 26.25 12.1674 26.25C12.0112 26.25 11.8862 26.1875 11.7924 26.0625L10.6205 24.6093C10.5268 24.4843 10.4877 24.3437 10.5033 24.1875C10.519 24.0312 10.5737 23.9062 10.6674 23.8125L22.5736 14.0156C22.9799 13.6719 23.4486 13.5 23.9799 13.5C24.5111 13.5 24.9955 13.6719 25.433 14.0156L29.6049 17.4844V14.0625C29.6049 13.9062 29.6596 13.7734 29.7689 13.664C29.8783 13.5547 30.0111 13.5 30.1674 13.5H32.7924C32.9486 13.5 33.0814 13.5547 33.1908 13.664C33.3002 13.7734 33.3549 13.9062 33.3549 14.0625V20.5781L37.2924 23.8125C37.3861 23.9062 37.4408 24.0312 37.4564 24.1875C37.472 24.3437 37.433 24.4843 37.3392 24.6093L36.1674 26.0625ZM21.5658 34.3359C21.4565 34.4453 21.3236 34.4999 21.1674 34.4999H15.7299C15.4174 34.4999 15.1518 34.3906 14.933 34.1718C14.7143 33.9531 14.6049 33.6874 14.6049 33.375V26.6718C14.6049 26.4843 14.6674 26.3281 14.7924 26.2031L23.6049 18.9844C23.7299 18.8906 23.8549 18.8437 23.9799 18.8437C24.1049 18.8437 24.2299 18.8906 24.3549 18.9844L33.1674 26.2031C33.2924 26.3281 33.3549 26.4843 33.3549 26.6718V33.375C33.3549 33.6874 33.2455 33.9531 33.0267 34.1718C32.808 34.3906 32.5424 34.4999 32.2299 34.4999H26.7924C26.6361 34.4999 26.5033 34.4453 26.3939 34.3359C26.2846 34.2265 26.2299 34.0937 26.2299 33.9374V28.6875C26.2299 28.5312 26.1752 28.3984 26.0658 28.289C25.9565 28.1797 25.8236 28.125 25.6674 28.125H22.2924C22.1361 28.125 22.0033 28.1797 21.894 28.289C21.7846 28.3984 21.7299 28.5312 21.7299 28.6875V33.9374C21.7299 34.0937 21.6752 34.2265 21.5658 34.3359Z",
+    fill: "#FEFEFE"
+  }));
+};
+
+var _iconsMap;
+var ACCOUNTS_GENERIC_ICON = "ACCOUNTS_GENERIC";
+var ACCOUNTS_CONSTRUCTION_ICON = "ACCOUNTS_CONSTRUCTION";
+var ACCOUNTS_HEALTH_ICON = "ACCOUNTS_HEALTH";
+var ACCOUNTS_DENTAL_ICON = "ACCOUNTS_DENTAL";
+var ACCOUNTS_UTILITY_ELECTRIC_ICON = "ACCOUNTS_UTILITY_ELECTRIC";
+var ACCOUNTS_UTILITY_GAS_ICON = "ACCOUNTS_UTILITY_GAS";
+var ACCOUNTS_UTILITY_GARBAGE_ICON = "ACCOUNTS_UTILITY_GARBAGE";
+var ACCOUNTS_UTILITY_WATER_ICON = "ACCOUNTS_UTILITY_WATER";
+var PROPERTIES_PERSONAL_ICON = "PROPERTIES_PERSONAL";
+var PROPERTIES_GARAGE_ICON = "PROPERTIES_GARAGE";
+var PROPERTIES_BUSINESS_ICON = "PROPERTIES_BUSINESS";
+var PROPERTIES_STOREFRONT_ICON = "PROPERTIES_STOREFRONT";
+var PROPERTIES_APARTMENT_ICON = "PROPERTIES_APARTMENT";
+var PROPERTIES_LAND_ICON = "PROPERTIES_LAND";
+var PROPERTIES_CAR_ICON = "PROPERTIES_CAR";
+var PROPERTIES_MOTORCYCLE_ICON = "PROPERTIES_MOTORCYCLE";
+var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
+var MISC_BILL_ICON = "MISC_SINGLE_BILL";
+var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, function (_ref) {
+  var color = _ref.color;
+  return /*#__PURE__*/React__default.createElement(AccountGenericIcon, {
+    color: color
+  });
+}), ACCOUNTS_CONSTRUCTION_ICON, function (_ref2) {
+  var color = _ref2.color;
+  return /*#__PURE__*/React__default.createElement(AccountConstructionIcon, {
+    color: color
+  });
+}), ACCOUNTS_HEALTH_ICON, function (_ref3) {
+  var color = _ref3.color;
+  return /*#__PURE__*/React__default.createElement(AccountMedicalIcon, {
+    color: color
+  });
+}), ACCOUNTS_DENTAL_ICON, function (_ref4) {
+  var color = _ref4.color;
+  return /*#__PURE__*/React__default.createElement(AccountDentalIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_ELECTRIC_ICON, function (_ref5) {
+  var color = _ref5.color;
+  return /*#__PURE__*/React__default.createElement(AccountElectricIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_GARBAGE_ICON, function (_ref6) {
+  var color = _ref6.color;
+  return /*#__PURE__*/React__default.createElement(AccountGarbageIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_GAS_ICON, function (_ref7) {
+  var color = _ref7.color;
+  return /*#__PURE__*/React__default.createElement(AccountGasIcon, {
+    color: color
+  });
+}), ACCOUNTS_UTILITY_WATER_ICON, function (_ref8) {
+  var color = _ref8.color;
+  return /*#__PURE__*/React__default.createElement(AccountWaterIcon, {
+    color: color
+  });
+}), PROPERTIES_PERSONAL_ICON, function (_ref9) {
+  var color = _ref9.color;
+  return /*#__PURE__*/React__default.createElement(PropertyPersonalIcon, {
+    color: color
+  });
+}), PROPERTIES_GARAGE_ICON, function (_ref10) {
+  var color = _ref10.color;
+  return /*#__PURE__*/React__default.createElement(PropertyGarageIcon, {
+    color: color
+  });
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, function (_ref11) {
+  var color = _ref11.color;
+  return /*#__PURE__*/React__default.createElement(PropertyBusinessIcon, {
+    color: color
+  });
+}), PROPERTIES_STOREFRONT_ICON, function (_ref12) {
+  var color = _ref12.color;
+  return /*#__PURE__*/React__default.createElement(PropertyStorefrontIcon, {
+    color: color
   });
-};
-
-var CloseIconButton = function CloseIconButton(_ref) {
-  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
-    _ref$hideModal = _ref.hideModal,
-    hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
-    _ref$iconWidth = _ref.iconWidth,
-    iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
-    _ref$iconHeight = _ref.iconHeight,
-    iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
-    _ref$ariaLabel = _ref.ariaLabel,
-    ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
-  return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
-    action: hideModal,
-    "aria-label": ariaLabel,
-    contentOverride: true,
-    extraStyles: "\n        min-height: auto;\n        min-width: auto;\n        height: 1.5rem;\n        margin: 0 0 0 0.5rem;\n        &:focus {\n            outline-offset: -3px;\n        }\n     ",
-    variant: "smallGhost"
-  }, /*#__PURE__*/React__default.createElement(CloseIcon, {
-    role: "img",
-    "aria-hidden": "true",
-    iconWidth: iconWidth,
-    iconHeight: iconHeight
-  }));
-};
-
-var ContinueButton = function ContinueButton(_ref) {
-  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
-    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
-    _ref$continueAction = _ref.continueAction,
-    continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
-    _ref$continueButtonTe = _ref.continueButtonText,
-    continueButtonText = _ref$continueButtonTe === void 0 ? "" : _ref$continueButtonTe,
-    _ref$continueURL = _ref.continueURL,
-    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
-    _ref$continueButtonVa = _ref.continueButtonVariant,
-    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
-    _ref$isContinueAction = _ref.isContinueActionDisabled,
-    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
-    _ref$useDangerButton = _ref.useDangerButton,
-    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
-  var ContinueButtonAtom = continueURL ? ButtonWithLink : ButtonWithAction;
-  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
-  var width = isMobile ? "width: 100%;" : "";
-  return /*#__PURE__*/React__default.createElement(ContinueButtonAtom, {
-    action: continueAction,
-    borderRadius: BORDER_RADIUS.MD,
-    className: "modal-continue-button",
-    dataQa: continueButtonText,
-    disabled: isContinueActionDisabled,
-    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
-    isLoading: isLoading,
-    linkExtraStyles: "display: inline-block; ".concat(width),
-    name: continueButtonText,
-    role: "button",
-    text: continueButtonText,
-    textExtraStyles: "".concat(fontSize),
-    url: continueURL,
-    variant: useDangerButton ? "danger" : continueButtonVariant
+}), PROPERTIES_APARTMENT_ICON, function (_ref13) {
+  var color = _ref13.color;
+  return /*#__PURE__*/React__default.createElement(PropertyApartmentIcon, {
+    color: color
   });
-};
+}), PROPERTIES_LAND_ICON, function (_ref14) {
+  var color = _ref14.color;
+  return /*#__PURE__*/React__default.createElement(PropertyLandIcon, {
+    color: color
+  });
+}), PROPERTIES_CAR_ICON, function (_ref15) {
+  var color = _ref15.color;
+  return /*#__PURE__*/React__default.createElement(PropertyCarIcon, {
+    color: color
+  });
+}), PROPERTIES_MOTORCYCLE_ICON, function (_ref16) {
+  var color = _ref16.color;
+  return /*#__PURE__*/React__default.createElement(PropertyMotorcycleIcon, {
+    color: color
+  });
+}), PROPERTIES_COMMERCIAL_AUTO_ICON, function (_ref17) {
+  var color = _ref17.color;
+  return /*#__PURE__*/React__default.createElement(PropertyCommercialVehicleIcon, {
+    color: color
+  });
+}), MISC_BILL_ICON, function (_ref18) {
+  var color = _ref18.color;
+  return /*#__PURE__*/React__default.createElement(AccountBillIcon, {
+    color: color
+  });
+}));
 
-/*
-Default Modal molecule
-Uses react-aria-modal behind the scenes for a11y purposes
-Styling accomplished with our atoms / layout primitives
+var disabledBackgroundColor$1 = TRANSPARENT;
+var disabledBorderColor$1 = GHOST_GREY;
+var disabledColor$1 = MANATEE_GREY;
+var activeBackgroundColor$1 = CORNFLOWER_BLUE;
+var backgroundColor$a = LINK_WATER;
+var borderColor$5 = MOON_RAKER;
+var color$b = ROYAL_BLUE_VIVID;
+var fallbackValues$L = {
+  disabledBackgroundColor: disabledBackgroundColor$1,
+  disabledBorderColor: disabledBorderColor$1,
+  disabledColor: disabledColor$1,
+  activeBackgroundColor: activeBackgroundColor$1,
+  backgroundColor: backgroundColor$a,
+  borderColor: borderColor$5,
+  color: color$b
+};
 
-Cancel button will (for now) always use hideModal as its action
-Continue button takes an action, if you want to navigate to
-a different route (as with a link) connect() and use "push" from @thecb/connected-react-router
-*/
+var Container = styled__default(Box).withConfig({
+  displayName: "LinkCardstyled__Container",
+  componentId: "sc-l5q1h2-0"
+})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;", " transition:all .2s ease-in-out;", ""], function (_ref) {
+  var isDisabled = _ref.isDisabled,
+    theme = _ref.theme;
+  return "\n    background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n    border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n  ");
+}, function (_ref2) {
+  var isDisabled = _ref2.isDisabled,
+    theme = _ref2.theme;
+  return isDisabled ? "\n        &:hover,\n        &:active {\n          cursor: default;\n          box-shadow: none;\n          border: 1px solid ".concat(theme.disabledBorderColor, ";\n        }\n      ") : "\n        &:hover,\n        &:active {\n          cursor: pointer;\n          box-shadow: 0px 0px 0px 0px rgba(41, 42, 51, 0.1),\n            0px 5px 11px 0px rgba(41, 42, 51, 0.1),\n            0px 4px 19px 0px rgba(41, 42, 51, 0.09),\n            0px 27px 26px 0px rgba(41, 42, 51, 0.05),\n            0px 56px 31px 0px rgba(41, 42, 51, 0.01),\n            0px 80px 33px 0px rgba(41, 42, 51, 0);\n        }\n\n        &:hover:not(:active) {\n          border: 1px solid ".concat(theme.borderColor, ";\n        }\n\n        &:active {\n          background-color: ").concat(theme.activeBackgroundColor, ";\n          border: 1px solid ").concat(theme.borderColor, ";\n        }\n      ");
+});
+var Title$2 = styled__default(Heading$1).withConfig({
+  displayName: "LinkCardstyled__Title",
+  componentId: "sc-l5q1h2-1"
+})(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:150%;background-color:transparent;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref3) {
+  var isDisabled = _ref3.isDisabled,
+    theme = _ref3.theme;
+  return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
+});
+var Subtitle = styled__default(Paragraph$1).withConfig({
+  displayName: "LinkCardstyled__Subtitle",
+  componentId: "sc-l5q1h2-2"
+})(["overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;line-height:150%;letter-spacing:0.14px;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref4) {
+  var isDisabled = _ref4.isDisabled,
+    theme = _ref4.theme;
+  return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
+});
+var Footer = styled__default(Stack).withConfig({
+  displayName: "LinkCardstyled__Footer",
+  componentId: "sc-l5q1h2-3"
+})(["align-items:center;width:100%;"]);
 
-var getApplicationNode$1 = function getApplicationNode() {
-  return document.getElementById("root");
-};
-var Modal$2 = function Modal(_ref) {
-  var _ref$blurUnderlay = _ref.blurUnderlay,
-    blurUnderlay = _ref$blurUnderlay === void 0 ? true : _ref$blurUnderlay,
-    _ref$buttonExtraStyle = _ref.buttonExtraStyles,
-    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
-    _ref$cancelAction = _ref.cancelAction,
-    cancelAction = _ref$cancelAction === void 0 ? noop$1 : _ref$cancelAction,
-    _ref$cancelButtonText = _ref.cancelButtonText,
-    cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
-    _ref$cancelButtonVari = _ref.cancelButtonVariant,
-    cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "secondary" : _ref$cancelButtonVari,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? [] : _ref$children,
-    _ref$closeButtonText = _ref.closeButtonText,
-    closeButtonText = _ref$closeButtonText === void 0 ? "Close" : _ref$closeButtonText,
-    _ref$closeButtonVaria = _ref.closeButtonVariant,
-    closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
-    _ref$continueAction = _ref.continueAction,
-    continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
-    _ref$continueButtonTe = _ref.continueButtonText,
-    continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
-    _ref$continueButtonVa = _ref.continueButtonVariant,
-    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
-    _ref$continueURL = _ref.continueURL,
-    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
-    _ref$customWidth = _ref.customWidth,
-    customWidth = _ref$customWidth === void 0 ? "" : _ref$customWidth,
-    _ref$dataQa = _ref.dataQa,
-    dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
-    _ref$defaultWrapper = _ref.defaultWrapper,
-    defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
-    _ref$hideModal = _ref.hideModal,
-    hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
-    _ref$initialFocusSele = _ref.initialFocusSelector,
-    initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
-    _ref$isContinueAction = _ref.isContinueActionDisabled,
-    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? "" : _ref$maxHeight,
-    _ref$modalBodyBg = _ref.modalBodyBg,
-    modalBodyBg = _ref$modalBodyBg === void 0 ? "" : _ref$modalBodyBg,
-    _ref$modalBodyText = _ref.modalBodyText,
-    modalBodyText = _ref$modalBodyText === void 0 ? "" : _ref$modalBodyText,
-    _ref$modalHeaderBg = _ref.modalHeaderBg,
-    modalHeaderBg = _ref$modalHeaderBg === void 0 ? "" : _ref$modalHeaderBg,
-    _ref$modalHeaderText = _ref.modalHeaderText,
-    modalHeaderText = _ref$modalHeaderText === void 0 ? "" : _ref$modalHeaderText,
-    _ref$modalOpen = _ref.modalOpen,
-    modalOpen = _ref$modalOpen === void 0 ? false : _ref$modalOpen,
-    _ref$noButtons = _ref.noButtons,
-    noButtons = _ref$noButtons === void 0 ? false : _ref$noButtons,
-    _ref$onExit = _ref.onExit,
-    onExit = _ref$onExit === void 0 ? hideModal : _ref$onExit,
-    _ref$onlyCloseButton = _ref.onlyCloseButton,
-    onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
-    _ref$onlyContinueButt = _ref.onlyContinueButton,
-    onlyContinueButton = _ref$onlyContinueButt === void 0 ? false : _ref$onlyContinueButt,
-    _ref$showCloseIconBut = _ref.showCloseIconButton,
-    showCloseIconButton = _ref$showCloseIconBut === void 0 ? false : _ref$showCloseIconBut,
-    _ref$underlayClickExi = _ref.underlayClickExits,
-    underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
-    _ref$useDangerButton = _ref.useDangerButton,
-    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
+var LinkCard = function LinkCard(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Test Workflow" : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
+    showLeft = _ref.showLeft,
+    leftContent = _ref.leftContent,
+    showRight = _ref.showRight,
+    rightContent = _ref.rightContent,
+    onClick = _ref.onClick,
+    _ref$extraStyles = _ref.extraStyles,
+    extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
+    _ref$extraHoverStyles = _ref.extraHoverStyles,
+    extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles,
+    _ref$extraActiveStyle = _ref.extraActiveStyles,
+    extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle,
+    themeValues = _ref.themeValues,
+    _ref$titleVariant = _ref.titleVariant,
+    titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var _useContext = React.useContext(styled.ThemeContext),
     isMobile = _useContext.isMobile;
-
-  // `AriaModal` uses `focus-trap` as a transient dependency. It automatically looks
-  // for a tabbable node when the modal mounts. When it doesn't find one, it looks to
-  // the `fallbackFocus` option. However, React does not guarantee the ref supplied to
-  // this option will be populated on initial render when `focus-trap` is checking
-  // these option. When there are no buttons in the modal, this causes an error.
-  // Because `focus-trap` cannot be disabled, the ref itself requires a default value
-  // to satisfy `focus-trap` until React populates it with the real ref value.
-  //
-  // See:
-  //   - https://react.dev/reference/react/useRef#caveats
-  //   - https://github.com/davidtheclark/react-aria-modal/pull/103
-  //   - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
-  var modalContainerRef = React.useRef("#react-aria-modal-dialog");
-  var hasCloseButton = onlyCloseButton && !noButtons;
-  var hasCancelButton = !onlyContinueButton && !onlyCloseButton && !noButtons;
-  var hasContinueButton = onlyContinueButton && !noButtons || !onlyCloseButton && !noButtons;
-  return /*#__PURE__*/React__default.createElement("div", {
-    ref: modalContainerRef,
-    tabIndex: "-1",
-    "data-qa": dataQa
-  }, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
-    focusTrapOptions: {
-      // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
-      fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
-    },
-    onExit: onExit,
-    getApplicationNode: getApplicationNode$1,
-    titleText: modalHeaderText,
-    underlayStyle: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      background: "rgba(41, 42, 51, 0.45)",
-      backdropFilter: blurUnderlay ? "blur(4px)" : "none",
-      WebkitBackdropFilter: blurUnderlay ? "blur(4px)" : "none"
-    },
-    dialogStyle: {
-      borderRadius: BORDER_RADIUS.MD,
-      margin: SPACING.XS,
-      overflow: "auto",
-      width: isMobile ? "" : customWidth || "576px"
+  var regex = /\W/g;
+  var locatorSlug = title.toLowerCase().replaceAll(regex, "-");
+  return /*#__PURE__*/React__default.createElement(Container, {
+    borderRadius: "8px",
+    dataQa: "link-card-".concat(locatorSlug),
+    width: "100%",
+    maxWidth: isMobile ? "100%" : "288px",
+    minWidth: isMobile ? "240px" : "288px",
+    minHeight: "141px",
+    padding: "24px",
+    theme: themeValues,
+    extraStyles: extraStyles,
+    hoverStyles: extraHoverStyles,
+    activeStyles: extraActiveStyles,
+    onClick: disabled ? noop$1 : onClick,
+    "aria-disabled": disabled,
+    isDisabled: disabled,
+    role: "group",
+    "aria-label": "".concat(title, ", ").concat(subtitle)
+  }, /*#__PURE__*/React__default.createElement(Stack, {
+    childGap: 0,
+    bottomItem: 3,
+    justify: "space-between",
+    style: {
+      width: "100%"
     },
-    underlayClickExits: underlayClickExits,
-    "aria-modal": true,
-    initialFocus: initialFocusSelector,
-    focusDialog: !initialFocusSelector // Focus the dialogue box itself if no selector for initial focus was provided
+    fullHeight: true
   }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: 0,
+    width: "100%"
+  }, /*#__PURE__*/React__default.createElement(Title$2, {
+    variant: titleVariant,
+    theme: themeValues,
+    margin: 0,
+    isDisabled: disabled
+  }, title)), /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0 0 40px",
+    width: "100%"
+  }, /*#__PURE__*/React__default.createElement(Subtitle, {
+    variant: "pS",
+    theme: themeValues,
+    isDisabled: disabled
+  }, subtitle)), /*#__PURE__*/React__default.createElement(Box, {
+    background: "transparent",
+    borderWidthOverride: "0 0 0 0",
     padding: "0",
-    boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    background: modalHeaderBg || WHITE,
-    borderColor: SILVER_GREY,
-    borderWidthOverride: "0 0 ".concat(BORDER_THIN, " 0"),
-    padding: "".concat(SPACING.XS, " ").concat(SPACING.MD)
-  }, /*#__PURE__*/React__default.createElement(Cluster, {
-    justify: showCloseIconButton ? "space-between" : "flex-start",
-    align: showCloseIconButton && isMobile ? "flex-start" : "center",
-    nowrap: true
-  }, /*#__PURE__*/React__default.createElement(Title$1, {
-    as: "h2",
-    weight: FONT_WEIGHT_SEMIBOLD,
-    fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
-  }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React__default.createElement(CloseIconButton, {
-    hideModal: hideModal,
-    iconHeight: isMobile ? "20px" : "24px",
-    iconWidth: isMobile ? "20px" : "24px"
-  }))), /*#__PURE__*/React__default.createElement(Box, {
-    background: modalBodyBg || ATHENS_GREY,
-    padding: "0"
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    padding: SPACING.MD,
-    borderWidthOverride: !noButtons && "0 0 ".concat(BORDER_THIN, " 0"),
-    borderColor: !noButtons && SILVER_GREY,
-    extraStyles: maxHeight ? "max-height: ".concat(maxHeight, "; overflow: auto;") : ""
-  }, defaultWrapper ? /*#__PURE__*/React__default.createElement(Paragraph$1, {
-    variant: isMobile ? "pS" : "p"
-  }, modalBodyText) : /*#__PURE__*/React__default.createElement(Box, {
-    padding: maxHeight ? "0 0 ".concat(SPACING.XS, " 0") : "0"
-  }, modalBodyText)), noButtons ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null) : /*#__PURE__*/React__default.createElement(ButtonLayoutWrapper, {
-    isMobile: isMobile
-  }, [hasCancelButton && /*#__PURE__*/React__default.createElement(CancelButton, {
-    buttonExtraStyles: buttonExtraStyles,
-    cancelAction: cancelAction,
-    cancelButtonText: cancelButtonText,
-    cancelButtonVariant: cancelButtonVariant,
-    hideModal: hideModal,
-    isMobile: isMobile,
-    key: "cancel"
-  }), hasContinueButton && /*#__PURE__*/React__default.createElement(ContinueButton, {
-    buttonExtraStyles: buttonExtraStyles,
-    continueAction: continueAction,
-    continueButtonText: continueButtonText,
-    continueURL: continueURL,
-    continueButtonVariant: continueButtonVariant,
-    isContinueActionDisabled: isContinueActionDisabled,
-    isLoading: isLoading,
-    isMobile: isMobile,
-    key: "continue",
-    useDangerButton: useDangerButton
-  }), hasCloseButton && /*#__PURE__*/React__default.createElement(CloseButton, {
-    buttonExtraStyles: buttonExtraStyles,
-    closeButtonText: closeButtonText,
-    closeButtonVariant: closeButtonVariant,
-    hideModal: hideModal,
-    isMobile: isMobile,
-    key: "close"
-  })].filter(function (button) {
-    return button;
-  }))))), children);
+    width: "100%"
+  }, /*#__PURE__*/React__default.createElement(Footer, {
+    direction: "row",
+    childGap: "6px",
+    justify: "space-between"
+  }, showLeft && !!leftContent ? leftContent : /*#__PURE__*/React__default.createElement(Box, {
+    extraStyles: "margin-right: auto;"
+  }), showRight && !!rightContent && rightContent))));
 };
-var ModalControlV2 = withWindowSize(Modal$2);
+var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$L, "primary");
 
-var _excluded$F = ["version"];
-var Modal$3 = function Modal(_ref) {
-  var _ref$version = _ref.version,
-    version = _ref$version === void 0 ? "v1" : _ref$version,
-    rest = _objectWithoutProperties(_ref, _excluded$F);
-  var ModalControl = version === "v1" ? Modal$1 : ModalControlV2;
-  return /*#__PURE__*/React__default.createElement(ModalControl, rest);
+var LoginForm = function LoginForm(_ref) {
+  var clearOnDismount = _ref.clearOnDismount,
+    fields = _ref.fields,
+    actions = _ref.actions,
+    showErrors = _ref.showErrors,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
+  if (clearOnDismount) {
+    React.useEffect(function () {
+      return function () {
+        return actions.form.clear();
+      };
+    }, []);
+  }
+  var emailErrorMessages = _defineProperty(_defineProperty({}, required.error, "Email address is required"), isProbablyEmail.error, "Invalid email address");
+  var passwordErrorMessages = _defineProperty({}, required.error, "Password is required");
+  return /*#__PURE__*/React__default.createElement(FormInputColumn, {
+    role: "form",
+    "aria-label": "Login"
+  }, /*#__PURE__*/React__default.createElement(FormInput$1, {
+    labelTextWhenNoError: "Email address",
+    errorMessages: emailErrorMessages,
+    type: "email",
+    field: fields.email,
+    fieldActions: actions.fields.email,
+    showErrors: showErrors,
+    onKeyDown: function onKeyDown(e) {
+      return e.key === "Enter" && handleSubmit(e);
+    },
+    isEmail: true,
+    autocompleteValue: "email"
+  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
+    labelTextWhenNoError: "Password",
+    errorMessages: passwordErrorMessages,
+    type: "password",
+    field: fields.password,
+    fieldActions: actions.fields.password,
+    showErrors: showErrors,
+    onKeyDown: function onKeyDown(e) {
+      return e.key === "Enter" && handleSubmit(e);
+    },
+    autocompleteValue: "current-password"
+  }));
+};
+
+var formConfig$5 = {
+  email: {
+    validators: [required(), isProbablyEmail()]
+  },
+  password: {
+    validators: [required()]
+  }
 };
+var _createFormState$5 = createFormState(formConfig$5),
+  reducer$5 = _createFormState$5.reducer,
+  mapStateToProps$6 = _createFormState$5.mapStateToProps,
+  mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
+
+LoginForm.reducer = reducer$5;
+LoginForm.mapStateToProps = mapStateToProps$6;
+LoginForm.mapDispatchToProps = mapDispatchToProps$5;
 
 var backgroundColor$b = {
   profile: "#3b414d",
@@ -51465,6 +51254,44 @@ var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
   });
 };
 
+var useLogoutTimers = function useLogoutTimers(_ref) {
+  var _ref$logoutTimerOn = _ref.logoutTimerOn,
+    logoutTimerOn = _ref$logoutTimerOn === void 0 ? false : _ref$logoutTimerOn,
+    action = _ref.action,
+    timeLeftToLogout = _ref.timeLeftToLogout,
+    handleSetTimeLeft = _ref.handleSetTimeLeft,
+    _ref$initialTimeLeftT = _ref.initialTimeLeftToLogout,
+    initialTimeLeftToLogout = _ref$initialTimeLeftT === void 0 ? 30 : _ref$initialTimeLeftT;
+  var timers = {
+    timer: null,
+    interval: null
+  };
+  var timeLeft = timeLeftToLogout;
+  React.useEffect(function () {
+    if (logoutTimerOn) {
+      timers.timer = window.setTimeout(function () {
+        action();
+        handleSetTimeLeft(initialTimeLeftToLogout);
+      }, initialTimeLeftToLogout * 1000);
+    }
+    return function () {
+      return clearTimeout(timers.timer);
+    };
+  }, [logoutTimerOn]);
+  React.useEffect(function () {
+    if (logoutTimerOn) {
+      timers.interval = window.setInterval(function () {
+        timeLeft--;
+        handleSetTimeLeft(timeLeft);
+      }, 1000);
+    }
+    return function () {
+      return clearInterval(timers.interval);
+    };
+  }, [logoutTimerOn]);
+  return timers;
+};
+
 
 
 var index$6 = /*#__PURE__*/Object.freeze({
@@ -51474,7 +51301,8 @@ var index$6 = /*#__PURE__*/Object.freeze({
   theme: themeUtils,
   useFocusInvalidInput: useFocusInvalidInput,
   useOutsideClick: useOutsideClickHook,
-  useToastNotification: useToastNotification
+  useToastNotification: useToastNotification,
+  useLogoutTimers: useLogoutTimers
 });
 
 exports.AccountNumberImage = AccountNumberImage;
@@ -51578,6 +51406,7 @@ exports.HighlightTabRow = HighlightTabRow$1;
 exports.HistoryIconSmall = HistoryIconSmall$1;
 exports.IconAdd = IconAdd;
 exports.IconQuitLarge = IconQuitLarge;
+exports.IdleModal = IdleModal;
 exports.ImageBox = ImageBox;
 exports.Imposter = Imposter;
 exports.InternalLink = InternalLink;