@popsure/dirty-swan 0.39.1 → 0.40.0

package/dist/cjs/index.js

@@ -121,6 +121,21 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 var dayjs_min = {exports: {}};
 
 (function (module, exports) {
@@ -2248,14 +2263,14 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$y = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
-var styles$x = {"wrapper":"styles-module_wrapper__1_lY0"};
-styleInject(css_248z$y);
+var css_248z$z = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
+var styles$y = {"wrapper":"styles-module_wrapper__1_lY0"};
+styleInject(css_248z$z);
 
 var IconWrapper = function (_a) {
     var _b;
     var children = _a.children, _c = _a.size, size = _c === void 0 ? 16 : _c, color = _a.color, className = _a.className;
-    return (jsxRuntime.jsx("span", __assign({ className: classNames('d-inline-block', styles$x.wrapper, className !== null && className !== void 0 ? className : '', (_b = {},
+    return (jsxRuntime.jsx("span", __assign({ className: classNames('d-inline-block', styles$y.wrapper, className !== null && className !== void 0 ? className : '', (_b = {},
             _b["tc-" + color] = !!color,
             _b)), style: {
             width: size + "px",
@@ -3720,9 +3735,9 @@ var ZoomOut = (function (props) {
     return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21.35 21.35 17 17M8 11h6" }, void 0));
 });
 
-var css_248z$x = ".style-module_container__3bJf5 {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_date-selector-container__165Ii {\n  margin-left: -8px;\n  display: flex;\n}\n.style-module_date-selector-container__165Ii > select {\n  margin-left: 8px;\n}\n@media (max-width: 34rem) {\n  .style-module_date-selector-container__165Ii > select {\n    margin-left: 0;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_date-selector-container__165Ii {\n    margin-left: 0;\n    display: unset;\n  }\n}\n\n.style-module_row-container__2J4YP > select {\n  margin-left: 8px;\n}\n@media (max-width: 34rem) {\n  .style-module_row-container__2J4YP > select {\n    margin-left: 0;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_row-container__2J4YP {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n\n.style-module_day-select__pHm0x {\n  width: 88px;\n}\n@media (max-width: 34rem) {\n  .style-module_day-select__pHm0x {\n    flex: 1;\n    margin-right: 8px;\n  }\n}\n\n.style-module_month-select__2RXk9 {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_month-select__2RXk9 {\n    flex: 1;\n  }\n}\n\n.style-module_year-select__8HXni {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_year-select__8HXni {\n    display: block;\n    margin-top: 8px;\n    width: 100%;\n  }\n}\n\n.style-module_date-calendar-container__2ERYZ {\n  position: relative;\n  margin-left: 24px;\n}\n@media (max-width: 34rem) {\n  .style-module_date-calendar-container__2ERYZ {\n    margin-left: 16px;\n  }\n}\n\n.style-module_calendarButton__UpA2t {\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n\n.style-module_calendarIcon__bNDfo {\n  margin: 0px;\n}";
-var styles$w = {"container":"style-module_container__3bJf5","date-selector-container":"style-module_date-selector-container__165Ii","row-container":"style-module_row-container__2J4YP","day-select":"style-module_day-select__pHm0x","month-select":"style-module_month-select__2RXk9","year-select":"style-module_year-select__8HXni","date-calendar-container":"style-module_date-calendar-container__2ERYZ","calendarButton":"style-module_calendarButton__UpA2t","calendarIcon":"style-module_calendarIcon__bNDfo"};
-styleInject(css_248z$x);
+var css_248z$y = ".style-module_container__3bJf5 {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_date-selector-container__165Ii {\n  margin-left: -8px;\n  display: flex;\n}\n.style-module_date-selector-container__165Ii > select {\n  margin-left: 8px;\n}\n@media (max-width: 34rem) {\n  .style-module_date-selector-container__165Ii > select {\n    margin-left: 0;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_date-selector-container__165Ii {\n    margin-left: 0;\n    display: unset;\n  }\n}\n\n.style-module_row-container__2J4YP > select {\n  margin-left: 8px;\n}\n@media (max-width: 34rem) {\n  .style-module_row-container__2J4YP > select {\n    margin-left: 0;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_row-container__2J4YP {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n\n.style-module_day-select__pHm0x {\n  width: 88px;\n}\n@media (max-width: 34rem) {\n  .style-module_day-select__pHm0x {\n    flex: 1;\n    margin-right: 8px;\n  }\n}\n\n.style-module_month-select__2RXk9 {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_month-select__2RXk9 {\n    flex: 1;\n  }\n}\n\n.style-module_year-select__8HXni {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_year-select__8HXni {\n    display: block;\n    margin-top: 8px;\n    width: 100%;\n  }\n}\n\n.style-module_date-calendar-container__2ERYZ {\n  position: relative;\n  margin-left: 24px;\n}\n@media (max-width: 34rem) {\n  .style-module_date-calendar-container__2ERYZ {\n    margin-left: 16px;\n  }\n}\n\n.style-module_calendarButton__UpA2t {\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n\n.style-module_calendarIcon__bNDfo {\n  margin: 0px;\n}";
+var styles$x = {"container":"style-module_container__3bJf5","date-selector-container":"style-module_date-selector-container__165Ii","row-container":"style-module_row-container__2J4YP","day-select":"style-module_day-select__pHm0x","month-select":"style-module_month-select__2RXk9","year-select":"style-module_year-select__8HXni","date-calendar-container":"style-module_date-calendar-container__2ERYZ","calendarButton":"style-module_calendarButton__UpA2t","calendarIcon":"style-module_calendarIcon__bNDfo"};
+styleInject(css_248z$y);
 
 dayjs.extend(localeData);
 var COLLECTABLE_DATE_FORMAT = 'YYYY-MM-DD';
@@ -3823,19 +3838,19 @@ var DateSelector = function (_a) {
         }
         setOpenCalendar(false);
     };
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$w.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$w['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$w['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$w['day-select'], id: "day", name: "day", required: true, value: (_b = date.day) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$x.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$x['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$x['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$x['day-select'], id: "day", name: "day", required: true, value: (_b = date.day) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
                                     handleOnChange('day', parseInt(e.target.value, 10));
                                 } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.day) || 'Day' }), void 0),
                                     availableDays.map(function (day) { return (jsxRuntime.jsx("option", __assign({ value: day }, { children: day }), day)); })] }), void 0),
-                            jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$w['month-select'], id: "month", name: "month", required: true, value: (_c = date.month) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
+                            jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$x['month-select'], id: "month", name: "month", required: true, value: (_c = date.month) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
                                     handleOnChange('month', parseInt(e.target.value, 10));
                                 } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.month) || 'Month' }), void 0),
                                     availableMonths.map(function (month, i) { return (jsxRuntime.jsx("option", __assign({ value: i + 1 }, { children: month }), month)); })] }), void 0)] }), void 0),
-                    jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$w['year-select'], id: "year", name: "year", required: true, value: (_d = date.year) !== null && _d !== void 0 ? _d : '', onChange: function (e) {
+                    jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$x['year-select'], id: "year", name: "year", required: true, value: (_d = date.year) !== null && _d !== void 0 ? _d : '', onChange: function (e) {
                             handleOnChange('year', parseInt(e.target.value, 10));
                         } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.year) || 'Year' }), void 0),
                             availableYears.map(function (year) { return (jsxRuntime.jsx("option", __assign({ value: year }, { children: year }), year)); })] }), void 0)] }), void 0),
-            displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$w['date-calendar-container'], ref: calendarContainerRef }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return setOpenCalendar(!openCalendar); }, className: styles$w.calendarButton, "data-testid": "calendar-button" }, { children: jsxRuntime.jsx(CalendarIcon, { color: 'purple-500', size: 24, className: "" + styles$w.calendarIcon }, void 0) }), void 0),
+            displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$x['date-calendar-container'], ref: calendarContainerRef }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return setOpenCalendar(!openCalendar); }, className: styles$x.calendarButton, "data-testid": "calendar-button" }, { children: jsxRuntime.jsx(CalendarIcon, { color: 'purple-500', size: 24, className: "" + styles$x.calendarIcon }, void 0) }), void 0),
                     openCalendar && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
                             if (dayjs(date).isAfter(dateCalendarFromMonth) ||
                                 dayjs(date).isBefore(dateCalendarToMonth)) {
@@ -4343,9 +4358,9 @@ class SignaturePad$1 {
     }
 }
 
-var css_248z$w = ".style-module_container__1VolG {\n  position: relative;\n  background-color: var(--ds-grey-200);\n  border-radius: 8px;\n  height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n  width: 100%;\n  height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n  position: absolute;\n  height: 2px;\n  right: 112px;\n  left: 72px;\n  bottom: 32px;\n  background-color: var(--ds-grey-400);\n  border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n  display: flex;\n  position: absolute;\n  right: 16px;\n  bottom: 32px;\n  color: var(--ds-primary-500);\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  font-size: 16px;\n  line-height: 24px;\n  background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n  color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  background-color: currentColor;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-background-color: currentColor;\n  margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n  color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n  position: absolute;\n  bottom: 32px;\n  left: 16px;\n  height: 24px;\n  width: 24px;\n  mask-size: 24px 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  -webkit-mask-size: 24px 24px;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  background-color: var(--ds-grey-500);\n}";
-var styles$v = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
-styleInject(css_248z$w);
+var css_248z$x = ".style-module_container__1VolG {\n  position: relative;\n  background-color: var(--ds-grey-200);\n  border-radius: 8px;\n  height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n  width: 100%;\n  height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n  position: absolute;\n  height: 2px;\n  right: 112px;\n  left: 72px;\n  bottom: 32px;\n  background-color: var(--ds-grey-400);\n  border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n  display: flex;\n  position: absolute;\n  right: 16px;\n  bottom: 32px;\n  color: var(--ds-primary-500);\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  font-size: 16px;\n  line-height: 24px;\n  background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n  color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  background-color: currentColor;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-background-color: currentColor;\n  margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n  color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n  position: absolute;\n  bottom: 32px;\n  left: 16px;\n  height: 24px;\n  width: 24px;\n  mask-size: 24px 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  -webkit-mask-size: 24px 24px;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  background-color: var(--ds-grey-500);\n}";
+var styles$w = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
+styleInject(css_248z$x);
 
 var sign = "data:image/svg+xml,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.7%203.70001C13.3%204.00001%2013.5%205.10001%2014.1%206.20001C14.7%207.30001%2014.9%209.20001%2014.6%2010.5C14.1%2012.3%2015.3%2014.4%2019.3%2019.7C22.2%2023.4%2025.6%2028%2026.9%2029.8L29.2%2033L23%2039.7C19.7%2043.4%2017.1%2046.9%2017.4%2047.6C17.7%2048.3%2017.2%2049.4%2016.4%2050C14.8%2051.4%2014.5%2054%2016.1%2054C17.5%2054%2023.6%2049.5%2029%2044.4L33.5%2040.1L41%2051.3C49.2%2063.6%2053.7%2069%2055.8%2069C56.6%2069%2056.8%2068.5%2056.4%2067.7C56%2067.1%2057.8%2068.9%2060.5%2071.8C63.1%2074.7%2065.5%2076.9%2065.7%2076.6C65.9%2076.4%2065.2%2074.4%2064.1%2072.1C62.9%2069.9%2062%2067.2%2062%2066.2C62%2063.3%2054.5%2047.6%2048.9%2039C46.2%2034.8%2044%2031%2044%2030.6C44%2030.2%2046.2%2027.3%2048.9%2024.2C54.3%2017.9%2059%2011.2%2059%209.80001C59%209.30001%2057.7%209.10001%2056%209.50001C54.2%209.90001%2050.5%2012.7%2046.4%2017.1C42.7%2020.9%2039.4%2024%2039.1%2024C38.8%2024%2036.3%2020.7%2033.6%2016.8C30.9%2012.9%2027.9%209.50001%2027%209.30001C26%209.00001%2024.3%207.60001%2023.2%206.10001C21.7%204.10001%2020.3%203.30001%2017.7%203.20001C15.8%203.10001%2014%203.30001%2013.7%203.70001Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fsvg%3E";
 
@@ -4374,15 +4389,15 @@ var SignaturePad = /** @class */ (function (_super) {
     SignaturePad.prototype.render = function () {
         var hasContent = this.state.hasContent;
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
-                        __html: "." + styles$v.reset + "::before { \n              -webkit-mask-image: url(\"" + reset + "\");\n              mask-image: url(\"" + reset + "\");\n           }",
+                        __html: "." + styles$w.reset + "::before { \n              -webkit-mask-image: url(\"" + reset + "\");\n              mask-image: url(\"" + reset + "\");\n           }",
                     } }, void 0),
-                jsxRuntime.jsxs("div", __assign({ className: styles$v.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$v.canvas, ref: this.canvasRef }, void 0),
-                        jsxRuntime.jsx("div", { className: styles$v.separator }, void 0),
-                        jsxRuntime.jsx("div", { className: styles$v.sign, style: {
+                jsxRuntime.jsxs("div", __assign({ className: styles$w.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$w.canvas, ref: this.canvasRef }, void 0),
+                        jsxRuntime.jsx("div", { className: styles$w.separator }, void 0),
+                        jsxRuntime.jsx("div", { className: styles$w.sign, style: {
                                 WebkitMaskImage: "url(\"" + sign + "\")",
                                 maskImage: "url(\"" + sign + "\")",
                             } }, void 0),
-                        jsxRuntime.jsx("button", __assign({ className: styles$v.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
+                        jsxRuntime.jsx("button", __assign({ className: styles$w.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
     };
     SignaturePad.prototype.notifyOnChange = function () {
         var onChange = this.props.onChange;
@@ -4790,27 +4805,27 @@ function generateId() {
     return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
 }
 
-var css_248z$v = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-grey-500);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
-var styles$u = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
-styleInject(css_248z$v);
+var css_248z$w = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-grey-500);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
+var styles$v = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
+styleInject(css_248z$w);
 
 var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
     var _b, _c, _d, _e, _f, _g;
     var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel"]);
     var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : generateId())[0];
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$u.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles$u.label, (_b = {},
-                    _b[styles$u['label--with-error']] = error,
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$v.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles$v.label, (_b = {},
+                    _b[styles$v['label--with-error']] = error,
                     _b['sr-only'] = hideLabel,
                     _b)) }, { children: label }), void 0)),
             jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames(error ? 'p-input--error' : 'p-input', !label && placeholder && placeholder.length > 0
-                            ? styles$u.input
-                            : styles$u['input--no-placeholder'], (_c = {}, _c[styles$u['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
-                    prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$u.prefix, (_d = {}, _d[styles$u['prefix--with-error']] = error, _d), (_e = {}, _e[styles$u['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
-                    !label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$u.placeholder, (_f = {}, _f[styles$u['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$u['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
-            error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$u.error }, { children: error }), void 0))] }), void 0));
+                            ? styles$v.input
+                            : styles$v['input--no-placeholder'], (_c = {}, _c[styles$v['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
+                    prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$v.prefix, (_d = {}, _d[styles$v['prefix--with-error']] = error, _d), (_e = {}, _e[styles$v['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
+                    !label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$v.placeholder, (_f = {}, _f[styles$v['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$v['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
+            error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$v.error }, { children: error }), void 0))] }), void 0));
 });
 
-var z7=Object.defineProperty;var V=(t,a)=>{for(var z in a)z7(t,z,{get:a[z],enumerable:!0});};var s=["AF","AL","DZ","AD","AS","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IL","IT","JM","JP","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","MS","ME","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","SH","KN","LC","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW","AX","BQ","CW","GG","IM","JE","BL","MF","SX","XK","SS"];var r$2={};V(r$2,{countries:()=>L,default:()=>p7,locale:()=>y$2});var y$2="en",L={AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarctica",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BV:"Bouvet Island",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei Darussalam",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CX:"Christmas Island",CC:"Cocos (Keeling) Islands",CO:"Colombia",KM:"Comoros",CG:"Republic of the Congo",CD:"Democratic Republic of the Congo",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote D'Ivoire",HR:"Croatia",CU:"Cuba",CY:"Cyprus",CZ:"Czech Republic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands (Malvinas)",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",TF:"French Southern Territories",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard Island and McDonald Islands",VA:"Holy See (Vatican City State)",HN:"Honduras",HK:"Hong Kong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Lao People's Democratic Republic",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia, Federated States of",MD:"Moldova, Republic of",MC:"Monaco",MN:"Mongolia",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Island",MK:"North Macedonia",MP:"Northern Mariana Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestine",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",RO:"Romania",RU:"Russia",RW:"Rwanda",SH:"Saint Helena",KN:"Saint Kitts and Nevis",LC:"Saint Lucia",PM:"Saint Pierre and Miquelon",VC:"Saint Vincent and the Grenadines",WS:"Samoa",SM:"San Marino",ST:"Sao Tome and Principe",SA:"Saudi Arabia",SN:"Senegal",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",GS:"South Georgia and the South Sandwich Islands",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SR:"Suriname",SJ:"Svalbard and Jan Mayen",SZ:"Eswatini",SE:"Sweden",CH:"Switzerland",SY:"Syrian Arab Republic",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor-Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad and Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TC:"Turks and Caicos Islands",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdom",US:"United States",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands, British",VI:"Virgin Islands, U.S.",WF:"Wallis and Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe",AX:"\xC5land Islands",BQ:"Bonaire, Sint Eustatius and Saba",CW:"Cura\xE7ao",GG:"Guernsey",IM:"Isle of Man",JE:"Jersey",ME:"Montenegro",BL:"Saint Barth\xE9lemy",MF:"Saint Martin (French part)",RS:"Serbia",SX:"Sint Maarten (Dutch part)",SS:"South Sudan",XK:"Kosovo"},p7={locale:y$2,countries:L};var m$3={};V(m$3,{countries:()=>S,default:()=>M7,locale:()=>B});var B="de",S={AF:"Afghanistan",EG:"\xC4gypten",AX:"\xC5land",AL:"Albanien",DZ:"Algerien",AS:"Amerikanisch-Samoa",VI:"Amerikanische Jungferninseln",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarktis",AG:"Antigua und Barbuda",GQ:"\xC4quatorialguinea",AR:"Argentinien",AM:"Armenien",AW:"Aruba",AZ:"Aserbaidschan",ET:"\xC4thiopien",AU:"Australien",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesch",BB:"Barbados",BY:"Belarus",BE:"Belgien",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivien",BQ:"Bonaire",BA:"Bosnien und Herzegowina",BW:"Botswana",BV:"Bouvetinsel",BR:"Brasilien",VG:"Britische Jungferninseln",IO:"Britisches Territorium im Indischen Ozean",BN:"Brunei Darussalam",BG:"Bulgarien",BF:"Burkina Faso",BI:"Burundi",CL:"Chile",CN:"China",CK:"Cookinseln",CR:"Costa Rica",CI:"Elfenbeink\xFCste",CW:"Cura\xE7ao",DK:"D\xE4nemark",DE:"Deutschland",DM:"Dominica",DO:"Dominikanische Republik",DJ:"Dschibuti",EC:"Ecuador",SV:"El Salvador",ER:"Eritrea",EE:"Estland",FK:"Falklandinseln",FO:"F\xE4r\xF6er",FJ:"Fidschi",FI:"Finnland",FR:"Frankreich",GF:"Franz\xF6sisch-Guayana",PF:"Franz\xF6sisch-Polynesien",TF:"Franz\xF6sische S\xFCd- und Antarktisgebiete",GA:"Gabun",GM:"Gambia",GE:"Georgien",GH:"Ghana",GI:"Gibraltar",GD:"Grenada",GR:"Griechenland",GL:"Gr\xF6nland",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GG:"Guernsey",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard und McDonaldinseln",HN:"Honduras",HK:"Hongkong",IN:"Indien",ID:"Indonesien",IM:"Insel Man",IQ:"Irak",IR:"Iran",IE:"Irland",IS:"Island",IL:"Israel",IT:"Italien",JM:"Jamaika",JP:"Japan",YE:"Jemen",JE:"Jersey",JO:"Jordanien",KY:"Kaimaninseln",KH:"Kambodscha",CM:"Kamerun",CA:"Kanada",CV:"Kap Verde",KZ:"Kasachstan",QA:"Katar",KE:"Kenia",KG:"Kirgisistan",KI:"Kiribati",CC:"Kokosinseln",CO:"Kolumbien",KM:"Komoren",CD:"Kongo",KP:"Nordkorea",KR:"S\xFCdkorea",HR:"Kroatien",CU:"Kuba",KW:"Kuwait",LA:"Laos",LS:"Lesotho",LV:"Lettland",LB:"Libanon",LR:"Liberia",LY:"Libyen",LI:"Liechtenstein",LT:"Litauen",LU:"Luxemburg",MO:"Macao",MG:"Madagaskar",MW:"Malawi",MY:"Malaysia",MV:"Malediven",ML:"Mali",MT:"Malta",MA:"Marokko",MH:"Marshallinseln",MQ:"Martinique",MR:"Mauretanien",MU:"Mauritius",YT:"Mayotte",MX:"Mexiko",FM:"Mikronesien",MD:"Moldawien",MC:"Monaco",MN:"Mongolei",ME:"Montenegro",MS:"Montserrat",MZ:"Mosambik",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NC:"Neukaledonien",NZ:"Neuseeland",NI:"Nicaragua",NL:"Niederlande",NE:"Niger",NG:"Nigeria",NU:"Niue",MK:"Nordmazedonien",MP:"N\xF6rdliche Marianen",NF:"Norfolkinsel",NO:"Norwegen",OM:"Oman",AT:"\xD6sterreich",TL:"Osttimor",PK:"Pakistan",PS:"Staat Pal\xE4stina",PW:"Palau",PA:"Panama",PG:"Papua-Neuguinea",PY:"Paraguay",PE:"Peru",PH:"Philippinen",PN:"Pitcairninseln",PL:"Polen",PT:"Portugal",PR:"Puerto Rico",TW:"Taiwan",CG:"Republik Kongo",RE:"R\xE9union",RW:"Ruanda",RO:"Rum\xE4nien",RU:"Russische F\xF6deration",BL:"Saint-Barth\xE9lemy",MF:"Saint-Martin",SB:"Salomonen",ZM:"Sambia",WS:"Samoa",SM:"San Marino",ST:"S\xE3o Tom\xE9 und Pr\xEDncipe",SA:"Saudi-Arabien",SE:"Schweden",CH:"Schweiz",SN:"Senegal",RS:"Serbien",SC:"Seychellen",SL:"Sierra Leone",ZW:"Simbabwe",SG:"Singapur",SX:"Sint Maarten",SK:"Slowakei",SI:"Slowenien",SO:"Somalia",ES:"Spanien",LK:"Sri Lanka",SH:"St. Helena",KN:"St. Kitts und Nevis",LC:"St. Lucia",PM:"Saint-Pierre und Miquelon",VC:"St. Vincent und die Grenadinen",ZA:"S\xFCdafrika",SD:"Sudan",GS:"S\xFCdgeorgien und die S\xFCdlichen Sandwichinseln",SS:"S\xFCdsudan",SR:"Suriname",SJ:"Svalbard und Jan Mayen",SZ:"Eswatini",SY:"Syrien, Arabische Republik",TJ:"Tadschikistan",TZ:"Tansania, Vereinigte Republik",TH:"Thailand",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad und Tobago",TD:"Tschad",CZ:"Tschechische Republik",TN:"Tunesien",TR:"T\xFCrkei",TM:"Turkmenistan",TC:"Turks- und Caicosinseln",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",HU:"Ungarn",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Usbekistan",VU:"Vanuatu",VA:"Vatikanstadt",VE:"Venezuela",AE:"Vereinigte Arabische Emirate",US:"Vereinigte Staaten",GB:"Vereinigtes K\xF6nigreich",VN:"Vietnam",WF:"Wallis und Futuna",CX:"Weihnachtsinsel",EH:"Westsahara",CF:"Zentralafrikanische Republik",CY:"Zypern",XK:"Kosovo"},M7={locale:B,countries:S};var c7={en:r$2,de:m$3};function $5(t,a="en"){return c7[a].countries[t]}var f7=(t="en")=>s.map(a=>({name:c7[t].countries[a],code:a}));f7();
+var z7=Object.defineProperty;var V$1=(t,a)=>{for(var z in a)z7(t,z,{get:a[z],enumerable:!0});};var s$1=["AF","AL","DZ","AD","AS","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IL","IT","JM","JP","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","MS","ME","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","SH","KN","LC","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW","AX","BQ","CW","GG","IM","JE","BL","MF","SX","XK","SS"];var r$3={};V$1(r$3,{countries:()=>L$1,default:()=>p7,locale:()=>y$3});var y$3="en",L$1={AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarctica",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BV:"Bouvet Island",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei Darussalam",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CX:"Christmas Island",CC:"Cocos (Keeling) Islands",CO:"Colombia",KM:"Comoros",CG:"Republic of the Congo",CD:"Democratic Republic of the Congo",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote D'Ivoire",HR:"Croatia",CU:"Cuba",CY:"Cyprus",CZ:"Czech Republic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands (Malvinas)",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",TF:"French Southern Territories",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard Island and McDonald Islands",VA:"Holy See (Vatican City State)",HN:"Honduras",HK:"Hong Kong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Lao People's Democratic Republic",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia, Federated States of",MD:"Moldova, Republic of",MC:"Monaco",MN:"Mongolia",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Island",MK:"North Macedonia",MP:"Northern Mariana Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestine",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",RO:"Romania",RU:"Russia",RW:"Rwanda",SH:"Saint Helena",KN:"Saint Kitts and Nevis",LC:"Saint Lucia",PM:"Saint Pierre and Miquelon",VC:"Saint Vincent and the Grenadines",WS:"Samoa",SM:"San Marino",ST:"Sao Tome and Principe",SA:"Saudi Arabia",SN:"Senegal",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",GS:"South Georgia and the South Sandwich Islands",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SR:"Suriname",SJ:"Svalbard and Jan Mayen",SZ:"Eswatini",SE:"Sweden",CH:"Switzerland",SY:"Syrian Arab Republic",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor-Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad and Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TC:"Turks and Caicos Islands",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdom",US:"United States",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands, British",VI:"Virgin Islands, U.S.",WF:"Wallis and Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe",AX:"\xC5land Islands",BQ:"Bonaire, Sint Eustatius and Saba",CW:"Cura\xE7ao",GG:"Guernsey",IM:"Isle of Man",JE:"Jersey",ME:"Montenegro",BL:"Saint Barth\xE9lemy",MF:"Saint Martin (French part)",RS:"Serbia",SX:"Sint Maarten (Dutch part)",SS:"South Sudan",XK:"Kosovo"},p7={locale:y$3,countries:L$1};var m$4={};V$1(m$4,{countries:()=>S$1,default:()=>M7,locale:()=>B});var B="de",S$1={AF:"Afghanistan",EG:"\xC4gypten",AX:"\xC5land",AL:"Albanien",DZ:"Algerien",AS:"Amerikanisch-Samoa",VI:"Amerikanische Jungferninseln",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarktis",AG:"Antigua und Barbuda",GQ:"\xC4quatorialguinea",AR:"Argentinien",AM:"Armenien",AW:"Aruba",AZ:"Aserbaidschan",ET:"\xC4thiopien",AU:"Australien",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesch",BB:"Barbados",BY:"Belarus",BE:"Belgien",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivien",BQ:"Bonaire",BA:"Bosnien und Herzegowina",BW:"Botswana",BV:"Bouvetinsel",BR:"Brasilien",VG:"Britische Jungferninseln",IO:"Britisches Territorium im Indischen Ozean",BN:"Brunei Darussalam",BG:"Bulgarien",BF:"Burkina Faso",BI:"Burundi",CL:"Chile",CN:"China",CK:"Cookinseln",CR:"Costa Rica",CI:"Elfenbeink\xFCste",CW:"Cura\xE7ao",DK:"D\xE4nemark",DE:"Deutschland",DM:"Dominica",DO:"Dominikanische Republik",DJ:"Dschibuti",EC:"Ecuador",SV:"El Salvador",ER:"Eritrea",EE:"Estland",FK:"Falklandinseln",FO:"F\xE4r\xF6er",FJ:"Fidschi",FI:"Finnland",FR:"Frankreich",GF:"Franz\xF6sisch-Guayana",PF:"Franz\xF6sisch-Polynesien",TF:"Franz\xF6sische S\xFCd- und Antarktisgebiete",GA:"Gabun",GM:"Gambia",GE:"Georgien",GH:"Ghana",GI:"Gibraltar",GD:"Grenada",GR:"Griechenland",GL:"Gr\xF6nland",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GG:"Guernsey",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard und McDonaldinseln",HN:"Honduras",HK:"Hongkong",IN:"Indien",ID:"Indonesien",IM:"Insel Man",IQ:"Irak",IR:"Iran",IE:"Irland",IS:"Island",IL:"Israel",IT:"Italien",JM:"Jamaika",JP:"Japan",YE:"Jemen",JE:"Jersey",JO:"Jordanien",KY:"Kaimaninseln",KH:"Kambodscha",CM:"Kamerun",CA:"Kanada",CV:"Kap Verde",KZ:"Kasachstan",QA:"Katar",KE:"Kenia",KG:"Kirgisistan",KI:"Kiribati",CC:"Kokosinseln",CO:"Kolumbien",KM:"Komoren",CD:"Kongo",KP:"Nordkorea",KR:"S\xFCdkorea",HR:"Kroatien",CU:"Kuba",KW:"Kuwait",LA:"Laos",LS:"Lesotho",LV:"Lettland",LB:"Libanon",LR:"Liberia",LY:"Libyen",LI:"Liechtenstein",LT:"Litauen",LU:"Luxemburg",MO:"Macao",MG:"Madagaskar",MW:"Malawi",MY:"Malaysia",MV:"Malediven",ML:"Mali",MT:"Malta",MA:"Marokko",MH:"Marshallinseln",MQ:"Martinique",MR:"Mauretanien",MU:"Mauritius",YT:"Mayotte",MX:"Mexiko",FM:"Mikronesien",MD:"Moldawien",MC:"Monaco",MN:"Mongolei",ME:"Montenegro",MS:"Montserrat",MZ:"Mosambik",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NC:"Neukaledonien",NZ:"Neuseeland",NI:"Nicaragua",NL:"Niederlande",NE:"Niger",NG:"Nigeria",NU:"Niue",MK:"Nordmazedonien",MP:"N\xF6rdliche Marianen",NF:"Norfolkinsel",NO:"Norwegen",OM:"Oman",AT:"\xD6sterreich",TL:"Osttimor",PK:"Pakistan",PS:"Staat Pal\xE4stina",PW:"Palau",PA:"Panama",PG:"Papua-Neuguinea",PY:"Paraguay",PE:"Peru",PH:"Philippinen",PN:"Pitcairninseln",PL:"Polen",PT:"Portugal",PR:"Puerto Rico",TW:"Taiwan",CG:"Republik Kongo",RE:"R\xE9union",RW:"Ruanda",RO:"Rum\xE4nien",RU:"Russische F\xF6deration",BL:"Saint-Barth\xE9lemy",MF:"Saint-Martin",SB:"Salomonen",ZM:"Sambia",WS:"Samoa",SM:"San Marino",ST:"S\xE3o Tom\xE9 und Pr\xEDncipe",SA:"Saudi-Arabien",SE:"Schweden",CH:"Schweiz",SN:"Senegal",RS:"Serbien",SC:"Seychellen",SL:"Sierra Leone",ZW:"Simbabwe",SG:"Singapur",SX:"Sint Maarten",SK:"Slowakei",SI:"Slowenien",SO:"Somalia",ES:"Spanien",LK:"Sri Lanka",SH:"St. Helena",KN:"St. Kitts und Nevis",LC:"St. Lucia",PM:"Saint-Pierre und Miquelon",VC:"St. Vincent und die Grenadinen",ZA:"S\xFCdafrika",SD:"Sudan",GS:"S\xFCdgeorgien und die S\xFCdlichen Sandwichinseln",SS:"S\xFCdsudan",SR:"Suriname",SJ:"Svalbard und Jan Mayen",SZ:"Eswatini",SY:"Syrien, Arabische Republik",TJ:"Tadschikistan",TZ:"Tansania, Vereinigte Republik",TH:"Thailand",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad und Tobago",TD:"Tschad",CZ:"Tschechische Republik",TN:"Tunesien",TR:"T\xFCrkei",TM:"Turkmenistan",TC:"Turks- und Caicosinseln",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",HU:"Ungarn",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Usbekistan",VU:"Vanuatu",VA:"Vatikanstadt",VE:"Venezuela",AE:"Vereinigte Arabische Emirate",US:"Vereinigte Staaten",GB:"Vereinigtes K\xF6nigreich",VN:"Vietnam",WF:"Wallis und Futuna",CX:"Weihnachtsinsel",EH:"Westsahara",CF:"Zentralafrikanische Republik",CY:"Zypern",XK:"Kosovo"},M7={locale:B,countries:S$1};var c7={en:r$3,de:m$4};function $5(t,a="en"){return c7[a].countries[t]}var f7=(t="en")=>s$1.map(a=>({name:c7[t].countries[a],code:a}));f7();
 
 var geocoderAddressComponentToPartialAddress = function (input) {
     var mapping = {
@@ -4846,9 +4861,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
     return toReturn;
 };
 
-var css_248z$u = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  background-color: rgba(142, 140, 238, 0.25);\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
-var styles$t = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
-styleInject(css_248z$u);
+var css_248z$v = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  background-color: rgba(142, 140, 238, 0.25);\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
+var styles$u = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
+styleInject(css_248z$v);
 
 var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
 var GERMANY_ALPHA_CODE = 'DE';
@@ -4981,16 +4996,16 @@ var AutocompleteAddress = function (_a) {
             }
         };
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$t['map-container'], (_b = {},
-                    _b[styles$t['map-container--hidden']] = place === null,
-                    _b)) }, { children: [jsxRuntime.jsx("div", { className: styles$t.map, id: "map" }, void 0),
-                    isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$t['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$u['map-container'], (_b = {},
+                    _b[styles$u['map-container--hidden']] = place === null,
+                    _b)) }, { children: [jsxRuntime.jsx("div", { className: styles$u.map, id: "map" }, void 0),
+                    isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$u['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
             jsxRuntime.jsx("div", __assign({ className: "wmx8" }, { children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"),
-                        hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$t['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex c-gap16 " + styles$t['input-line'] }, { children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"),
-                                jsxRuntime.jsx(Input, __assign({ className: "wmx2 " + styles$t['house-number-input'], "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), void 0),
+                        hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", __assign({ "data-cy": "google-api-loader", className: styles$u['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex c-gap16 " + styles$u['input-line'] }, { children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"),
+                                jsxRuntime.jsx(Input, __assign({ className: "wmx2 " + styles$u['house-number-input'], "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), void 0),
                         jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
                                 'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"),
-                        jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$t['input-line'] }, { children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"),
+                        jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16 c-gap16 " + styles$u['input-line'] }, { children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"),
                                 jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] }), void 0)] }, void 0)) }), void 0),
             manualAddressEntry === false && (jsxRuntime.jsxs("div", __assign({ className: "p-p mt8" }, { children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ',
                     jsxRuntime.jsx("button", __assign({ className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button" }, { children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' }), void 0)] }), void 0))] }, void 0));
@@ -5010,12 +5025,12 @@ var reactIs_production_min$2 = {};
  * 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$2=b$2?Symbol.for("react.portal"):60106,e$2=b$2?Symbol.for("react.fragment"):60107,f$2=b$2?Symbol.for("react.strict_mode"):60108,g$2=b$2?Symbol.for("react.profiler"):60114,h$3=b$2?Symbol.for("react.provider"):60109,k$3=b$2?Symbol.for("react.context"):60110,l$2=b$2?Symbol.for("react.async_mode"):60111,m$2=b$2?Symbol.for("react.concurrent_mode"):60111,n$2=b$2?Symbol.for("react.forward_ref"):60112,p$2=b$2?Symbol.for("react.suspense"):60113,q$2=b$2?
-Symbol.for("react.suspense_list"):60120,r$1=b$2?Symbol.for("react.memo"):60115,t$2=b$2?Symbol.for("react.lazy"):60116,v$2=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$2:case m$2:case e$2:case g$2:case f$2:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$3:case n$2:case t$2:case r$1:case h$3:return a;default:return u}}case d$2:return u}}}function A$1(a){return z$1(a)===m$2}reactIs_production_min$2.AsyncMode=l$2;reactIs_production_min$2.ConcurrentMode=m$2;reactIs_production_min$2.ContextConsumer=k$3;reactIs_production_min$2.ContextProvider=h$3;reactIs_production_min$2.Element=c$2;reactIs_production_min$2.ForwardRef=n$2;reactIs_production_min$2.Fragment=e$2;reactIs_production_min$2.Lazy=t$2;reactIs_production_min$2.Memo=r$1;reactIs_production_min$2.Portal=d$2;
-reactIs_production_min$2.Profiler=g$2;reactIs_production_min$2.StrictMode=f$2;reactIs_production_min$2.Suspense=p$2;reactIs_production_min$2.isAsyncMode=function(a){return A$1(a)||z$1(a)===l$2};reactIs_production_min$2.isConcurrentMode=A$1;reactIs_production_min$2.isContextConsumer=function(a){return z$1(a)===k$3};reactIs_production_min$2.isContextProvider=function(a){return z$1(a)===h$3};reactIs_production_min$2.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};reactIs_production_min$2.isForwardRef=function(a){return z$1(a)===n$2};reactIs_production_min$2.isFragment=function(a){return z$1(a)===e$2};reactIs_production_min$2.isLazy=function(a){return z$1(a)===t$2};
-reactIs_production_min$2.isMemo=function(a){return z$1(a)===r$1};reactIs_production_min$2.isPortal=function(a){return z$1(a)===d$2};reactIs_production_min$2.isProfiler=function(a){return z$1(a)===g$2};reactIs_production_min$2.isStrictMode=function(a){return z$1(a)===f$2};reactIs_production_min$2.isSuspense=function(a){return z$1(a)===p$2};
-reactIs_production_min$2.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$2||a===m$2||a===g$2||a===f$2||a===p$2||a===q$2||"object"===typeof a&&null!==a&&(a.$$typeof===t$2||a.$$typeof===r$1||a.$$typeof===h$3||a.$$typeof===k$3||a.$$typeof===n$2||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$2)};reactIs_production_min$2.typeOf=z$1;
+var b$4="function"===typeof Symbol&&Symbol.for,c$3=b$4?Symbol.for("react.element"):60103,d$3=b$4?Symbol.for("react.portal"):60106,e$3=b$4?Symbol.for("react.fragment"):60107,f$4=b$4?Symbol.for("react.strict_mode"):60108,g$3=b$4?Symbol.for("react.profiler"):60114,h$5=b$4?Symbol.for("react.provider"):60109,k$4=b$4?Symbol.for("react.context"):60110,l$4=b$4?Symbol.for("react.async_mode"):60111,m$3=b$4?Symbol.for("react.concurrent_mode"):60111,n$4=b$4?Symbol.for("react.forward_ref"):60112,p$3=b$4?Symbol.for("react.suspense"):60113,q$3=b$4?
+Symbol.for("react.suspense_list"):60120,r$2=b$4?Symbol.for("react.memo"):60115,t$3=b$4?Symbol.for("react.lazy"):60116,v$3=b$4?Symbol.for("react.block"):60121,w$2=b$4?Symbol.for("react.fundamental"):60117,x$2=b$4?Symbol.for("react.responder"):60118,y$2=b$4?Symbol.for("react.scope"):60119;
+function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$3:switch(a=a.type,a){case l$4:case m$3:case e$3:case g$3:case f$4:case p$3:return a;default:switch(a=a&&a.$$typeof,a){case k$4:case n$4:case t$3:case r$2:case h$5:return a;default:return u}}case d$3:return u}}}function A$2(a){return z$1(a)===m$3}reactIs_production_min$2.AsyncMode=l$4;reactIs_production_min$2.ConcurrentMode=m$3;reactIs_production_min$2.ContextConsumer=k$4;reactIs_production_min$2.ContextProvider=h$5;reactIs_production_min$2.Element=c$3;reactIs_production_min$2.ForwardRef=n$4;reactIs_production_min$2.Fragment=e$3;reactIs_production_min$2.Lazy=t$3;reactIs_production_min$2.Memo=r$2;reactIs_production_min$2.Portal=d$3;
+reactIs_production_min$2.Profiler=g$3;reactIs_production_min$2.StrictMode=f$4;reactIs_production_min$2.Suspense=p$3;reactIs_production_min$2.isAsyncMode=function(a){return A$2(a)||z$1(a)===l$4};reactIs_production_min$2.isConcurrentMode=A$2;reactIs_production_min$2.isContextConsumer=function(a){return z$1(a)===k$4};reactIs_production_min$2.isContextProvider=function(a){return z$1(a)===h$5};reactIs_production_min$2.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$3};reactIs_production_min$2.isForwardRef=function(a){return z$1(a)===n$4};reactIs_production_min$2.isFragment=function(a){return z$1(a)===e$3};reactIs_production_min$2.isLazy=function(a){return z$1(a)===t$3};
+reactIs_production_min$2.isMemo=function(a){return z$1(a)===r$2};reactIs_production_min$2.isPortal=function(a){return z$1(a)===d$3};reactIs_production_min$2.isProfiler=function(a){return z$1(a)===g$3};reactIs_production_min$2.isStrictMode=function(a){return z$1(a)===f$4};reactIs_production_min$2.isSuspense=function(a){return z$1(a)===p$3};
+reactIs_production_min$2.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$3||a===m$3||a===g$3||a===f$4||a===p$3||a===q$3||"object"===typeof a&&null!==a&&(a.$$typeof===t$3||a.$$typeof===r$2||a.$$typeof===h$5||a.$$typeof===k$4||a.$$typeof===n$4||a.$$typeof===w$2||a.$$typeof===x$2||a.$$typeof===y$2||a.$$typeof===v$3)};reactIs_production_min$2.typeOf=z$1;
 
 var reactIs_development$2 = {};
 
@@ -8035,13 +8050,13 @@ const AnimateHeight = (_a) => {
         require$$0__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
 };
 
-var css_248z$t = ".style-module_container__Uyltc {\n  background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n  border: 1px dashed var(--ds-primary-500);\n  padding: 32px 0;\n  background-color: white;\n  transition: all 0.6s ease-in-out;\n}\n\n.style-module_img__11JI8 {\n  vertical-align: middle;\n  margin-right: 8px;\n  height: 18px;\n}\n\n.style-module_textInline__2F21z {\n  display: inline-flex;\n}\n\n.style-module_dropzoneContainer__yZoGP:focus {\n  outline: none;\n}\n\n.style-module_dropzoneContainer__yZoGP:hover {\n  background-color: var(--ds-primary-100);\n  transition: 0.5s ease;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n  pointer-events: none;\n  opacity: 0.4;\n}";
-var styles$s = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
-styleInject(css_248z$t);
+var css_248z$u = ".style-module_container__Uyltc {\n  background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n  border: 1px dashed var(--ds-primary-500);\n  padding: 32px 0;\n  background-color: white;\n  transition: all 0.6s ease-in-out;\n}\n\n.style-module_img__11JI8 {\n  vertical-align: middle;\n  margin-right: 8px;\n  height: 18px;\n}\n\n.style-module_textInline__2F21z {\n  display: inline-flex;\n}\n\n.style-module_dropzoneContainer__yZoGP:focus {\n  outline: none;\n}\n\n.style-module_dropzoneContainer__yZoGP:hover {\n  background-color: var(--ds-primary-100);\n  transition: 0.5s ease;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n  pointer-events: none;\n  opacity: 0.4;\n}";
+var styles$t = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
+styleInject(css_248z$u);
 
-var css_248z$s = ".style-module_upload-file-cell__3nv5i {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 8px 16px;\n  border: 1px solid #d2d2d8;\n  border-radius: 8px;\n  background-color: white;\n  animation: style-module_appear-down__14rCV 0.6s;\n  animation-fill-mode: both;\n  animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n  border-color: #e55454;\n  background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_icon__31Yuk {\n  margin: 0px;\n}\n\n.style-module_main-icon__335_Y {\n  margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n  position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n  background-color: #f5f6fb;\n  border-radius: 10px;\n  height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n  background-color: #8e8cee;\n  border-radius: 10px;\n  height: 4px;\n  position: absolute;\n  bottom: 0;\n  transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n  display: flex;\n  justify-content: flex-end;\n  min-width: 32px;\n  margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n  min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n.style-module_remove-icon__2FWBQ {\n  margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n  pointer-events: none;\n  cursor: default;\n  opacity: 0.3;\n}\n\n@keyframes style-module_appear-down__14rCV {\n  from {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
-var styles$r = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","icon":"style-module_icon__31Yuk","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};
-styleInject(css_248z$s);
+var css_248z$t = ".style-module_upload-file-cell__3nv5i {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 8px 16px;\n  border: 1px solid #d2d2d8;\n  border-radius: 8px;\n  background-color: white;\n  animation: style-module_appear-down__14rCV 0.6s;\n  animation-fill-mode: both;\n  animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n  border-color: #e55454;\n  background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_icon__31Yuk {\n  margin: 0px;\n}\n\n.style-module_main-icon__335_Y {\n  margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n  position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n  background-color: #f5f6fb;\n  border-radius: 10px;\n  height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n  background-color: #8e8cee;\n  border-radius: 10px;\n  height: 4px;\n  position: absolute;\n  bottom: 0;\n  transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n  display: flex;\n  justify-content: flex-end;\n  min-width: 32px;\n  margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n  min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n.style-module_remove-icon__2FWBQ {\n  margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n  pointer-events: none;\n  cursor: default;\n  opacity: 0.3;\n}\n\n@keyframes style-module_appear-down__14rCV {\n  from {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
+var styles$s = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","icon":"style-module_icon__31Yuk","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};
+styleInject(css_248z$t);
 
 var UploadFileCell = function (_a) {
     var _b, _c, _d;
@@ -8060,21 +8075,21 @@ var UploadFileCell = function (_a) {
         COMPLETE: name,
         ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
     }[uploadStatus];
-    return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$r['upload-file-cell'], (_b = {},
-            _b[styles$r['upload-file-cell-error']] = hasError,
-            _b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$r['cell-left-section'] }, { children: [jsxRuntime.jsx(FileIcon, { className: classNames(styles$r['main-icon'] + " " + styles$r.icon), color: mapFileIconColor[uploadStatus], size: 24 }, void 0),
-                    jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$r['upload-display-text'], title: displayText }, { children: displayText }), void 0),
-                            isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$r['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$r['progress-bar'] }, void 0),
-                                    jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$r['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
-            jsxRuntime.jsx("div", __assign({ className: classNames(styles$r['cell-right-section'], (_c = {},
-                    _c[styles$r['cell-right-section-complete']] = isComplete,
-                    _c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$r.spinner }, { children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" }, void 0)) }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx("a", __assign({ className: styles$r['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx(EyeVisionIcon, { color: 'grey-500', size: 24, className: styles$r.icon }, void 0) }), void 0)),
-                        onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames(styles$r['remove-icon'], (_d = {},
-                                _d[styles$r.disabled] = uploading,
-                                _d)), "data-testid": "remove-button" }, { children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$r.icon }, void 0) }), void 0))] }, void 0)) }), void 0)] }), void 0));
+    return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$s['upload-file-cell'], (_b = {},
+            _b[styles$s['upload-file-cell-error']] = hasError,
+            _b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$s['cell-left-section'] }, { children: [jsxRuntime.jsx(FileIcon, { className: classNames(styles$s['main-icon'] + " " + styles$s.icon), color: mapFileIconColor[uploadStatus], size: 24 }, void 0),
+                    jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$s['upload-display-text'], title: displayText }, { children: displayText }), void 0),
+                            isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$s['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$s['progress-bar'] }, void 0),
+                                    jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$s['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
+            jsxRuntime.jsx("div", __assign({ className: classNames(styles$s['cell-right-section'], (_c = {},
+                    _c[styles$s['cell-right-section-complete']] = isComplete,
+                    _c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$s.spinner }, { children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" }, void 0)) }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx("a", __assign({ className: styles$s['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx(EyeVisionIcon, { color: 'grey-500', size: 24, className: styles$s.icon }, void 0) }), void 0)),
+                        onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames(styles$s['remove-icon'], (_d = {},
+                                _d[styles$s.disabled] = uploading,
+                                _d)), "data-testid": "remove-button" }, { children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$s.icon }, void 0) }), void 0))] }, void 0)) }), void 0)] }), void 0));
 };
 
-var k$2 = 1024;
+var k$3 = 1024;
 var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
 function formatBytes(bytes, decimals) {
     if (decimals === void 0) { decimals = 0; }
@@ -8082,8 +8097,8 @@ function formatBytes(bytes, decimals) {
         return '0 Bytes';
     }
     var dm = decimals < 0 ? 0 : decimals;
-    var i = Math.floor(Math.log(bytes) / Math.log(k$2));
-    return parseFloat((bytes / Math.pow(k$2, i)).toFixed(dm)) + " " + sizes[i];
+    var i = Math.floor(Math.log(bytes) / Math.log(k$3));
+    return parseFloat((bytes / Math.pow(k$3, i)).toFixed(dm)) + " " + sizes[i];
 }
 
 var FileMimeTypes;
@@ -8183,11 +8198,11 @@ var MultiDropzone = function (_a) {
         onDrop: onDrop,
     }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
     var uniqueId = require$$0.useRef(generateId());
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$s.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$s.dropzoneContainer, (_b = {},
-                    _b[styles$s['dropzoneContainerDisabled']] = uploading,
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$t.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$t.dropzoneContainer, (_b = {},
+                    _b[styles$t['dropzoneContainerDisabled']] = uploading,
                     _b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input", id: uniqueId.current }, getInputProps()), void 0),
-                    jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$s.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }, void 0),
-                    jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId.current, className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles$s.textInline : '') }, { children: uploading
+                    jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$t.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }, void 0),
+                    jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId.current, className: "p-h4 mt8 d-block c-pointer " + (isCondensed ? styles$t.textInline : '') }, { children: uploading
                             ? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
                                 'Please wait while uploading file...'
                             : (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), void 0),
@@ -8205,9 +8220,9 @@ var MultiDropzone = function (_a) {
             jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: jsxRuntime.jsx("p", __assign({ className: "tc-red-500 p-p--small" }, { children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || 'Too many files.' }), void 0) }), void 0)] }), void 0));
 };
 
-var css_248z$r = ".styles-module_content-container__4wuQ0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
-var styles$q = {"content-container":"styles-module_content-container__4wuQ0"};
-styleInject(css_248z$r);
+var css_248z$s = ".styles-module_content-container__4wuQ0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
+var styles$r = {"content-container":"styles-module_content-container__4wuQ0"};
+styleInject(css_248z$s);
 
 var buttonTypeClassNameMap = {
     primary: 'p-btn--primary',
@@ -8220,23 +8235,23 @@ var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, buttonTitle = _a.buttonTitle, _c = _a.buttonType, buttonType = _c === void 0 ? 'primary' : _c, leftIcon = _a.leftIcon, props = __rest$1(_a, ["className", "loading", "buttonTitle", "buttonType", "leftIcon"]);
     var buttonClassName = buttonTypeClassNameMap[buttonType];
     var loadingClassName = loading ? 'p-btn--loading' : '';
-    return (jsxRuntime.jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxRuntime.jsxs("div", __assign({ className: styles$q['content-container'] }, { children: [jsxRuntime.jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),
+    return (jsxRuntime.jsx("button", __assign({ ref: ref, className: buttonClassName + " " + loadingClassName + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: leftIcon ? (jsxRuntime.jsxs("div", __assign({ className: styles$r['content-container'] }, { children: [jsxRuntime.jsx("img", { width: "20px", height: "20px", className: "mr8", src: leftIcon.src, alt: leftIcon.alt }, void 0),
                 jsxRuntime.jsx("div", { children: buttonTitle }, void 0)] }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonTitle }, void 0)) }), void 0));
 });
 
 var downloadIcon = "data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2012.5V15.8333C18%2016.2754%2017.8244%2016.6993%2017.5118%2017.0118C17.1993%2017.3244%2016.7754%2017.5%2016.3333%2017.5H4.66667C4.22464%2017.5%203.80072%2017.3244%203.48816%2017.0118C3.17559%2016.6993%203%2016.2754%203%2015.8333V12.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.33325%208.33301L10.4999%2012.4997L14.6666%208.33301%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2012.5V2.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
 
-var css_248z$q = ".style-module_button__mw9kQ {\n  height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 8px 16px;\n  height: 48px;\n}";
-var styles$p = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
-styleInject(css_248z$q);
+var css_248z$r = ".style-module_button__mw9kQ {\n  height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 8px 16px;\n  height: 48px;\n}";
+var styles$q = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
+styleInject(css_248z$r);
 
 var InitialButton = function (_a) {
     var onDownload = _a.onDownload;
-    return (jsxRuntime.jsx(Button, { className: "w100 " + styles$p.button, buttonTitle: "Download", leftIcon: { src: downloadIcon, alt: 'download arrow icon' }, onClick: onDownload, "data-cy": "download-documents-button" }, void 0));
+    return (jsxRuntime.jsx(Button, { className: "w100 " + styles$q.button, buttonTitle: "Download", leftIcon: { src: downloadIcon, alt: 'download arrow icon' }, onClick: onDownload, "data-cy": "download-documents-button" }, void 0));
 };
 // TODO: Allow setting loading to true to display text
-var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$p.button, buttonTitle: "Generating", loading: true }, void 0)); };
-var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$p['chip-complete'] }, { children: [jsxRuntime.jsx(CheckIcon, { color: 'grey-500', size: 16 }, void 0),
+var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 " + styles$q.button, buttonTitle: "Generating", loading: true }, void 0)); };
+var CompletedChip = function () { return (jsxRuntime.jsxs("div", __assign({ className: styles$q['chip-complete'] }, { children: [jsxRuntime.jsx(CheckIcon, { color: 'grey-500', size: 16 }, void 0),
         jsxRuntime.jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
 var DownloadButton = function (_a) {
     var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
@@ -8250,9 +8265,9 @@ var DownloadButton = function (_a) {
             downloadStatus === 'FAILED' && (jsxRuntime.jsx("div", __assign({ className: "p-notice p-notice--danger p-p mt40 wmx5" }, { children: customFail !== null && customFail !== void 0 ? customFail : 'An error occured when generating documents. Please try again or contact us.' }), void 0))] }), void 0));
 };
 
-var css_248z$p = ".style-module_informationBox__1dzYO {\n  border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n  background-color: #e5f0ff;\n  border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n  background-color: #fedede;\n  border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n  background-color: #fff8e3;\n  border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n  background-color: #e4ffe6;\n  border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n  background-color: #fff;\n  border-color: #fff;\n}";
-var styles$o = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl"};
-styleInject(css_248z$p);
+var css_248z$q = ".style-module_informationBox__1dzYO {\n  border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n  background-color: #e5f0ff;\n  border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n  background-color: #fedede;\n  border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n  background-color: #fff8e3;\n  border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n  background-color: #e4ffe6;\n  border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n  background-color: #fff;\n  border-color: #fff;\n}";
+var styles$p = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl"};
+styleInject(css_248z$q);
 
 var InformationBox = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'information' : _c, title = _a.title, children = _a.children, showIcon = _a.showIcon, _d = _a.size, size = _d === void 0 ? 'default' : _d;
@@ -8263,7 +8278,7 @@ var InformationBox = function (_a) {
         information: 'blue-500',
         neutral: 'purple-500',
     };
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'p16 br8 color-black', styles$o.informationBox, styles$o["informationBox--" + variant]), role: "alert" }, { children: jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [showIcon && (jsxRuntime.jsx("div", __assign({ "data-testid": "information-box-icon", className: 'mr8' }, { children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$o.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }, void 0) }), void 0)),
+    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'p16 br8 color-black', styles$p.informationBox, styles$p["informationBox--" + variant]), role: "alert" }, { children: jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [showIcon && (jsxRuntime.jsx("div", __assign({ "data-testid": "information-box-icon", className: 'mr8' }, { children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$p.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }, void 0) }), void 0)),
                 jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", __assign({ "data-testid": "information-box-title", className: classNames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
                         jsxRuntime.jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
 };
@@ -8346,9 +8361,9 @@ var CurrencyInput = function (_a) {
         } }, props), void 0));
 };
 
-var css_248z$o = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n  padding-bottom: 6px;\n  padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}";
-var styles$n = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
-styleInject(css_248z$o);
+var css_248z$p = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n  padding-bottom: 6px;\n  padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}";
+var styles$o = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
+styleInject(css_248z$p);
 
 var getVariantClassNames = function (variant) { return ({
     information: 'bg-blue-100',
@@ -8363,12 +8378,12 @@ var getVariantClassNames = function (variant) { return ({
 }[variant]); };
 var Badge = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$n["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
+    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$o["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
 };
 
-var css_248z$n = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}";
-var styles$m = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
-styleInject(css_248z$n);
+var css_248z$o = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}";
+var styles$n = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
+styleInject(css_248z$o);
 
 var Checkbox = function (_a) {
     var _b;
@@ -8397,8 +8412,8 @@ var Checkbox = function (_a) {
     var isCheckboxLabelObject = function (label) {
         return label.title !== undefined;
     };
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$m.container, 'd-flex gap8', (_b = {},
-            _b[styles$m.narrow] = !wide,
+    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$n.container, 'd-flex gap8', (_b = {},
+            _b[styles$n.narrow] = !wide,
             _b['fd-row'] = inlineLayout,
             _b['f-wrap'] = inlineLayout,
             _b['fd-column'] = !inlineLayout,
@@ -8420,17 +8435,17 @@ var Checkbox = function (_a) {
         }) }), void 0));
 };
 
-var css_248z$m = ".styles-module_container__3M-sc {\n  max-width: 100%;\n}\n\n.styles-module_narrow__3VUzp {\n  max-width: 424px;\n}\n\n.styles-module_wide__3nLhz {\n  max-width: 736px;\n}";
-var styles$l = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
-styleInject(css_248z$m);
+var css_248z$n = ".styles-module_container__3M-sc {\n  max-width: 100%;\n}\n\n.styles-module_narrow__3VUzp {\n  max-width: 424px;\n}\n\n.styles-module_wide__3nLhz {\n  max-width: 736px;\n}";
+var styles$m = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
+styleInject(css_248z$n);
 
 var Radio = function (_a) {
     var _b;
     var options = _a.options, value = _a.value, onChange = _a.onChange, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.inlineLayout, inlineLayout = _d === void 0 ? false : _d, classNamesObj = _a.classNames, _e = _a.bordered, bordered = _e === void 0 ? true : _e;
     var entries = Object.entries(options);
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$l.container, 'd-flex gap8', (_b = {},
-            _b[styles$l.wide] = wide,
-            _b[styles$l.narrow] = !wide,
+    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$m.container, 'd-flex gap8', (_b = {},
+            _b[styles$m.wide] = wide,
+            _b[styles$m.narrow] = !wide,
             _b['fd-row'] = inlineLayout,
             _b['f-wrap'] = inlineLayout,
             _b['fd-column'] = !inlineLayout,
@@ -8457,9 +8472,9 @@ var Radio = function (_a) {
         }) }), void 0));
 };
 
-var css_248z$l = "@keyframes style-module_fade-in__1GZgs {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n}\n@keyframes style-module_fade-out__30Bns {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_close__1GERU {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_closeIcon__3Q7nF {\n  margin: 0;\n}\n\n.style-module_overlay__AlX2J, .style-module_overlay--close__3E9GY {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__1GZgs 0.3s both;\n}\n.style-module_overlay--close__3E9GY {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__30Bns 0.3s both;\n}\n\n.style-module_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  width: 100%;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo, .style-module_container--close__K506c {\n  background-color: white;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: 100%;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_container--close__K506c {\n  animation-name: style-module_disappear-out__6pOVr;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_header__10iiH {\n  height: 60px;\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n}\n\n@media (max-width: 34rem) {\n  .style-module_content__mq_IJ {\n    padding-bottom: 48px;\n  }\n}";
-var styles$k = {"close":"style-module_close__1GERU","closeIcon":"style-module_closeIcon__3Q7nF","overlay":"style-module_overlay__AlX2J","overlay--close":"style-module_overlay--close__3E9GY","fade-in":"style-module_fade-in__1GZgs","fade-out":"style-module_fade-out__30Bns","wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","container--close":"style-module_container--close__K506c","appear-in":"style-module_appear-in__3U2lu","disappear-out":"style-module_disappear-out__6pOVr","header":"style-module_header__10iiH","content":"style-module_content__mq_IJ"};
-styleInject(css_248z$l);
+var css_248z$m = "@keyframes style-module_fade-in__1GZgs {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n}\n@keyframes style-module_fade-out__30Bns {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_close__1GERU {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_closeIcon__3Q7nF {\n  margin: 0;\n}\n\n.style-module_overlay__AlX2J, .style-module_overlay--close__3E9GY {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__1GZgs 0.3s both;\n}\n.style-module_overlay--close__3E9GY {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__30Bns 0.3s both;\n}\n\n.style-module_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  width: 100%;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo, .style-module_container--close__K506c {\n  background-color: white;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: 100%;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_container--close__K506c {\n  animation-name: style-module_disappear-out__6pOVr;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_header__10iiH {\n  height: 60px;\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n}\n\n@media (max-width: 34rem) {\n  .style-module_content__mq_IJ {\n    padding-bottom: 48px;\n  }\n}";
+var styles$l = {"close":"style-module_close__1GERU","closeIcon":"style-module_closeIcon__3Q7nF","overlay":"style-module_overlay__AlX2J","overlay--close":"style-module_overlay--close__3E9GY","fade-in":"style-module_fade-in__1GZgs","fade-out":"style-module_fade-out__30Bns","wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","container--close":"style-module_container--close__K506c","appear-in":"style-module_appear-in__3U2lu","disappear-out":"style-module_disappear-out__6pOVr","header":"style-module_header__10iiH","content":"style-module_content__mq_IJ"};
+styleInject(css_248z$m);
 
 var useOnClose = function (onClose, isOpen, dismissable) {
     var _a = require$$0.useState(false), isClosing = _a[0], setIsClosing = _a[1];
@@ -8515,17 +8530,17 @@ var BottomModal = function (_a) {
     if (!isOpen) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
     }
-    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$k['overlay--close'] : styles$k.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: styles$k.wrapper, ref: containerRef, onClick: handleContainerClick, style: { top: containerXOffset + "px" } }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$k['container--close'] : styles$k.container) + " " + className }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$k.header, {
+    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$l['overlay--close'] : styles$l.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: styles$l.wrapper, ref: containerRef, onClick: handleContainerClick, style: { top: containerXOffset + "px" } }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$l['container--close'] : styles$l.container) + " " + className }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$l.header, {
                             'jc-between': !!title,
                             'jc-end': !title,
-                        }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$k.title }, { children: title }), void 0),
-                            dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$k.close, onClick: handleOnClose }, { children: jsxRuntime.jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles$k.closeIcon }, void 0) }), void 0))] }), void 0),
-                    jsxRuntime.jsx("div", __assign({ className: styles$k.content }, { children: children }), void 0)] }), void 0) }), void 0) }), void 0));
+                        }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$l.title }, { children: title }), void 0),
+                            dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$l.close, onClick: handleOnClose }, { children: jsxRuntime.jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles$l.closeIcon }, void 0) }), void 0))] }), void 0),
+                    jsxRuntime.jsx("div", __assign({ className: styles$l.content }, { children: children }), void 0)] }), void 0) }), void 0) }), void 0));
 };
 
-var css_248z$k = "@keyframes style-module_fade-in__nLzzO {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__IuSV7 {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 592px;\n  width: 100%;\n  min-height: 100%;\n  margin: 0 auto;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n  background-color: white;\n  border-radius: 8px;\n  margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n  display: flex;\n  align-items: center;\n  padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_closeIcon__1KNwx {\n  margin: 0;\n}";
-var styles$j = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi","closeIcon":"style-module_closeIcon__1KNwx"};
-styleInject(css_248z$k);
+var css_248z$l = "@keyframes style-module_fade-in__nLzzO {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__IuSV7 {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n  position: fixed;\n  z-index: 100;\n  overflow: auto;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n  position: relative;\n  display: flex;\n  align-items: center;\n  max-width: 592px;\n  width: 100%;\n  min-height: 100%;\n  margin: 0 auto;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n  background-color: white;\n  border-radius: 8px;\n  margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n  display: flex;\n  align-items: center;\n  padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_closeIcon__1KNwx {\n  margin: 0;\n}";
+var styles$k = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi","closeIcon":"style-module_closeIcon__1KNwx"};
+styleInject(css_248z$l);
 
 var RegularModal = function (_a) {
     var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
@@ -8533,16 +8548,16 @@ var RegularModal = function (_a) {
     if (!isOpen) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
     }
-    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$j['overlay--close'] : styles$j.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$j['container--close'] : styles$j.container) + " " + className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$j.body, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$j.header, {
+    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$k['overlay--close'] : styles$k.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$k['container--close'] : styles$k.container) + " " + className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$k.body, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$k.header, {
                             'jc-between': !!title,
                             'jc-end': !title,
-                        }) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$j.title }, { children: title }), void 0),
-                            dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$j.close, onClick: handleOnClose }, { children: jsxRuntime.jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles$j.closeIcon }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
+                        }) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$k.title }, { children: title }), void 0),
+                            dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$k.close, onClick: handleOnClose }, { children: jsxRuntime.jsx(XIcon, { size: 24, color: 'grey-700', className: "" + styles$k.closeIcon }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
 };
 
-var css_248z$j = "@media (min-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: none;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: block !important;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_desktop__2lclr {\n    display: none;\n  }\n}";
-var styles$i = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
-styleInject(css_248z$j);
+var css_248z$k = "@media (min-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: none;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: block !important;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_desktop__2lclr {\n    display: none;\n  }\n}";
+var styles$j = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
+styleInject(css_248z$k);
 
 var BottomOrRegularModal = function (_a) {
     var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
@@ -8561,8 +8576,8 @@ var BottomOrRegularModal = function (_a) {
             window.removeEventListener('resize', handleResize);
         };
     }, []);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$i.mobile, ref: mobileRef }, { children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0),
-            visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$i.desktop }, { children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0))] }, void 0));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$j.mobile, ref: mobileRef }, { children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0),
+            visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$j.desktop }, { children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0))] }, void 0));
 };
 
 var arrowRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
@@ -8584,9 +8599,9 @@ var info = {
     alt: 'circle with the letter i inside for information',
 };
 
-var css_248z$i = ".style-module_container__3jKmy {\n  padding: 24px;\n}\n.style-module_container--xsmall__1c9fn {\n  padding: 16px 24px;\n}\n\n.style-module_title-container__yzUzm {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_right-icon__1I62e {\n  margin-left: auto;\n}\n\n.style-module_indent__2-oSJ {\n  margin-left: 36px;\n}";
-var styles$h = {"container":"style-module_container__3jKmy","container--xsmall":"style-module_container--xsmall__1c9fn","title-container":"style-module_title-container__yzUzm","right-icon":"style-module_right-icon__1I62e","indent":"style-module_indent__2-oSJ"};
-styleInject(css_248z$i);
+var css_248z$j = ".style-module_container__3jKmy {\n  padding: 24px;\n}\n.style-module_container--xsmall__1c9fn {\n  padding: 16px 24px;\n}\n\n.style-module_title-container__yzUzm {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_right-icon__1I62e {\n  margin-left: auto;\n}\n\n.style-module_indent__2-oSJ {\n  margin-left: 36px;\n}";
+var styles$i = {"container":"style-module_container__3jKmy","container--xsmall":"style-module_container--xsmall__1c9fn","title-container":"style-module_title-container__yzUzm","right-icon":"style-module_right-icon__1I62e","indent":"style-module_indent__2-oSJ"};
+styleInject(css_248z$j);
 
 var containerStyleFromTitleSize = function (titleSize) {
     switch (titleSize) {
@@ -8598,20 +8613,20 @@ var containerStyleFromTitleSize = function (titleSize) {
 };
 var CardWithTopLeftIcon = function (_a) {
     var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _c = _a.state, state = _c === void 0 ? 'actionable' : _c, _d = _a.dropshadow, dropshadow = _d === void 0 ? true : _d, props = __rest$1(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
-    var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$h[containerStyleFromTitleSize(cardSize)];
-    var titleContainerStyle = styles$h['title-container'];
+    var cardStyle = className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$i[containerStyleFromTitleSize(cardSize)];
+    var titleContainerStyle = styles$i['title-container'];
     var headingStyle = headingForCardSize(cardSize);
-    var iconStyle = styles$h['right-icon'];
-    var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$h.indent : 'mt16');
+    var iconStyle = styles$i['right-icon'];
+    var cardTextStyle = "p-p tc-grey-600 " + (cardSize === 'xsmall' ? styles$i.indent : 'mt16');
     return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxRuntime.jsxs("div", __assign({ className: titleContainerStyle }, { children: [leftIcon && (jsxRuntime.jsx("img", { className: "mr8", width: "28px", height: "28px", src: leftIcon === 'logo' ? featherLogo.src : leftIcon.src, alt: leftIcon === 'logo' ? featherLogo.alt : leftIcon.src }, void 0)),
                     jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
                     rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
             jsxRuntime.jsx("div", __assign({ className: cardTextStyle }, { children: children }), void 0)] }), void 0));
 };
 
-var css_248z$h = ".style-module_container__384bg {\n  padding: 24px 24px 24px 32px;\n}\n.style-module_container--small__35EZ1 {\n  padding: 16px 24px 16px 32px;\n}\n.style-module_container--xsmall__2DDsN {\n  padding: 16px 16px 16px 24px;\n}\n\n.style-module_card-text--small__1L_Fe {\n  margin-top: 2px;\n}\n\n.style-module_card-text--medium__qoKv2 {\n  margin-top: 4px;\n}\n\n.style-module_card-text--big__mMB2v {\n  margin-top: 6px;\n}";
-var styles$g = {"container":"style-module_container__384bg","container--small":"style-module_container--small__35EZ1","container--xsmall":"style-module_container--xsmall__2DDsN","card-text--small":"style-module_card-text--small__1L_Fe","card-text--medium":"style-module_card-text--medium__qoKv2","card-text--big":"style-module_card-text--big__mMB2v"};
-styleInject(css_248z$h);
+var css_248z$i = ".style-module_container__384bg {\n  padding: 24px 24px 24px 32px;\n}\n.style-module_container--small__35EZ1 {\n  padding: 16px 24px 16px 32px;\n}\n.style-module_container--xsmall__2DDsN {\n  padding: 16px 16px 16px 24px;\n}\n\n.style-module_card-text--small__1L_Fe {\n  margin-top: 2px;\n}\n\n.style-module_card-text--medium__qoKv2 {\n  margin-top: 4px;\n}\n\n.style-module_card-text--big__mMB2v {\n  margin-top: 6px;\n}";
+var styles$h = {"container":"style-module_container__384bg","container--small":"style-module_container--small__35EZ1","container--xsmall":"style-module_container--xsmall__2DDsN","card-text--small":"style-module_card-text--small__1L_Fe","card-text--medium":"style-module_card-text--medium__qoKv2","card-text--big":"style-module_card-text--big__mMB2v"};
+styleInject(css_248z$i);
 
 var containerStyleFromCardSize = function (cardSize) {
     switch (cardSize) {
@@ -8636,10 +8651,10 @@ var cardTextStyleFromCardSize = function (cardSize) {
 };
 var CardWithLeftIcon = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, subtitle = _a.subtitle, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, leftIconSize = _a.leftIconSize, props = __rest$1(_a, ["className", "title", "subtitle", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow", "leftIconSize"]);
-    var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$g[containerStyleFromCardSize(cardSize)];
+    var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$h[containerStyleFromCardSize(cardSize)];
     var headingStyle = headingForCardSize(cardSize);
     var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
-    var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles$g[cardTextStyleFromCardSize(cardSize)];
+    var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles$h[cardTextStyleFromCardSize(cardSize)];
     return (jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsxRuntime.jsx("img", { width: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.width) || 48) + "px", height: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.height) || 48) + "px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
             jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [(title || subtitle) && (jsxRuntime.jsxs("div", { children: [title && jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
                                     subtitle && (jsxRuntime.jsx("div", __assign({ className: "tc-grey-500 " + headingStyle }, { children: subtitle }), void 0))] }, void 0)),
@@ -8647,46 +8662,46 @@ var CardWithLeftIcon = function (_a) {
                     jsxRuntime.jsx("div", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
 };
 
-var css_248z$g = ".style-module_container__34kUF {\n  padding: 32px 24px 24px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.style-module_right-icon__3_kH9 {\n  margin-left: 4px;\n}";
-var styles$f = {"container":"style-module_container__34kUF","right-icon":"style-module_right-icon__3_kH9"};
-styleInject(css_248z$g);
+var css_248z$h = ".style-module_container__34kUF {\n  padding: 32px 24px 24px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.style-module_right-icon__3_kH9 {\n  margin-left: 4px;\n}";
+var styles$g = {"container":"style-module_container__34kUF","right-icon":"style-module_right-icon__3_kH9"};
+styleInject(css_248z$h);
 
 var CardWithTopIcon = function (_a) {
     var className = _a.className, title = _a.title, _b = _a.cardSize, cardSize = _b === void 0 ? 'medium' : _b, children = _a.children, topIcon = _a.topIcon, _c = _a.topIconSize, topIconSize = _c === void 0 ? { width: 48, height: 48 } : _c, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest$1(_a, ["className", "title", "cardSize", "children", "topIcon", "topIconSize", "rightIcon", "state", "dropshadow"]);
-    var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$f.container;
+    var cardStyle = "d-flex fd-column ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles$g.container;
     var headingStyle = headingForCardSize(cardSize);
-    var iconStyle = styles$f['right-icon'];
+    var iconStyle = styles$g['right-icon'];
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", __assign({ className: cardStyle }, props, { children: [jsxRuntime.jsx("img", { width: topIconSize.width, height: topIconSize.height, alt: topIcon.alt, src: topIcon.src }, void 0),
                 jsxRuntime.jsxs("div", __assign({ className: "d-flex mt16" }, { children: [jsxRuntime.jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
                         rightIcon && (jsxRuntime.jsx("img", { className: iconStyle, width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0), children] }), void 0) }, void 0));
 };
 
-var css_248z$f = "@keyframes style-module_appear-in__23V7k {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_root-container__3r_b9 {\n  position: relative;\n  padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n  visibility: visible;\n  animation-name: style-module_appear-in__23V7k;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n  opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n  visibility: hidden;\n  position: absolute;\n  top: 64px;\n  right: 24px;\n}\n\n.style-module_container__19mu2 {\n  padding: 0 24px 24px 24px;\n  height: 100%;\n}\n@media (max-width: 34rem) {\n  .style-module_container__19mu2 {\n    height: fit-content;\n  }\n}";
-var styles$e = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
-styleInject(css_248z$f);
+var css_248z$g = "@keyframes style-module_appear-in__23V7k {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_root-container__3r_b9 {\n  position: relative;\n  padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n  visibility: visible;\n  animation-name: style-module_appear-in__23V7k;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n  opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n  visibility: hidden;\n  position: absolute;\n  top: 64px;\n  right: 24px;\n}\n\n.style-module_container__19mu2 {\n  padding: 0 24px 24px 24px;\n  height: 100%;\n}\n@media (max-width: 34rem) {\n  .style-module_container__19mu2 {\n    height: fit-content;\n  }\n}";
+var styles$f = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
+styleInject(css_248z$g);
 
 var InfoCard = function (_a) {
     var className = _a.className, title = _a.title, children = _a.children, topIcon = _a.topIcon, rightIcon = _a.rightIcon, _b = _a.state, state = _b === void 0 ? 'actionable' : _b, _c = _a.dropshadow, dropshadow = _c === void 0 ? true : _c, props = __rest$1(_a, ["className", "title", "children", "topIcon", "rightIcon", "state", "dropshadow"]);
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$e['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$e['top-icon'] + " " + (state === 'muted' ? styles$e['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
-            jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$e.container }, { children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$e['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt }, void 0)),
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$f['root-container'] + " " + (className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: styles$f['top-icon'] + " " + (state === 'muted' ? styles$f['top-icon--muted'] : '') + " ", width: "80px", height: "80px" }, void 0),
+            jsxRuntime.jsxs("div", __assign({ className: associatedClassForCardState(state, dropshadow) + " " + styles$f.container }, { children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$f['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt }, void 0)),
                     jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center mt64" }, { children: title }), void 0),
                     jsxRuntime.jsx("p", __assign({ className: "p-p mt16 tc-grey-600" }, { children: children }), void 0)] }), void 0)] }), void 0));
 };
 
-var css_248z$e = ".style-module_container__2tJCE {\n  background-color: white;\n  padding: 8px 16px;\n  box-shadow: 0px 2px 20px rgba(97, 96, 162, 0.07);\n  border-radius: 8px;\n  border: 2px solid white;\n  transition: border 0.2s ease-in-out;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-decoration: none;\n}\n.style-module_container__2tJCE:hover {\n  border: 2px solid #b1b0f5;\n}\n.style-module_container__2tJCE[disabled] {\n  pointer-events: none;\n  opacity: 0.25;\n}\n.style-module_container__2tJCE:focus {\n  border: 2px solid #8e8cee;\n}\n\n.style-module_chevronRight__24wkt {\n  min-width: 16px;\n}";
-var styles$d = {"container":"style-module_container__2tJCE","chevronRight":"style-module_chevronRight__24wkt"};
-styleInject(css_248z$e);
+var css_248z$f = ".style-module_container__2tJCE {\n  background-color: white;\n  padding: 8px 16px;\n  box-shadow: 0px 2px 20px rgba(97, 96, 162, 0.07);\n  border-radius: 8px;\n  border: 2px solid white;\n  transition: border 0.2s ease-in-out;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-decoration: none;\n}\n.style-module_container__2tJCE:hover {\n  border: 2px solid #b1b0f5;\n}\n.style-module_container__2tJCE[disabled] {\n  pointer-events: none;\n  opacity: 0.25;\n}\n.style-module_container__2tJCE:focus {\n  border: 2px solid #8e8cee;\n}\n\n.style-module_chevronRight__24wkt {\n  min-width: 16px;\n}";
+var styles$e = {"container":"style-module_container__2tJCE","chevronRight":"style-module_chevronRight__24wkt"};
+styleInject(css_248z$f);
 
 var CardContent = function (_a) {
     var title = _a.title, description = _a.description;
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", __assign({ className: "p-p--small" }, { children: title }), void 0),
                     typeof description === 'string' ? (jsxRuntime.jsx("div", __assign({ className: "tc-primary-500 p-p" }, { children: description }), void 0)) : (description)] }, void 0),
-            jsxRuntime.jsx(ChevronRightIcon, { size: 16, color: 'purple-500', className: styles$d.chevronRight }, void 0)] }, void 0));
+            jsxRuntime.jsx(ChevronRightIcon, { size: 16, color: 'purple-500', className: styles$e.chevronRight }, void 0)] }, void 0));
 };
 var CardButton = function (_a) {
     var title = _a.title, description = _a.description, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, href = _a.href, className = _a.className;
     var component = href ? 'a' : 'button';
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: require$$0.createElement(component, __assign({ className: "c-pointer ta-left w100 " + styles$d.container + " " + (className !== null && className !== void 0 ? className : '') + "\n        ", children: jsxRuntime.jsx(CardContent, { title: title, description: description }, void 0), disabled: disabled }, (component === 'a' ? { href: href } : { onClick: onClick }))) }, void 0));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: require$$0.createElement(component, __assign({ className: "c-pointer ta-left w100 " + styles$e.container + " " + (className !== null && className !== void 0 ? className : '') + "\n        ", children: jsxRuntime.jsx(CardContent, { title: title, description: description }, void 0), disabled: disabled }, (component === 'a' ? { href: href } : { onClick: onClick }))) }, void 0));
 };
 
 var headingForCardSize = function (cardSize) {
@@ -8717,15 +8732,15 @@ var associatedClassForCardState = function (state, dropshadow) {
     return baseClass;
 };
 
-var css_248z$d = ".style-module_chip__3LMgV {\n  background: var(--ds-primary-100);\n  border: 2px solid var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 4px 8px;\n  width: fit-content;\n  width: -moz-fit-content;\n  display: flex;\n  align-items: center;\n  animation-name: style-module_appearInAnimation__33Ebn;\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n  transition: 0.2s ease-in;\n  border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n  width: 24px;\n  height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n  color: #b1b0f5;\n  position: relative;\n  width: 16px;\n  height: 16px;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n  color: #8e8cee;\n}\n\n.style-module_chip-remove-button__3LK7e {\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n  vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n  from {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}";
-var styles$c = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
-styleInject(css_248z$d);
+var css_248z$e = ".style-module_chip__3LMgV {\n  background: var(--ds-primary-100);\n  border: 2px solid var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 4px 8px;\n  width: fit-content;\n  width: -moz-fit-content;\n  display: flex;\n  align-items: center;\n  animation-name: style-module_appearInAnimation__33Ebn;\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n  transition: 0.2s ease-in;\n  border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n  width: 24px;\n  height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n  color: #b1b0f5;\n  position: relative;\n  width: 16px;\n  height: 16px;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n  color: #8e8cee;\n}\n\n.style-module_chip-remove-button__3LK7e {\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n  vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n  from {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}";
+var styles$d = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
+styleInject(css_248z$e);
 
 var Chip = (function (_a) {
     var className = _a.className, value = _a.value, onRemove = _a.onRemove;
-    return (jsxRuntime.jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + className + " " + styles$c['chip'] }, { children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 " + styles$c['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
+    return (jsxRuntime.jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + className + " " + styles$d['chip'] }, { children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 " + styles$d['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
             jsxRuntime.jsx("div", __assign({ className: "mr8" }, { children: value.value }), void 0),
-            jsxRuntime.jsx("button", __assign({ className: "c-pointer " + styles$c['chip-button-container'], type: "button", onClick: function () { return onRemove(value); } }, { children: jsxRuntime.jsx(XIcon, { className: styles$c['chip-remove-button'] }, void 0) }), void 0)] }), void 0));
+            jsxRuntime.jsx("button", __assign({ className: "c-pointer " + styles$d['chip-button-container'], type: "button", onClick: function () { return onRemove(value); } }, { children: jsxRuntime.jsx(XIcon, { className: styles$d['chip-remove-button'] }, void 0) }), void 0)] }), void 0));
 });
 
 var Autosuggest = {};
@@ -8744,12 +8759,12 @@ var reactIs_production_min$1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var b$1="function"===typeof Symbol&&Symbol.for,c$1=b$1?Symbol.for("react.element"):60103,d$1=b$1?Symbol.for("react.portal"):60106,e$1=b$1?Symbol.for("react.fragment"):60107,f$1=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h$2=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l$1=b$1?Symbol.for("react.async_mode"):60111,m$1=b$1?Symbol.for("react.concurrent_mode"):60111,n$1=b$1?Symbol.for("react.forward_ref"):60112,p$1=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?
-Symbol.for("react.suspense_list"):60120,r=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$1=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r:case h$2:return a;default:return u}}case d$1:return u}}}function A(a){return z(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$2;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r;reactIs_production_min$1.Portal=d$1;
-reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$1;reactIs_production_min$1.isAsyncMode=function(a){return A(a)||z(a)===l$1};reactIs_production_min$1.isConcurrentMode=A;reactIs_production_min$1.isContextConsumer=function(a){return z(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z(a)===h$2};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$1};reactIs_production_min$1.isForwardRef=function(a){return z(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z(a)===t$1};
-reactIs_production_min$1.isMemo=function(a){return z(a)===r};reactIs_production_min$1.isPortal=function(a){return z(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z(a)===p$1};
-reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r||a.$$typeof===h$2||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$1)};reactIs_production_min$1.typeOf=z;
+var b$3="function"===typeof Symbol&&Symbol.for,c$2=b$3?Symbol.for("react.element"):60103,d$2=b$3?Symbol.for("react.portal"):60106,e$2=b$3?Symbol.for("react.fragment"):60107,f$3=b$3?Symbol.for("react.strict_mode"):60108,g$2=b$3?Symbol.for("react.profiler"):60114,h$4=b$3?Symbol.for("react.provider"):60109,k$2=b$3?Symbol.for("react.context"):60110,l$3=b$3?Symbol.for("react.async_mode"):60111,m$2=b$3?Symbol.for("react.concurrent_mode"):60111,n$3=b$3?Symbol.for("react.forward_ref"):60112,p$2=b$3?Symbol.for("react.suspense"):60113,q$2=b$3?
+Symbol.for("react.suspense_list"):60120,r$1=b$3?Symbol.for("react.memo"):60115,t$2=b$3?Symbol.for("react.lazy"):60116,v$2=b$3?Symbol.for("react.block"):60121,w$1=b$3?Symbol.for("react.fundamental"):60117,x$1=b$3?Symbol.for("react.responder"):60118,y$1=b$3?Symbol.for("react.scope"):60119;
+function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$3:case m$2:case e$2:case g$2:case f$3:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$2:case n$3:case t$2:case r$1:case h$4:return a;default:return u}}case d$2:return u}}}function A$1(a){return z(a)===m$2}reactIs_production_min$1.AsyncMode=l$3;reactIs_production_min$1.ConcurrentMode=m$2;reactIs_production_min$1.ContextConsumer=k$2;reactIs_production_min$1.ContextProvider=h$4;reactIs_production_min$1.Element=c$2;reactIs_production_min$1.ForwardRef=n$3;reactIs_production_min$1.Fragment=e$2;reactIs_production_min$1.Lazy=t$2;reactIs_production_min$1.Memo=r$1;reactIs_production_min$1.Portal=d$2;
+reactIs_production_min$1.Profiler=g$2;reactIs_production_min$1.StrictMode=f$3;reactIs_production_min$1.Suspense=p$2;reactIs_production_min$1.isAsyncMode=function(a){return A$1(a)||z(a)===l$3};reactIs_production_min$1.isConcurrentMode=A$1;reactIs_production_min$1.isContextConsumer=function(a){return z(a)===k$2};reactIs_production_min$1.isContextProvider=function(a){return z(a)===h$4};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};reactIs_production_min$1.isForwardRef=function(a){return z(a)===n$3};reactIs_production_min$1.isFragment=function(a){return z(a)===e$2};reactIs_production_min$1.isLazy=function(a){return z(a)===t$2};
+reactIs_production_min$1.isMemo=function(a){return z(a)===r$1};reactIs_production_min$1.isPortal=function(a){return z(a)===d$2};reactIs_production_min$1.isProfiler=function(a){return z(a)===g$2};reactIs_production_min$1.isStrictMode=function(a){return z(a)===f$3};reactIs_production_min$1.isSuspense=function(a){return z(a)===p$2};
+reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$2||a===m$2||a===g$2||a===f$3||a===p$2||a===q$2||"object"===typeof a&&null!==a&&(a.$$typeof===t$2||a.$$typeof===r$1||a.$$typeof===h$4||a.$$typeof===k$2||a.$$typeof===n$3||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$2)};reactIs_production_min$1.typeOf=z;
 
 var reactIs_development$1 = {};
 
@@ -9753,7 +9768,7 @@ var Autowhatever = {};
 
 var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
 
-var dist$3 = function (_ref) {
+var dist$4 = function (_ref) {
   var data = _ref.data;
   var multiSection = _ref.multiSection;
 
@@ -9860,7 +9875,7 @@ var dist$3 = function (_ref) {
   };
 };
 
-var dist$2 = {exports: {}};
+var dist$3 = {exports: {}};
 
 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
 
@@ -9943,7 +9958,7 @@ exports['default'] = function (input) {
 };
 
 module.exports = exports['default'];
-}(dist$2, dist$2.exports));
+}(dist$3, dist$3.exports));
 
 var SectionTitle = {};
 
@@ -10457,9 +10472,9 @@ var _react = _interopRequireWildcard(require$$0__default['default']);
 
 var _propTypes = _interopRequireDefault(propTypes.exports);
 
-var _sectionIterator = _interopRequireDefault(dist$3);
+var _sectionIterator = _interopRequireDefault(dist$4);
 
-var _reactThemeable = _interopRequireDefault(dist$2.exports);
+var _reactThemeable = _interopRequireDefault(dist$3.exports);
 
 var _SectionTitle = _interopRequireDefault(SectionTitle);
 
@@ -11840,24 +11855,24 @@ _defineProperty(Autosuggest, "defaultProps", {
 });
 }(Autosuggest));
 
-var dist$1 = Autosuggest["default"];
+var dist$2 = Autosuggest["default"];
 
-var css_248z$c = "@keyframes style-module_appearInAnimation__yvH4A {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_suggestionsContainer__2yVXd {\n  position: relative;\n}\n\n.style-module_suggestionsList__11o48 {\n  position: absolute;\n  z-index: 100;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid var(--ds-primary-500);\n  width: 100%;\n  height: fit-content;\n  max-height: 216px;\n  overflow-y: scroll;\n  background-color: white;\n  animation-name: style-module_appearInAnimation__yvH4A;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform: translateY(8px);\n}\n\n.style-module_suggestion-option__z7pqG {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  margin: 0;\n  padding: 12px 16px;\n  color: var(--ds-grey-900);\n  min-height: 48px;\n  line-height: 24px;\n}\n\n.style-module_suggestion-img__1TfiA {\n  width: 32px;\n  height: 24px;\n  border-radius: 2px;\n}\n\n.style-module_suggestion-text__7wL31 {\n  flex: 1;\n}\n\n.style-module_nowrap__uks9c {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.style-module_suggestionHighlighted__2zu5h {\n  background-color: var(--ds-primary-100);\n}";
-var styles$b = {"suggestionsContainer":"style-module_suggestionsContainer__2yVXd","suggestionsList":"style-module_suggestionsList__11o48","appearInAnimation":"style-module_appearInAnimation__yvH4A","suggestion-option":"style-module_suggestion-option__z7pqG","suggestion-img":"style-module_suggestion-img__1TfiA","suggestion-text":"style-module_suggestion-text__7wL31","nowrap":"style-module_nowrap__uks9c","suggestionHighlighted":"style-module_suggestionHighlighted__2zu5h"};
-styleInject(css_248z$c);
+var css_248z$d = "@keyframes style-module_appearInAnimation__yvH4A {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_suggestionsContainer__2yVXd {\n  position: relative;\n}\n\n.style-module_suggestionsList__11o48 {\n  position: absolute;\n  z-index: 100;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid var(--ds-primary-500);\n  width: 100%;\n  height: fit-content;\n  max-height: 216px;\n  overflow-y: scroll;\n  background-color: white;\n  animation-name: style-module_appearInAnimation__yvH4A;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform: translateY(8px);\n}\n\n.style-module_suggestion-option__z7pqG {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  margin: 0;\n  padding: 12px 16px;\n  color: var(--ds-grey-900);\n  min-height: 48px;\n  line-height: 24px;\n}\n\n.style-module_suggestion-img__1TfiA {\n  width: 32px;\n  height: 24px;\n  border-radius: 2px;\n}\n\n.style-module_suggestion-text__7wL31 {\n  flex: 1;\n}\n\n.style-module_nowrap__uks9c {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.style-module_suggestionHighlighted__2zu5h {\n  background-color: var(--ds-primary-100);\n}";
+var styles$c = {"suggestionsContainer":"style-module_suggestionsContainer__2yVXd","suggestionsList":"style-module_suggestionsList__11o48","appearInAnimation":"style-module_appearInAnimation__yvH4A","suggestion-option":"style-module_suggestion-option__z7pqG","suggestion-img":"style-module_suggestion-img__1TfiA","suggestion-text":"style-module_suggestion-text__7wL31","nowrap":"style-module_nowrap__uks9c","suggestionHighlighted":"style-module_suggestionHighlighted__2zu5h"};
+styleInject(css_248z$d);
 
 var AutoSuggestInput = function (_a) {
     var currentOption = _a.currentOption, suggestions = _a.suggestions, handleSuggestionSelected = _a.handleSuggestionSelected, onChange = _a.onChange, handleSuggestionFetchRequest = _a.handleSuggestionFetchRequest, handleSuggestionClearRequest = _a.handleSuggestionClearRequest, placeholder = _a.placeholder, className = _a.className, wrapText = _a.wrapText, inputProps = _a.inputProps;
     var renderSuggestion = function (suggestion) {
         var _a;
-        return (jsxRuntime.jsxs("div", __assign({ className: "" + styles$b['suggestion-option'] }, { children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 " + styles$b['suggestion-img'], src: suggestion.leftIcon, alt: suggestion.value }, void 0)),
-                jsxRuntime.jsx("div", __assign({ className: classNames(styles$b['suggestion-text'], (_a = {},
-                        _a[styles$b.nowrap] = !wrapText,
+        return (jsxRuntime.jsxs("div", __assign({ className: "" + styles$c['suggestion-option'] }, { children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 " + styles$c['suggestion-img'], src: suggestion.leftIcon, alt: suggestion.value }, void 0)),
+                jsxRuntime.jsx("div", __assign({ className: classNames(styles$c['suggestion-text'], (_a = {},
+                        _a[styles$c.nowrap] = !wrapText,
                         _a)) }, { children: suggestion.value }), void 0)] }), void 0));
     };
     var getSuggestionValue = function (suggestion) { return suggestion.value; };
     var renderInputComponent = function (autoSuggestInputProps) { return (jsxRuntime.jsx(Input, __assign({}, autoSuggestInputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }), void 0)); };
-    return (jsxRuntime.jsx("div", __assign({ className: className }, { children: jsxRuntime.jsx(dist$1, { theme: styles$b, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: __assign(__assign({}, inputProps), { value: currentOption, onChange: function (_, _a) {
+    return (jsxRuntime.jsx("div", __assign({ className: className }, { children: jsxRuntime.jsx(dist$2, { theme: styles$c, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: __assign(__assign({}, inputProps), { value: currentOption, onChange: function (_, _a) {
                     var newValue = _a.newValue;
                     onChange(newValue);
                 } }), onSuggestionSelected: function (_, _a) {
@@ -11866,9 +11881,9 @@ var AutoSuggestInput = function (_a) {
             }, renderInputComponent: renderInputComponent }, void 0) }), void 0));
 };
 
-var css_248z$b = ".style-module_chip-container__26s37 {\n  display: flex;\n  flex-wrap: wrap;\n  max-height: 10px;\n  transition: 0.7s ease-in;\n}\n\n.style-module_appearIn__3XNel {\n  max-height: 300px;\n}";
-var styles$a = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
-styleInject(css_248z$b);
+var css_248z$c = ".style-module_chip-container__26s37 {\n  display: flex;\n  flex-wrap: wrap;\n  max-height: 10px;\n  transition: 0.7s ease-in;\n}\n\n.style-module_appearIn__3XNel {\n  max-height: 300px;\n}";
+var styles$b = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
+styleInject(css_248z$c);
 
 var AutoSuggestMultiSelect = function (_a) {
     var _b;
@@ -11876,8 +11891,8 @@ var AutoSuggestMultiSelect = function (_a) {
     var _c = require$$0.useState([]), suggestions = _c[0], setSuggestions = _c[1];
     var _d = require$$0.useState(''), currentOption = _d[0], setCurrentOption = _d[1];
     var hasChips = Boolean(selectedValues && selectedValues.length > 0);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: classNames(styles$a['chip-container'], chipsListClassName, (_b = {},
-                    _b[styles$a.appearIn] = hasChips,
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: classNames(styles$b['chip-container'], chipsListClassName, (_b = {},
+                    _b[styles$b.appearIn] = hasChips,
                     _b)) }, { children: selectedValues && hasChips && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: selectedValues.map(function (value, index) { return (jsxRuntime.jsx(Chip, { className: "mb16", value: value, onRemove: function (value) {
                             var newValues = __spreadArray$1([], selectedValues).filter(function (selectedValue) { return selectedValue.value !== value.value; });
                             setValues(newValues);
@@ -11897,7 +11912,7 @@ var AutoSuggestMultiSelect = function (_a) {
                 }, currentOption: currentOption, suggestions: suggestions, handleSuggestionClearRequest: function () { return setSuggestions([]); }, wrapText: wrapText }, void 0)] }, void 0));
 };
 
-var dist = {exports: {}};
+var dist$1 = {exports: {}};
 
 (function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -13415,11 +13430,11 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 /******/ ]);
 });
 
-}(dist));
+}(dist$1));
 
-var css_248z$a = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n  margin-top: 8px;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
-var styles$9 = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
-styleInject(css_248z$a);
+var css_248z$b = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  margin: 0 auto;\n}\n\n.AccordionItem-module_container__29xle + .AccordionItem-module_container__29xle {\n  margin-top: 8px;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
+var styles$a = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
+styleInject(css_248z$b);
 
 var ChevronSVG = function (_a) {
     var className = _a.className;
@@ -13435,8 +13450,8 @@ var AccordionItem = function (_a) {
             onClose();
         }
     };
-    return (jsxRuntime.jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles$9.container }, { children: [jsxRuntime.jsxs("button", __assign({ className: "d-flex ai-center jc-between " + styles$9.headerButton + " " + headerClassName, onClick: handleClick, type: "button" }, { children: [jsxRuntime.jsx("div", __assign({ className: "d-flex ai-center " + styles$9.iconAndTextContainer }, { children: typeof label === 'string' ? (jsxRuntime.jsx("h4", __assign({ className: "p-h4" }, { children: label }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label }, void 0)) }), void 0),
-                    jsxRuntime.jsx(ChevronSVG, { className: styles$9.chevron + " " + (!isOpen && styles$9.chevronClosed) }, void 0)] }), void 0),
+    return (jsxRuntime.jsxs("div", __assign({ className: "d-flex fd-column " + className + " " + styles$a.container }, { children: [jsxRuntime.jsxs("button", __assign({ className: "d-flex ai-center jc-between " + styles$a.headerButton + " " + headerClassName, onClick: handleClick, type: "button" }, { children: [jsxRuntime.jsx("div", __assign({ className: "d-flex ai-center " + styles$a.iconAndTextContainer }, { children: typeof label === 'string' ? (jsxRuntime.jsx("h4", __assign({ className: "p-h4" }, { children: label }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label }, void 0)) }), void 0),
+                    jsxRuntime.jsx(ChevronSVG, { className: styles$a.chevron + " " + (!isOpen && styles$a.chevronClosed) }, void 0)] }), void 0),
             jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOpen ? 'auto' : 0.1 }, { children: children }), void 0)] }), void 0));
 };
 
@@ -13445,13 +13460,13 @@ var Chevron = function (_a) {
     return (jsxRuntime.jsx("svg", __assign({ width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#8E8CEE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
 };
 
-var css_248z$9 = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px;\n  color: #4c4c53;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 256px;\n    flex: 1 0 var(--cellWidth, 256px);\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    padding: 24px;\n  }\n  .style-module_cell__1NoZ6:last-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(288px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100vw;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
-var styles$8 = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
-styleInject(css_248z$9);
+var css_248z$a = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px;\n  color: #4c4c53;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 256px;\n    flex: 1 0 var(--cellWidth, 256px);\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    padding: 24px;\n  }\n  .style-module_cell__1NoZ6:last-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(288px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100vw;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
+var styles$9 = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
+styleInject(css_248z$a);
 
 var Row = function (props) {
     var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId;
-    return (jsxRuntime.jsxs("div", __assign({ className: "\n        d-flex\n        w-100\n        " + (isRowHeader ? styles$8.header : '') + "\n      " }, { children: [jsxRuntime.jsx("h4", __assign({ className: "\n          " + styles$8.cell + "\n          " + styles$8.sticky + "\n          " + (isRowHeader ? "p-h2 p--serif " + styles$8.title : '') + "\n          " + (typeof cell.key === 'undefined' ? styles$8.addon : '') + "\n        " }, { children: cell.label }), void 0),
+    return (jsxRuntime.jsxs("div", __assign({ className: "\n        d-flex\n        w-100\n        " + (isRowHeader ? styles$9.header : '') + "\n      " }, { children: [jsxRuntime.jsx("h4", __assign({ className: "\n          " + styles$9.cell + "\n          " + styles$9.sticky + "\n          " + (isRowHeader ? "p-h2 p--serif " + styles$9.title : '') + "\n          " + (typeof cell.key === 'undefined' ? styles$9.addon : '') + "\n        " }, { children: cell.label }), void 0),
             Array.isArray(data) &&
                 data.map(function (item) {
                     /**
@@ -13462,7 +13477,7 @@ var Row = function (props) {
                         return null;
                     if (typeof item[cell.key] === 'undefined')
                         return null;
-                    return (jsxRuntime.jsx("div", __assign({ className: "ta-center " + styles$8.cell }, { children: 
+                    return (jsxRuntime.jsx("div", __assign({ className: "ta-center " + styles$9.cell }, { children: 
                         /**
                          * Return a function if `render` option is present
                          * else print the current data source value
@@ -13479,38 +13494,38 @@ var ArrowIcon = function (_a) {
     return (jsxRuntime.jsx("svg", __assign({ width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
 };
 
-var css_248z$8 = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #ebebff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}";
-var styles$7 = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
-styleInject(css_248z$8);
+var css_248z$9 = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #ebebff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}";
+var styles$8 = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
+styleInject(css_248z$9);
 
 var TableArrows = function (props) {
     var _a, _b;
     var active = props.active, onClick = props.onClick;
     var handleButtonClick = function (value) { return function () { return onClick(value); }; };
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$7.container }, { children: [jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles$7.prev, styles$7.arrow, (_a = {},
-                    _a[styles$7.active] = active.left,
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$8.container }, { children: [jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles$8.prev, styles$8.arrow, (_a = {},
+                    _a[styles$8.active] = active.left,
                     _a)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0),
-            jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$7.next, styles$7.arrow, (_b = {},
-                    _b[styles$7.active] = active.right,
+            jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$8.next, styles$8.arrow, (_b = {},
+                    _b[styles$8.active] = active.right,
                     _b)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
 };
 
-var css_248z$7 = ".style-module_button__2W-YC {\n  background-color: transparent;\n  color: #4c4c53;\n  cursor: pointer;\n  margin: 2px 0;\n  padding: 2px;\n  transition: color 0.3s ease;\n}\n.style-module_button__2W-YC span {\n  border-bottom: 2px dashed #696970;\n  display: inline;\n  transition: border-color 0.3s ease;\n}\n.style-module_button__2W-YC:hover, .style-module_button__2W-YC:focus {\n  color: #8e8cee;\n  outline-color: #8e8cee;\n}\n.style-module_button__2W-YC:hover span, .style-module_button__2W-YC:focus span {\n  border-color: #8e8cee;\n}";
-var styles$6 = {"button":"style-module_button__2W-YC"};
-styleInject(css_248z$7);
+var css_248z$8 = ".style-module_button__2W-YC {\n  background-color: transparent;\n  color: #4c4c53;\n  cursor: pointer;\n  margin: 2px 0;\n  padding: 2px;\n  transition: color 0.3s ease;\n}\n.style-module_button__2W-YC span {\n  border-bottom: 2px dashed #696970;\n  display: inline;\n  transition: border-color 0.3s ease;\n}\n.style-module_button__2W-YC:hover, .style-module_button__2W-YC:focus {\n  color: #8e8cee;\n  outline-color: #8e8cee;\n}\n.style-module_button__2W-YC:hover span, .style-module_button__2W-YC:focus span {\n  border-color: #8e8cee;\n}";
+var styles$7 = {"button":"style-module_button__2W-YC"};
+styleInject(css_248z$8);
 
 var TableButton = function (_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsxRuntime.jsx("button", __assign({ className: styles$6.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: jsxRuntime.jsx("span", { children: children }, void 0) }), void 0));
+    return (jsxRuntime.jsx("button", __assign({ className: styles$7.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: jsxRuntime.jsx("span", { children: children }, void 0) }), void 0));
 };
 
-var css_248z$6 = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #ebebff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
-var styles$5 = {"button":"style-module_button__3TkNT"};
-styleInject(css_248z$6);
+var css_248z$7 = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #ebebff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
+var styles$6 = {"button":"style-module_button__3TkNT"};
+styleInject(css_248z$7);
 
 var TableInfoButton = function (_a) {
     var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsxRuntime.jsx("span", __assign({ role: "button", className: "p-btn--secondary " + styles$5.button + " " + className, onClick: onClick, onKeyDown: function (e) {
+    return (jsxRuntime.jsx("span", __assign({ role: "button", className: "p-btn--secondary " + styles$6.button + " " + className, onClick: onClick, onKeyDown: function (e) {
             e.stopPropagation();
             if (e.key === 'Enter' || e.key === " ") {
                 onClick();
@@ -13530,9 +13545,9 @@ var ZapIcon = function (_a) {
     return (jsxRuntime.jsx("svg", __assign({ width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.492 1.124A1 1 0 005.732.36l-5 6A1 1 0 001.5 8h3.367l-.36 2.876a1 1 0 001.761.764l5-6A1 1 0 0010.5 4H7.133l.36-2.876z" }, void 0) }), void 0));
 };
 
-var css_248z$5 = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #f5f6fb;\n}";
-var styles$4 = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
-styleInject(css_248z$5);
+var css_248z$6 = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #f5f6fb;\n}";
+var styles$5 = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
+styleInject(css_248z$6);
 
 var getRatingIcon = function (type) {
     var iconDictionary = {
@@ -13545,16 +13560,16 @@ var VALID_VALUES = [1, 2, 3];
 var TableRating = function (props) {
     var rating = props.rating, type = props.type;
     var SelectedIcon = getRatingIcon(type);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$4.icon, value <= rating ? styles$4.filled : styles$4.empty) }, value)); }) }, void 0));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$5.icon, value <= rating ? styles$5.filled : styles$5.empty) }, value)); }) }, void 0));
 };
 
-var css_248z$4 = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
-var styles$3 = {"icon":"style-module_icon__30Nor"};
-styleInject(css_248z$4);
+var css_248z$5 = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
+var styles$4 = {"icon":"style-module_icon__30Nor"};
+styleInject(css_248z$5);
 
 var TableRowHeader = function (_a) {
     var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
-    return (jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [icon && jsxRuntime.jsx("span", __assign({ className: "mr8 " + styles$3.icon }, { children: icon }), void 0),
+    return (jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [icon && jsxRuntime.jsx("span", __assign({ className: "mr8 " + styles$4.icon }, { children: icon }), void 0),
             jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p d-inline" }, { children: !onClickInfo ? (jsxRuntime.jsx("span", { children: label }, void 0)) : (jsxRuntime.jsx(TableButton, __assign({ className: "mr8 ta-left", onClick: onClickInfo }, { children: label }), void 0)) }), void 0),
                     subtitle && jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-grey-500" }, { children: subtitle }), void 0)] }, void 0)] }), void 0));
 };
@@ -13673,9 +13688,9 @@ var useComparisonTable = function () {
     };
 };
 
-var css_248z$3 = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none;\n  /* Firefox */\n  -ms-overflow-style: none;\n  /* Internet Explorer 10+ */\n  scroll-snap-type: unset;\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #fafaff;\n  border-radius: 8px;\n  margin-top: 48px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n@media (min-width: 34rem) {\n  .style-module_group-title__2vvRm {\n    margin-top: 72px;\n  }\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #fafaff;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #fafaff;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
+var css_248z$4 = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none;\n  /* Firefox */\n  -ms-overflow-style: none;\n  /* Internet Explorer 10+ */\n  scroll-snap-type: unset;\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #fafaff;\n  border-radius: 8px;\n  margin-top: 48px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n@media (min-width: 34rem) {\n  .style-module_group-title__2vvRm {\n    margin-top: 72px;\n  }\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #fafaff;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #fafaff;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
 var baseStyles = {"container":"style-module_container__xHPlk","noScrollBars":"style-module_noScrollBars__1ri_E","overflow-container":"style-module_overflow-container__oBPQw","group-container":"style-module_group-container__2G6Ix","group-title":"style-module_group-title__2vvRm","sticky":"style-module_sticky__2Xmbl","header":"style-module_header__23SZy","show-details-container":"style-module_show-details-container__1smn4","show-details-button":"style-module_show-details-button__3HR-p","icon-inverted":"style-module_icon-inverted__1SnO1"};
-styleInject(css_248z$3);
+styleInject(css_248z$4);
 
 var ComparisonTable = function (props) {
     var _a;
@@ -13686,7 +13701,7 @@ var ComparisonTable = function (props) {
         : {})), (stickyHeaderTopOffset
         ? { '--stickyHeaderTopOffset': stickyHeaderTopOffset + "px" }
         : {})), (growContent ? { '--growContent': '100%' } : {}));
-    return (jsxRuntime.jsx(dist.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxRuntime.jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.header, styles === null || styles === void 0 ? void 0 : styles.header) }, { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ id: headerId, className: classNames(baseStyles.container, (_a = {},
+    return (jsxRuntime.jsx(dist$1.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxRuntime.jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.header, styles === null || styles === void 0 ? void 0 : styles.header) }, { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ id: headerId, className: classNames(baseStyles.container, (_a = {},
                                 _a[baseStyles.noScrollBars] = hideScrollBars,
                                 _a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [jsxRuntime.jsx(TableArrows, { onClick: handleArrowsClick, active: {
                                                 left: selectedTabIndex > 0,
@@ -13708,9 +13723,9 @@ var ComparisonTable = function (props) {
                                     return (jsxRuntime.jsx(Row$1, { rowId: rowId, cell: cell, data: data }, rowId));
                                 });
                                 var idString = "headerGroup-" + headerGroup.id;
-                                return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
+                                return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
                                                     _a[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
+                                                    _a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
                                                     _b[baseStyles.noScrollBars] = hideScrollBars,
                                                     _b)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
                                                             /**
@@ -13721,9 +13736,9 @@ var ComparisonTable = function (props) {
                         hideDetails && (jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48') }, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", __assign({ className: "w100 d-flex p-a p-h4 c-pointer " + baseStyles['show-details-button'], onClick: toggleMoreRows, type: "button" }, { children: [showMore ? 'Hide details' : 'Show details', jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] }, void 0)] }), void 0) }, void 0) }), void 0))] }), void 0)] }), void 0) }), void 0));
 };
 
-var css_248z$2 = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
-var styles$2 = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
-styleInject(css_248z$2);
+var css_248z$3 = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
+var styles$3 = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
+styleInject(css_248z$3);
 
 var SegmentedControl = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, values = _a.values, selectedIndex = _a.selectedIndex, onChange = _a.onChange;
@@ -13737,19 +13752,19 @@ var SegmentedControl = function (_a) {
         var width = selectedChip.offsetWidth;
         setSelectedChipBackgroundWidthLeft({ left: left, width: width });
     }, [selectedIndex]);
-    return (jsxRuntime.jsx("div", __assign({ className: className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$2['background-container'] }, { children: [jsxRuntime.jsx("div", __assign({ ref: chipContainer, className: styles$2['chip-container'], style: { height: height + "px" } }, { children: values.map(function (value, index) {
+    return (jsxRuntime.jsx("div", __assign({ className: className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$3['background-container'] }, { children: [jsxRuntime.jsx("div", __assign({ ref: chipContainer, className: styles$3['chip-container'], style: { height: height + "px" } }, { children: values.map(function (value, index) {
                         return (jsxRuntime.jsx("div", __assign({ role: "button", tabIndex: 0, onKeyDown: function (e) {
                                 if (e.key === 'Enter') {
                                     onChange(index);
                                 }
                             }, onClick: function () {
                                 onChange(index);
-                            }, className: styles$2.chip }, { children: typeof value === 'string' ? (jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center " + (selectedIndex === index ? '' : 'tc-primary-500') }, { children: value }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center " + (selectedIndex === index ? '' : 'tc-primary-500') }, { children: value.title }), void 0),
+                            }, className: styles$3.chip }, { children: typeof value === 'string' ? (jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center " + (selectedIndex === index ? '' : 'tc-primary-500') }, { children: value }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 ta-center " + (selectedIndex === index ? '' : 'tc-primary-500') }, { children: value.title }), void 0),
                                     jsxRuntime.jsx("div", __assign({ className: "p-p--small ta-center " + (selectedIndex === index
                                             ? 'tc-grey-500'
                                             : 'tc-primary-500') }, { children: value.subtitle }), void 0)] }, void 0)) }), typeof value === 'string' ? value : value.title));
                     }) }), void 0),
-                jsxRuntime.jsx("div", { className: styles$2['select-chip-background'], style: {
+                jsxRuntime.jsx("div", { className: styles$3['select-chip-background'], style: {
                         width: selectedChipBackgroundWidthLeft.width + "px",
                         height: height - 16 + "px",
                         left: selectedChipBackgroundWidthLeft.left + "px",
@@ -15417,7 +15432,7 @@ function createAdjustMap(values) {
  * @typedef {import('./jsx-classic').ElementChildrenAttribute} h.JSX.ElementChildrenAttribute
  */
 
-const h$1 = core$1(html$3, 'div');
+const h$3 = core$1(html$3, 'div');
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 
@@ -28661,7 +28676,7 @@ function remarkParse(options) {
  * @typedef {(<T extends string>(type: T) => {type: T})} BuildVoid
  */
 
-var u$1 = /**
+var u$3 = /**
  * @type {BuildVoid & BuildVoidWithProps & BuildLiteral & BuildLiteralWithProps & BuildParent & BuildParentWithProps}
  */ (
   /**
@@ -28718,7 +28733,7 @@ function unknown(h, node) {
       own$6.call(data, 'hChildren')
     )
   ) {
-    return h.augment(node, u$1('text', node.value))
+    return h.augment(node, u$3('text', node.value))
   }
 
   return h(node, 'div', all(h, node))
@@ -29438,16 +29453,16 @@ function wrap(nodes, loose) {
   let index = -1;
 
   if (loose) {
-    result.push(u$1('text', '\n'));
+    result.push(u$3('text', '\n'));
   }
 
   while (++index < nodes.length) {
-    if (index) result.push(u$1('text', '\n'));
+    if (index) result.push(u$3('text', '\n'));
     result.push(nodes[index]);
   }
 
   if (loose && nodes.length > 0) {
-    result.push(u$1('text', '\n'));
+    result.push(u$3('text', '\n'));
   }
 
   return result
@@ -29560,7 +29575,7 @@ function footer(h) {
         type: 'element',
         tagName: 'h2',
         properties: {id: 'footnote-label', className: ['sr-only']},
-        children: [u$1('text', h.footnoteLabel)]
+        children: [u$3('text', h.footnoteLabel)]
       },
       {type: 'text', value: '\n'},
       {
@@ -29600,7 +29615,7 @@ function blockquote(h, node) {
  * @returns {Array<Element|Text>}
  */
 function hardBreak(h, node) {
-  return [h(node, 'br'), u$1('text', '\n')]
+  return [h(node, 'br'), u$3('text', '\n')]
 }
 
 /**
@@ -29626,7 +29641,7 @@ function code(h, node) {
     props.className = ['language-' + lang];
   }
 
-  const code = h(node, 'code', props, [u$1('text', value)]);
+  const code = h(node, 'code', props, [u$3('text', value)]);
 
   if (node.meta) {
     code.data = {meta: node.meta};
@@ -29702,7 +29717,7 @@ function footnoteReference(h, node) {
         dataFootnoteRef: true,
         ariaDescribedBy: 'footnote-label'
       },
-      [u$1('text', String(counter))]
+      [u$3('text', String(counter))]
     )
   ])
 }
@@ -29770,7 +29785,7 @@ function heading(h, node) {
  * @param {HTML} node
  */
 function html$2(h, node) {
-  return h.dangerous ? h.augment(node, u$1('raw', node.value)) : null
+  return h.dangerous ? h.augment(node, u$3('raw', node.value)) : null
 }
 
 var encodeCache = {};
@@ -29893,7 +29908,7 @@ function revert(h, node) {
   }
 
   if (node.type === 'imageReference') {
-    return u$1('text', '![' + node.alt + suffix)
+    return u$3('text', '![' + node.alt + suffix)
   }
 
   const contents = all(h, node);
@@ -29902,7 +29917,7 @@ function revert(h, node) {
   if (head && head.type === 'text') {
     head.value = '[' + head.value;
   } else {
-    contents.unshift(u$1('text', '['));
+    contents.unshift(u$3('text', '['));
   }
 
   const tail = contents[contents.length - 1];
@@ -29910,7 +29925,7 @@ function revert(h, node) {
   if (tail && tail.type === 'text') {
     tail.value += suffix;
   } else {
-    contents.push(u$1('text', suffix));
+    contents.push(u$3('text', suffix));
   }
 
   return contents
@@ -29974,7 +29989,7 @@ function image(h, node) {
  * @param {InlineCode} node
  */
 function inlineCode(h, node) {
-  return h(node, 'code', [u$1('text', node.value.replace(/\r?\n|\r/g, ' '))])
+  return h(node, 'code', [u$3('text', node.value.replace(/\r?\n|\r/g, ' '))])
 }
 
 /**
@@ -30063,7 +30078,7 @@ function listItem(h, node, parent) {
     }
 
     if (paragraph.children.length > 0) {
-      paragraph.children.unshift(u$1('text', ' '));
+      paragraph.children.unshift(u$3('text', ' '));
     }
 
     paragraph.children.unshift(
@@ -30091,7 +30106,7 @@ function listItem(h, node, parent) {
       child.type !== 'element' ||
       child.tagName !== 'p'
     ) {
-      wrapped.push(u$1('text', '\n'));
+      wrapped.push(u$3('text', '\n'));
     }
 
     if (child.type === 'element' && child.tagName === 'p' && !loose) {
@@ -30105,7 +30120,7 @@ function listItem(h, node, parent) {
 
   // Add a final eol.
   if (tail && (loose || !('tagName' in tail) || tail.tagName !== 'p')) {
-    wrapped.push(u$1('text', '\n'));
+    wrapped.push(u$3('text', '\n'));
   }
 
   return h(node, 'li', props, wrapped)
@@ -30205,7 +30220,7 @@ function paragraph(h, node) {
  */
 function root(h, node) {
   // @ts-expect-error `root`s are also fine.
-  return h.augment(node, u$1('root', wrap(all(h, node))))
+  return h.augment(node, u$3('root', wrap(all(h, node))))
 }
 
 /**
@@ -30359,7 +30374,7 @@ function trimLine(value, start, end) {
  * @param {Text} node
  */
 function text(h, node) {
-  return h.augment(node, u$1('text', trimLines(String(node.value))))
+  return h.augment(node, u$3('text', trimLines(String(node.value))))
 }
 
 /**
@@ -30631,7 +30646,7 @@ function toHast(tree, options) {
     // @ts-expect-error If there’s a footer, there were definitions, meaning block
     // content.
     // So assume `node` is a parent node.
-    node.children.push(u$1('text', '\n'), foot);
+    node.children.push(u$3('text', '\n'), foot);
   }
 
   return Array.isArray(node) ? {type: 'root', children: node} : node
@@ -32100,11 +32115,11 @@ var reactIs_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");
-function v(a){if("object"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=g;reactIs_production_min.Element=b;reactIs_production_min.ForwardRef=l;reactIs_production_min.Fragment=d;reactIs_production_min.Lazy=q;reactIs_production_min.Memo=p;reactIs_production_min.Portal=c;reactIs_production_min.Profiler=f;reactIs_production_min.StrictMode=e;reactIs_production_min.Suspense=m;
-reactIs_production_min.SuspenseList=n;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return v(a)===h};reactIs_production_min.isContextProvider=function(a){return v(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return v(a)===l};reactIs_production_min.isFragment=function(a){return v(a)===d};reactIs_production_min.isLazy=function(a){return v(a)===q};reactIs_production_min.isMemo=function(a){return v(a)===p};
-reactIs_production_min.isPortal=function(a){return v(a)===c};reactIs_production_min.isProfiler=function(a){return v(a)===f};reactIs_production_min.isStrictMode=function(a){return v(a)===e};reactIs_production_min.isSuspense=function(a){return v(a)===m};reactIs_production_min.isSuspenseList=function(a){return v(a)===n};
-reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};reactIs_production_min.typeOf=v;
+var b$2=Symbol.for("react.element"),c$1=Symbol.for("react.portal"),d$1=Symbol.for("react.fragment"),e$1=Symbol.for("react.strict_mode"),f$2=Symbol.for("react.profiler"),g$1=Symbol.for("react.provider"),h$2=Symbol.for("react.context"),k$1=Symbol.for("react.server_context"),l$2=Symbol.for("react.forward_ref"),m$1=Symbol.for("react.suspense"),n$2=Symbol.for("react.suspense_list"),p$1=Symbol.for("react.memo"),q$1=Symbol.for("react.lazy"),t$1=Symbol.for("react.offscreen"),u$2;u$2=Symbol.for("react.module.reference");
+function v$1(a){if("object"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b$2:switch(a=a.type,a){case d$1:case f$2:case e$1:case m$1:case n$2:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case h$2:case l$2:case q$1:case p$1:case g$1:return a;default:return r}}case c$1:return r}}}reactIs_production_min.ContextConsumer=h$2;reactIs_production_min.ContextProvider=g$1;reactIs_production_min.Element=b$2;reactIs_production_min.ForwardRef=l$2;reactIs_production_min.Fragment=d$1;reactIs_production_min.Lazy=q$1;reactIs_production_min.Memo=p$1;reactIs_production_min.Portal=c$1;reactIs_production_min.Profiler=f$2;reactIs_production_min.StrictMode=e$1;reactIs_production_min.Suspense=m$1;
+reactIs_production_min.SuspenseList=n$2;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return v$1(a)===h$2};reactIs_production_min.isContextProvider=function(a){return v$1(a)===g$1};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b$2};reactIs_production_min.isForwardRef=function(a){return v$1(a)===l$2};reactIs_production_min.isFragment=function(a){return v$1(a)===d$1};reactIs_production_min.isLazy=function(a){return v$1(a)===q$1};reactIs_production_min.isMemo=function(a){return v$1(a)===p$1};
+reactIs_production_min.isPortal=function(a){return v$1(a)===c$1};reactIs_production_min.isProfiler=function(a){return v$1(a)===f$2};reactIs_production_min.isStrictMode=function(a){return v$1(a)===e$1};reactIs_production_min.isSuspense=function(a){return v$1(a)===m$1};reactIs_production_min.isSuspenseList=function(a){return v$1(a)===n$2};
+reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d$1||a===f$2||a===e$1||a===m$1||a===n$2||a===t$1||"object"===typeof a&&null!==a&&(a.$$typeof===q$1||a.$$typeof===p$1||a.$$typeof===g$1||a.$$typeof===h$2||a.$$typeof===l$2||a.$$typeof===u$2||void 0!==a.getModuleId)?!0:!1};reactIs_production_min.typeOf=v$1;
 
 var reactIs_development = {};
 
@@ -35850,9 +35865,9 @@ function visit(tree, test, visitor, reverse) {
   }
 }
 
-var css_248z$1 = ".styles-module_ulist__Ynx5o {\n  list-style-type: disc;\n  list-style-position: inside;\n}\n\n.styles-module_olist__1Pgm2 {\n  list-style-type: decimal;\n  list-style-position: inside;\n}\n\n.styles-module_code__xKZM0 {\n  font-family: monospace;\n}";
-var styles$1 = {"ulist":"styles-module_ulist__Ynx5o","olist":"styles-module_olist__1Pgm2","code":"styles-module_code__xKZM0"};
-styleInject(css_248z$1);
+var css_248z$2 = ".styles-module_ulist__Ynx5o {\n  list-style-type: disc;\n  list-style-position: inside;\n}\n\n.styles-module_olist__1Pgm2 {\n  list-style-type: decimal;\n  list-style-position: inside;\n}\n\n.styles-module_code__xKZM0 {\n  font-family: monospace;\n}";
+var styles$2 = {"ulist":"styles-module_ulist__Ynx5o","olist":"styles-module_olist__1Pgm2","code":"styles-module_code__xKZM0"};
+styleInject(css_248z$2);
 
 // The plugin function 'directiveToHTMLTag' is used in conjunction with 'remarkDirective' to parse custom markdown tags.
 // It converts tags in the form of :mytag[value]{attributes} to the
@@ -35873,7 +35888,7 @@ var directiveToHTMLTag = function () {
             // Grab a reference to the data of the custom tag node
             var data = node.data || (node.data = {});
             // Create a HyperText Abstract Syntax Tree (HAST) from the node
-            var hast = h$1(node.name, node.attributes);
+            var hast = h$3(node.name, node.attributes);
             // Modify the node data with the resulting HAST's data to transform the node into something
             // that ReactMarkdown can understand (custom html tag) and later replace with a custom component
             data.hName = hast.tagName;
@@ -35903,10 +35918,10 @@ var Heading = function (props) {
     }
 };
 var UList = function (props) {
-    return jsxRuntime.jsx("ul", __assign({ className: "p-p " + styles$1.ulist + " mt8" }, { children: props.children }), void 0);
+    return jsxRuntime.jsx("ul", __assign({ className: "p-p " + styles$2.ulist + " mt8" }, { children: props.children }), void 0);
 };
 var OList = function (props) {
-    return jsxRuntime.jsx("ol", __assign({ className: "p-p " + styles$1.olist + " mt8" }, { children: props.children }), void 0);
+    return jsxRuntime.jsx("ol", __assign({ className: "p-p " + styles$2.olist + " mt8" }, { children: props.children }), void 0);
 };
 var Strong = function (props) {
     return jsxRuntime.jsx("strong", __assign({ className: "fw-bold" }, { children: props.children }), void 0);
@@ -35915,7 +35930,7 @@ var Italic = function (props) {
     return jsxRuntime.jsx("em", __assign({ className: "fs-italic" }, { children: props.children }), void 0);
 };
 var Code = function (props) {
-    return (jsxRuntime.jsx("div", __assign({ className: "bg-grey-200 p8 p-p--small my8 br2 " + styles$1.code }, { children: props.children }), void 0));
+    return (jsxRuntime.jsx("div", __assign({ className: "bg-grey-200 p8 p-p--small my8 br2 " + styles$2.code }, { children: props.children }), void 0));
 };
 var Markdown = function (_a) {
     var children = _a.children, customMDComponents = _a.customMDComponents, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.openLinksInNewTab, openLinksInNewTab = _c === void 0 ? false : _c, _d = _a.paragraphClassName, paragraphClassName = _d === void 0 ? '' : _d;
@@ -35956,9 +35971,9 @@ var Spinner = function (_a) {
     return (jsxRuntime.jsx("div", { className: classNames('ds-spinner', "ds-spinner__" + size), "data-testid": "ds-spinner" }, void 0));
 };
 
-var css_248z = ".styles-module_container__F0d5Q {\n  max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n  position: relative;\n  width: 40px;\n  height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n  align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ds-grey-400);\n  transition: all 0.3s ease-in-out;\n  border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n  position: absolute;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  left: 0;\n  bottom: -4px;\n  background: var(--ds-grey-500);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-purple-300);\n  border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n  opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n  background: var(--ds-purple-100);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 4px solid var(--ds-purple-300);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  transform: translateX(20px);\n}";
-var styles = {"container":"styles-module_container__F0d5Q","toggleContainer":"styles-module_toggleContainer__2yz_j","label":"styles-module_label__3EAX_","toggle":"styles-module_toggle__2sL88","input":"styles-module_input__2sUF3"};
-styleInject(css_248z);
+var css_248z$1 = ".styles-module_container__F0d5Q {\n  max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n  position: relative;\n  width: 40px;\n  height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n  align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ds-grey-400);\n  transition: all 0.3s ease-in-out;\n  border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n  position: absolute;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  left: 0;\n  bottom: -4px;\n  background: var(--ds-grey-500);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-purple-300);\n  border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n  opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n  background: var(--ds-purple-100);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 4px solid var(--ds-purple-300);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  transform: translateX(20px);\n}";
+var styles$1 = {"container":"styles-module_container__F0d5Q","toggleContainer":"styles-module_toggleContainer__2yz_j","label":"styles-module_label__3EAX_","toggle":"styles-module_toggle__2sL88","input":"styles-module_input__2sUF3"};
+styleInject(css_248z$1);
 
 var Toggle = function (_a) {
     var options = _a.options, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, _c = _a.inlineLayout, inlineLayout = _c === void 0 ? false : _c, _d = _a.bordered, bordered = _d === void 0 ? true : _d, classNamesObj = _a.classNames, disabled = _a.disabled;
@@ -35987,22 +36002,237 @@ var Toggle = function (_a) {
         onChange(newValues);
     };
     var entries = Object.entries(options);
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles.container, 'd-flex gap8', {
+    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$1.container, 'd-flex gap8', {
             'fd-row': inlineLayout,
             'f-wrap': inlineLayout,
             'fd-column': !inlineLayout,
         }) }, { children: entries.map(function (_a) {
             var currentValue = _a[0], label = _a[1];
             var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
-            return (jsxRuntime.jsx("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: jsxRuntime.jsxs("label", __assign({ className: classNames(styles.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
+            return (jsxRuntime.jsx("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: jsxRuntime.jsxs("label", __assign({ className: classNames(styles$1.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
                         'p-label--bordered': bordered,
-                    }), "data-cy": "toggle-" + currentValue, "data-testid": "toggle-" + currentValue }, { children: [jsxRuntime.jsxs("span", __assign({ className: classNames(styles.toggleContainer, 'd-inline-block') }, { children: [jsxRuntime.jsx("input", { checked: checked, className: styles.input, "data-testid": "toggle-input-" + currentValue, onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }, void 0),
-                                jsxRuntime.jsx("span", { className: styles.toggle }, void 0)] }), void 0),
+                    }), "data-cy": "toggle-" + currentValue, "data-testid": "toggle-" + currentValue }, { children: [jsxRuntime.jsxs("span", __assign({ className: classNames(styles$1.toggleContainer, 'd-inline-block') }, { children: [jsxRuntime.jsx("input", { checked: checked, className: styles$1.input, "data-testid": "toggle-input-" + currentValue, onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }, void 0),
+                                jsxRuntime.jsx("span", { className: styles$1.toggle }, void 0)] }), void 0),
                         isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
                                 jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0)) : label] }), void 0) }), currentValue));
         }) }), void 0));
 };
 
+var css_248z = ".style-module_toastWrapper__1SC4C {\n  margin: 0;\n  padding: 0;\n}\n\n.style-module_toast__NY8bo {\n  position: relative;\n  margin: 0;\n  width: 392px;\n  overflow: hidden;\n  padding: 20px 16px 20px 20px;\n}\n\n.style-module_toastSidebar__NUxSa {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 8px;\n}\n.style-module_toastSidebar--information__2nKT_ {\n  background-color: #8bb4ea;\n}\n.style-module_toastSidebar--error__15Vwo {\n  background-color: #e55454;\n}\n.style-module_toastSidebar--warning__33N9y {\n  background-color: #f7ce5c;\n}\n.style-module_toastSidebar--success__27652 {\n  background-color: #84de8a;\n}\n\n.style-module_closeButton__3S_5n {\n  background-color: transparent;\n  color: #d2d2d8;\n  min-width: 24px;\n}\n.style-module_closeButton__3S_5n:hover {\n  color: #696970;\n}\n\n.style-module_actionButton__3ziRG {\n  background-color: transparent;\n}\n.style-module_actionButton--warning__2I0LT {\n  color: #cc9e21;\n}\n.style-module_actionButton--warning__2I0LT:hover {\n  color: #4a3d10;\n}\n.style-module_actionButton--error__1kJIR {\n  color: #e55454;\n}\n.style-module_actionButton--error__1kJIR:hover {\n  color: #c64848;\n}\n.style-module_actionButton--success__y96NI {\n  color: #5b985f;\n}\n.style-module_actionButton--success__y96NI:hover {\n  color: #354a2d;\n}\n.style-module_actionButton--information__1oeAG {\n  color: #8bb4ea;\n}\n.style-module_actionButton--information__1oeAG:hover {\n  color: #5f7ba0;\n}";
+var styles = {"toastWrapper":"style-module_toastWrapper__1SC4C","toast":"style-module_toast__NY8bo","toastSidebar":"style-module_toastSidebar__NUxSa","toastSidebar--information":"style-module_toastSidebar--information__2nKT_","toastSidebar--error":"style-module_toastSidebar--error__15Vwo","toastSidebar--warning":"style-module_toastSidebar--warning__33N9y","toastSidebar--success":"style-module_toastSidebar--success__27652","closeButton":"style-module_closeButton__3S_5n","actionButton":"style-module_actionButton__3ziRG","actionButton--warning":"style-module_actionButton--warning__2I0LT","actionButton--error":"style-module_actionButton--error__1kJIR","actionButton--success":"style-module_actionButton--success__y96NI","actionButton--information":"style-module_actionButton--information__1oeAG"};
+styleInject(css_248z);
+
+let e={data:""},t=t=>"object"==typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,r=e=>{let r=t(e),l=r.data;return r.data="",l},l$1=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,a=/\/\*[^]*?\*\/|  +/g,n$1=/\n+/g,o=(e,t)=>{let r="",l="",a="";for(let n in e){let c=e[n];"@"==n[0]?"i"==n[1]?r=n+" "+c+";":l+="f"==n[1]?o(c,n):n+"{"+o(c,"k"==n[1]?"":t)+"}":"object"==typeof c?l+=o(c,t?t.replace(/([^,])+/g,e=>n.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):n):null!=c&&(n=/^--/.test(n)?n:n.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=o.p?o.p(n,c):n+":"+c+";");}return r+(t&&a?t+"{"+a+"}":a)+l},c={},s=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+s(e[r]);return t}return e},i=(e,t,r,i,p)=>{let u=s(e),d=c[u]||(c[u]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(u));if(!c[d]){let t=u!==e?e:(e=>{let t,r,o=[{}];for(;t=l$1.exec(e.replace(a,""));)t[4]?o.shift():t[3]?(r=t[3].replace(n$1," ").trim(),o.unshift(o[0][r]=o[0][r]||{})):o[0][t[1]]=t[2].replace(n$1," ").trim();return o[0]})(e);c[d]=o(p?{["@keyframes "+d]:t}:t,r?"":"."+d);}let f=r&&c.g?c.g:null;return r&&(c.g=c[d]),((e,t,r,l)=>{l?t.data=t.data.replace(l,e):-1===t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(c[d],t,i,f),d},p=(e,t,r)=>e.reduce((e,l,a)=>{let n=t[a];if(n&&n.call){let e=n(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;n=t?"."+t:e&&"object"==typeof e?e.props?"":o(e,""):!1===e?"":e;}return e+l+(null==n?"":n)},"");function u$1(e){let r=this||{},l=e.call?e(r.p):e;return i(l.unshift?l.raw?p(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>Object.assign(e,t&&t.call?t(r.p):t),{}):l,t(r.target),r.g,r.o,r.k)}let d,f$1,g,b$1=u$1.bind({g:1}),h$1=u$1.bind({k:1});function m(e,t,r,l){o.p=t,d=e,f$1=r,g=l;}function j$1(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let c=Object.assign({},n),s=c.className||a.className;r.p=Object.assign({theme:f$1&&f$1()},c),r.o=/ *go\d+/.test(s),c.className=u$1.apply(r,l)+(s?" "+s:""),t&&(c.ref=o);let i=e;return e[0]&&(i=c.as||e,delete c.as),g&&i[0]&&g(c),d(i,c)}return t?t(a):a}}
+
+var goober_esm = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    css: u$1,
+    extractCss: r,
+    glob: b$1,
+    keyframes: h$1,
+    setup: m,
+    styled: j$1
+});
+
+var require$$1 = /*@__PURE__*/getAugmentedNamespace(goober_esm);
+
+var Y=Object.create;var E=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(e,t)=>{for(var o in t)E(e,o,{get:t[o],enumerable:!0});},j=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of G(t))!Z.call(e,r)&&r!==o&&E(e,r,{get:()=>t[r],enumerable:!(s=q(t,r))||s.enumerable});return e};var W=(e,t,o)=>(o=e!=null?Y(K(e)):{},j(t||!e||!e.__esModule?E(o,"default",{value:e,enumerable:!0}):o,e)),te=e=>j(E({},"__esModule",{value:!0}),e);var Ve={};ee(Ve,{CheckmarkIcon:()=>F,ErrorIcon:()=>w,LoaderIcon:()=>M,ToastBar:()=>$,ToastIcon:()=>U,Toaster:()=>J,default:()=>_e,resolveValue:()=>u,toast:()=>n,useToaster:()=>V,useToasterStore:()=>_});var dist=te(Ve);var oe=e=>typeof e=="function",u=(e,t)=>oe(e)?e(t):e;var Q=(()=>{let e=0;return ()=>(++e).toString()})(),R=(()=>{let e;return ()=>{if(e===void 0&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches;}return e}})();var k=require$$0__default['default'],re=20;var v=new Map,se=1e3,X=e=>{if(v.has(e))return;let t=setTimeout(()=>{v.delete(e),l({type:4,toastId:e});},se);v.set(e,t);},ae=e=>{let t=v.get(e);t&&clearTimeout(t);},H=(e,t)=>{switch(t.type){case 0:return {...e,toasts:[t.toast,...e.toasts].slice(0,re)};case 1:return t.toast.id&&ae(t.toast.id),{...e,toasts:e.toasts.map(a=>a.id===t.toast.id?{...a,...t.toast}:a)};case 2:let{toast:o}=t;return e.toasts.find(a=>a.id===o.id)?H(e,{type:1,toast:o}):H(e,{type:0,toast:o});case 3:let{toastId:s}=t;return s?X(s):e.toasts.forEach(a=>{X(a.id);}),{...e,toasts:e.toasts.map(a=>a.id===s||s===void 0?{...a,visible:!1}:a)};case 4:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(a=>a.id!==t.toastId)};case 5:return {...e,pausedAt:t.time};case 6:let r=t.time-(e.pausedAt||0);return {...e,pausedAt:void 0,toasts:e.toasts.map(a=>({...a,pauseDuration:a.pauseDuration+r}))}}},I=[],D={toasts:[],pausedAt:void 0},l=e=>{D=H(D,e),I.forEach(t=>{t(D);});},ie={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},_=(e={})=>{let[t,o]=(0, k.useState)(D);(0, k.useEffect)(()=>(I.push(o),()=>{let r=I.indexOf(o);r>-1&&I.splice(r,1);}),[t]);let s=t.toasts.map(r=>{var a,c;return {...e,...e[r.type],...r,duration:r.duration||((a=e[r.type])==null?void 0:a.duration)||(e==null?void 0:e.duration)||ie[r.type],style:{...e.style,...(c=e[r.type])==null?void 0:c.style,...r.style}}});return {...t,toasts:s}};var ce=(e,t="blank",o)=>({createdAt:Date.now(),visible:!0,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...o,id:(o==null?void 0:o.id)||Q()}),S=e=>(t,o)=>{let s=ce(t,e,o);return l({type:2,toast:s}),s.id},n=(e,t)=>S("blank")(e,t);n.error=S("error");n.success=S("success");n.loading=S("loading");n.custom=S("custom");n.dismiss=e=>{l({type:3,toastId:e});};n.remove=e=>l({type:4,toastId:e});n.promise=(e,t,o)=>{let s=n.loading(t.loading,{...o,...o==null?void 0:o.loading});return e.then(r=>(n.success(u(t.success,r),{id:s,...o,...o==null?void 0:o.success}),r)).catch(r=>{n.error(u(t.error,r),{id:s,...o,...o==null?void 0:o.error});}),e};var A=require$$0__default['default'];var pe=(e,t)=>{l({type:1,toast:{id:e,height:t}});},de=()=>{l({type:5,time:Date.now()});},V=e=>{let{toasts:t,pausedAt:o}=_(e);(0, A.useEffect)(()=>{if(o)return;let a=Date.now(),c=t.map(i=>{if(i.duration===1/0)return;let d=(i.duration||0)+i.pauseDuration-(a-i.createdAt);if(d<0){i.visible&&n.dismiss(i.id);return}return setTimeout(()=>n.dismiss(i.id),d)});return ()=>{c.forEach(i=>i&&clearTimeout(i));}},[t,o]);let s=(0, A.useCallback)(()=>{o&&l({type:6,time:Date.now()});},[o]),r=(0, A.useCallback)((a,c)=>{let{reverseOrder:i=!1,gutter:d=8,defaultPosition:p}=c||{},g=t.filter(m=>(m.position||p)===(a.position||p)&&m.height),z=g.findIndex(m=>m.id===a.id),O=g.filter((m,B)=>B<z&&m.visible).length;return g.filter(m=>m.visible).slice(...i?[O+1]:[0,O]).reduce((m,B)=>m+(B.height||0)+d,0)},[t]);return {toasts:t,handlers:{updateHeight:pe,startPause:de,endPause:s,calculateOffset:r}}};var T=W(require$$0__default['default']),b=require$$1;var y=W(require$$0__default['default']),x=require$$1;var h=require$$1,me=h.keyframes`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
+}
+to {
+ transform: scale(1) rotate(45deg);
+  opacity: 1;
+}`,ue=h.keyframes`
+from {
+  transform: scale(0);
+  opacity: 0;
+}
+to {
+  transform: scale(1);
+  opacity: 1;
+}`,le=h.keyframes`
+from {
+  transform: scale(0) rotate(90deg);
+	opacity: 0;
+}
+to {
+  transform: scale(1) rotate(90deg);
+	opacity: 1;
+}`,w=(0, h.styled)("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${e=>e.primary||"#ff4b4b"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${me} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+
+  &:after,
+  &:before {
+    content: '';
+    animation: ${ue} 0.15s ease-out forwards;
+    animation-delay: 150ms;
+    position: absolute;
+    border-radius: 3px;
+    opacity: 0;
+    background: ${e=>e.secondary||"#fff"};
+    bottom: 9px;
+    left: 4px;
+    height: 2px;
+    width: 12px;
+  }
+
+  &:before {
+    animation: ${le} 0.15s ease-out forwards;
+    animation-delay: 180ms;
+    transform: rotate(90deg);
+  }
+`;var C=require$$1,Te=C.keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`,M=(0, C.styled)("div")`
+  width: 12px;
+  height: 12px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: ${e=>e.secondary||"#e0e0e0"};
+  border-right-color: ${e=>e.primary||"#616161"};
+  animation: ${Te} 1s linear infinite;
+`;var P=require$$1,fe=P.keyframes`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
+}
+to {
+  transform: scale(1) rotate(45deg);
+	opacity: 1;
+}`,ye=P.keyframes`
+0% {
+	height: 0;
+	width: 0;
+	opacity: 0;
+}
+40% {
+  height: 0;
+	width: 6px;
+	opacity: 1;
+}
+100% {
+  opacity: 1;
+  height: 10px;
+}`,F=(0, P.styled)("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${e=>e.primary||"#61d345"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${fe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+  &:after {
+    content: '';
+    box-sizing: border-box;
+    animation: ${ye} 0.2s ease-out forwards;
+    opacity: 0;
+    animation-delay: 200ms;
+    position: absolute;
+    border-right: 2px solid;
+    border-bottom: 2px solid;
+    border-color: ${e=>e.secondary||"#fff"};
+    bottom: 6px;
+    left: 6px;
+    height: 10px;
+    width: 6px;
+  }
+`;var ge=(0, x.styled)("div")`
+  position: absolute;
+`,he=(0, x.styled)("div")`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 20px;
+  min-height: 20px;
+`,xe=x.keyframes`
+from {
+  transform: scale(0.6);
+  opacity: 0.4;
+}
+to {
+  transform: scale(1);
+  opacity: 1;
+}`,be=(0, x.styled)("div")`
+  position: relative;
+  transform: scale(0.6);
+  opacity: 0.4;
+  min-width: 20px;
+  animation: ${xe} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+`,U=({toast:e})=>{let{icon:t,type:o,iconTheme:s}=e;return t!==void 0?typeof t=="string"?y.createElement(be,null,t):t:o==="blank"?null:y.createElement(he,null,y.createElement(M,{...s}),o!=="loading"&&y.createElement(ge,null,o==="error"?y.createElement(w,{...s}):y.createElement(F,{...s})))};var Se=e=>`
+0% {transform: translate3d(0,${e*-200}%,0) scale(.6); opacity:.5;}
+100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
+`,Ae=e=>`
+0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
+100% {transform: translate3d(0,${e*-150}%,-1px) scale(.6); opacity:0;}
+`,Pe="0%{opacity:0;} 100%{opacity:1;}",Oe="0%{opacity:1;} 100%{opacity:0;}",Ee=(0, b.styled)("div")`
+  display: flex;
+  align-items: center;
+  background: #fff;
+  color: #363636;
+  line-height: 1.3;
+  will-change: transform;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
+  max-width: 350px;
+  pointer-events: auto;
+  padding: 8px 10px;
+  border-radius: 8px;
+`,Re=(0, b.styled)("div")`
+  display: flex;
+  justify-content: center;
+  margin: 4px 10px;
+  color: inherit;
+  flex: 1 1 auto;
+  white-space: pre-line;
+`,ve=(e,t)=>{let s=e.includes("top")?1:-1,[r,a]=R()?[Pe,Oe]:[Se(s),Ae(s)];return {animation:t?`${(0, b.keyframes)(r)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards`:`${(0, b.keyframes)(a)} 0.4s forwards cubic-bezier(.06,.71,.55,1)`}},$=T.memo(({toast:e,position:t,style:o,children:s})=>{let r=e.height?ve(e.position||t||"top-center",e.visible):{opacity:0},a=T.createElement(U,{toast:e}),c=T.createElement(Re,{...e.ariaProps},u(e.message,e));return T.createElement(Ee,{className:e.className,style:{...r,...o,...e.style}},typeof s=="function"?s({icon:a,message:c}):T.createElement(T.Fragment,null,a,c))});var N=require$$1,f=W(require$$0__default['default']);(0, N.setup)(f.createElement);var Ie=({id:e,className:t,style:o,onHeightUpdate:s,children:r})=>{let a=f.useCallback(c=>{if(c){let i=()=>{let d=c.getBoundingClientRect().height;s(e,d);};i(),new MutationObserver(i).observe(c,{subtree:!0,childList:!0,characterData:!0});}},[e,s]);return f.createElement("div",{ref:a,className:t,style:o},r)},De=(e,t)=>{let o=e.includes("top"),s=o?{top:0}:{bottom:0},r=e.includes("center")?{justifyContent:"center"}:e.includes("right")?{justifyContent:"flex-end"}:{};return {left:0,right:0,display:"flex",position:"absolute",transition:R()?void 0:"all 230ms cubic-bezier(.21,1.02,.73,1)",transform:`translateY(${t*(o?1:-1)}px)`,...s,...r}},ke=N.css`
+  z-index: 9999;
+  > * {
+    pointer-events: auto;
+  }
+`,L=16,J=({reverseOrder:e,position:t="top-center",toastOptions:o,gutter:s,children:r,containerStyle:a,containerClassName:c})=>{let{toasts:i,handlers:d}=V(o);return f.createElement("div",{style:{position:"fixed",zIndex:9999,top:L,left:L,right:L,bottom:L,pointerEvents:"none",...a},className:c,onMouseEnter:d.startPause,onMouseLeave:d.endPause},i.map(p=>{let g=p.position||t,z=d.calculateOffset(p,{reverseOrder:e,gutter:s,defaultPosition:t}),O=De(g,z);return f.createElement(Ie,{id:p.id,key:p.id,onHeightUpdate:d.updateHeight,className:p.visible?ke:"",style:O},p.type==="custom"?u(p.message,p):r?r(p):f.createElement($,{toast:p,position:g}))}))};var _e=n;
+
+var Toaster = function () { return (jsxRuntime.jsx(dist.Toaster, { toastOptions: {
+        className: classNames(styles.toast, 'bs-lg'),
+    } }, void 0)); };
+var Toast = function (_a) {
+    var action = _a.action, description = _a.description, onDismiss = _a.onDismiss, title = _a.title, _b = _a.type, type = _b === void 0 ? "success" : _b;
+    return (jsxRuntime.jsxs("div", __assign({ className: 'd-flex jc-between w100' }, { children: [jsxRuntime.jsx("div", { className: classNames(styles.toastSidebar, styles["toastSidebar--" + type]) }, void 0),
+            jsxRuntime.jsxs("div", __assign({ className: 'mr16' }, { children: [jsxRuntime.jsx("h4", __assign({ className: 'p-h4' }, { children: title }), void 0),
+                    description && (jsxRuntime.jsx("p", __assign({ className: 'p-p p-p--small mt8 tc-grey-600' }, { children: description }), void 0)),
+                    action && (jsxRuntime.jsx("button", __assign({ className: classNames(styles.actionButton, styles["actionButton--" + type], 'mt8 c-pointer'), onClick: function () {
+                            action.onClick();
+                            onDismiss();
+                        }, type: "button" }, { children: action.title }), void 0))] }), void 0),
+            jsxRuntime.jsx("div", __assign({ className: 'd-flex ai-center' }, { children: jsxRuntime.jsx("button", __assign({ className: classNames(styles.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button" }, { children: jsxRuntime.jsx(XIcon, {}, void 0) }), void 0) }), void 0)] }), void 0));
+};
+var toast = function (title, _a) {
+    var _b = _a.duration, duration = _b === void 0 ? 3000 : _b, toastOptions = __rest$1(_a, ["duration"]);
+    return (dist.toast(function (t) { return (jsxRuntime.jsx(Toast, __assign({ title: title, onDismiss: function () { return dist.toast.dismiss(t.id); } }, toastOptions), void 0)); }, { duration: duration }));
+};
+
 exports.ActivityIcon = Activity;
 exports.AdhdIcon = Adhd;
 exports.AdviceRecommendationIcon = AdviceRecommendation;
@@ -36345,6 +36575,7 @@ exports.TerminalIcon = Terminal;
 exports.ThermometerIcon = Thermometer;
 exports.ThumbsDownIcon = ThumbsDown;
 exports.ThumbsUpIcon = ThumbsUp;
+exports.Toaster = Toaster;
 exports.Toggle = Toggle;
 exports.ToggleLeftIcon = ToggleLeft;
 exports.ToggleRightIcon = ToggleRight;
@@ -36400,4 +36631,5 @@ exports.ZapOffIcon = ZapOff;
 exports.ZoomInIcon = ZoomIn;
 exports.ZoomOutIcon = ZoomOut;
 exports.images = images;
+exports.toast = toast;
 //# sourceMappingURL=index.js.map