@popsure/dirty-swan 0.53.0 → 0.53.2

package/dist/cjs/index.js

@@ -208,9 +208,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$x = ".style-module_container__3bJf5 {\n  display: flex;\n}\n@media (max-width: 34rem) {\n  .style-module_container__3bJf5 {\n    flex-direction: column;\n  }\n}\n\n.style-module_dayInput__1OBNv,\n.style-module_monthInput__2L_7o {\n  width: 88px;\n  flex: 1;\n}\n\n.style-module_yearInput__2C_H8 {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_yearInput__2C_H8 {\n    width: 100%;\n  }\n}";
-var styles$w = {"container":"style-module_container__3bJf5","dayInput":"style-module_dayInput__1OBNv","monthInput":"style-module_monthInput__2L_7o","yearInput":"style-module_yearInput__2C_H8"};
-styleInject(css_248z$x);
+var css_248z$y = ".style-module_container__3bJf5 {\n  display: flex;\n}\n@media (max-width: 34rem) {\n  .style-module_container__3bJf5 {\n    flex-direction: column;\n  }\n}\n\n.style-module_dayInput__1OBNv,\n.style-module_monthInput__2L_7o {\n  width: 88px;\n  flex: 1;\n}\n\n.style-module_yearInput__2C_H8 {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_yearInput__2C_H8 {\n    width: 100%;\n  }\n}";
+var styles$x = {"container":"style-module_container__3bJf5","dayInput":"style-module_dayInput__1OBNv","monthInput":"style-module_monthInput__2L_7o","yearInput":"style-module_yearInput__2C_H8"};
+styleInject(css_248z$y);
 
 var classnames = {exports: {}};
 
@@ -270,7 +270,7 @@ var classnames = {exports: {}};
 }());
 }(classnames));
 
-var classNames$1 = classnames.exports;
+var classnamesUtil = classnames.exports;
 
 function generateId() {
     var _a;
@@ -282,23 +282,23 @@ function generateId() {
     return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
 }
 
-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.style-module_input--with-inside-label__253bZ ~ .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--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\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","input--with-inside-label":"style-module_input--with-inside-label__253bZ","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 css_248z$x = ".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.style-module_input--with-inside-label__253bZ ~ .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--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\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$w = {"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","input--with-inside-label":"style-module_input--with-inside-label__253bZ","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$x);
 
 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, _j = _a.labelInsideInput, labelInsideInput = _j === void 0 ? false : _j, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel", "labelInsideInput"]);
     var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : generateId())[0];
-    return (jsxRuntime.jsxs("div", { className: "".concat(styles$v.container, " ").concat(className !== null && className !== void 0 ? className : ''), children: [label && !labelInsideInput && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames$1('p-p', styles$v.label, (_b = {},
-                    _b[styles$v['label--with-error']] = error,
+    return (jsxRuntime.jsxs("div", { className: "".concat(styles$w.container, " ").concat(className !== null && className !== void 0 ? className : ''), children: [label && !labelInsideInput && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classnamesUtil('p-p', styles$w.label, (_b = {},
+                    _b[styles$w['label--with-error']] = error,
                     _b['sr-only'] = hideLabel,
-                    _b)), children: label })), jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames$1(error ? 'p-input--error' : 'p-input', (!label || labelInsideInput) && placeholder && placeholder.length > 0
-                            ? styles$v.input
-                            : styles$v['input--no-placeholder'], (_c = {},
-                            _c[styles$v['input--with-prefix']] = prefix,
-                            _c[styles$v['input--with-inside-label']] = labelInsideInput,
-                            _c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled }, props)), prefix && (jsxRuntime.jsx("span", { className: classNames$1(styles$v.prefix, (_d = {}, _d[styles$v['prefix--with-error']] = error, _d), (_e = {}, _e[styles$v['prefix--disabled']] = disabled, _e)), children: prefix })), (!label || labelInsideInput) && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames$1(styles$v.placeholder, (_f = {}, _f[styles$v['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$v['placeholder--with-error']] = error, _g)), children: labelInsideInput ? label : placeholder }))] }), error && (jsxRuntime.jsx("p", { className: "p-p--small tc-red-500 w100 ".concat(styles$v.error), children: error }))] }));
+                    _b)), children: label })), jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classnamesUtil(error ? 'p-input--error' : 'p-input', (!label || labelInsideInput) && placeholder && placeholder.length > 0
+                            ? styles$w.input
+                            : styles$w['input--no-placeholder'], (_c = {},
+                            _c[styles$w['input--with-prefix']] = prefix,
+                            _c[styles$w['input--with-inside-label']] = labelInsideInput,
+                            _c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled }, props)), prefix && (jsxRuntime.jsx("span", { className: classnamesUtil(styles$w.prefix, (_d = {}, _d[styles$w['prefix--with-error']] = error, _d), (_e = {}, _e[styles$w['prefix--disabled']] = disabled, _e)), children: prefix })), (!label || labelInsideInput) && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classnamesUtil(styles$w.placeholder, (_f = {}, _f[styles$w['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$w['placeholder--with-error']] = error, _g)), children: labelInsideInput ? label : placeholder }))] }), error && (jsxRuntime.jsx("p", { className: "p-p--small tc-red-500 w100 ".concat(styles$w.error), children: error }))] }));
 });
 
 var build = {};
@@ -2292,16 +2292,16 @@ var useOnClickOutside = function (ref, callback) {
     }, [ref, callback]);
 };
 
-var css_248z$v = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
-var styles$u = {"wrapper":"styles-module_wrapper__1_lY0"};
-styleInject(css_248z$v);
+var css_248z$w = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
+var styles$v = {"wrapper":"styles-module_wrapper__1_lY0"};
+styleInject(css_248z$w);
 
 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, noMargin = _a.noMargin;
-    return (jsxRuntime.jsx("span", { className: classNames$1('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
+    return (jsxRuntime.jsx("span", { className: classnamesUtil('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
             _b["tc-".concat(color)] = !!color,
-            _b[styles$u.wrapper] = !noMargin,
+            _b[styles$v.wrapper] = !noMargin,
             _b)), style: {
             minWidth: "".concat(size, "px"),
             width: "".concat(size, "px"),
@@ -2605,7 +2605,7 @@ var CheckboxUnchecked = (function (props) {
     return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("rect", { width: 22, height: 22, x: 1, y: 1, fill: "#fff", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, rx: 3 }));
 });
 
-var ChevronDown = (function (props) {
+var ChevronDownIcon = (function (props) {
     return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.4, d: "m4.8 9.4 7.2 7.2 7.2-7.2" }));
 });
 
@@ -3765,9 +3765,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" }));
 });
 
-var css_248z$u = ".style-module_container__3SY_g {\n  position: relative;\n}";
-var styles$t = {"container":"style-module_container__3SY_g"};
-styleInject(css_248z$u);
+var css_248z$v = ".style-module_container__3SY_g {\n  position: relative;\n}";
+var styles$u = {"container":"style-module_container__3SY_g"};
+styleInject(css_248z$v);
 
 var buttonTypeClassNameMap = {
     filledColor: 'p-btn--primary',
@@ -3781,18 +3781,18 @@ var buttonTypeClassNameMap = {
 };
 var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, _c = _a.variant, variant = _c === void 0 ? 'filledColor' : _c, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, hideLabel = _a.hideLabel, props = __rest$1(_a, ["className", "loading", "children", "variant", "leftIcon", "rightIcon", "hideLabel"]);
-    return (jsxRuntime.jsx("button", __assign({ ref: ref, className: classNames$1(buttonTypeClassNameMap[variant], className, {
+    return (jsxRuntime.jsx("button", __assign({ ref: ref, className: classnamesUtil(buttonTypeClassNameMap[variant], className, {
             'p-btn--loading': loading,
             'tc-transparent': loading,
             'p-btn--icon-only': hideLabel,
-        }), "data-testid": "button" }, props, { children: !loading && (leftIcon || rightIcon) ? (jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center", children: [leftIcon && (jsxRuntime.jsx("span", { className: classNames$1('d-inline-flex', {
+        }), "data-testid": "button" }, props, { children: !loading && (leftIcon || rightIcon) ? (jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center", children: [leftIcon && (jsxRuntime.jsx("span", { className: classnamesUtil('d-inline-flex', {
                         'mr8': !hideLabel
                     }), children: require$$0__default['default'].cloneElement(leftIcon, {
                         size: 20,
                         noMargin: true
-                    }) })), jsxRuntime.jsx("div", { className: classNames$1({
+                    }) })), jsxRuntime.jsx("div", { className: classnamesUtil({
                         'sr-only': hideLabel
-                    }), children: children }), rightIcon && (jsxRuntime.jsx("span", { className: classNames$1('d-inline-flex', {
+                    }), children: children }), rightIcon && (jsxRuntime.jsx("span", { className: classnamesUtil('d-inline-flex', {
                         'ml8': !hideLabel
                     }), children: require$$0__default['default'].cloneElement(rightIcon, {
                         size: 20,
@@ -3825,7 +3825,7 @@ var Calendar = function (_a) {
     if (!displayCalendar) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: "".concat(styles$t.container, " ml8"), ref: calendarContainerRef, children: [jsxRuntime.jsx(Button, { onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textColor', leftIcon: jsxRuntime.jsx(CalendarIcon, {}), type: "button", children: "Select date" }), isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
+    return (jsxRuntime.jsxs("div", { className: "".concat(styles$u.container, " ml8"), ref: calendarContainerRef, children: [jsxRuntime.jsx(Button, { onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textColor', leftIcon: jsxRuntime.jsx(CalendarIcon, {}), type: "button", children: "Select date" }), isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
                     if (!dayjs(date).isValid()) {
                         return;
                     }
@@ -3961,12 +3961,12 @@ var DateSelector = function (_a) {
     };
     var getInputProps = function (key, index) {
         var _a, _b;
-        return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$w["".concat(key, "Input")], id: key, name: key, maxLength: key === 'year' ? 4 : 2, required: true, label: placeholders === null || placeholders === void 0 ? void 0 : placeholders[key], placeholder: (_a = placeholders === null || placeholders === void 0 ? void 0 : placeholders["".concat(key, "Format")]) !== null && _a !== void 0 ? _a : "", labelInsideInput: true, value: (_b = internalValue[key]) !== null && _b !== void 0 ? _b : '', error: hasError && isDirty, type: "text", inputMode: "numeric", ref: function (el) { itemsRef.current[index] = el; }, onKeyUp: function (event) { return handleOnKeyUp(event, index); }, onKeyDown: function (event) { return handleOnKeyDown(event, index); }, onChange: function (_a) {
+        return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$x["".concat(key, "Input")], id: key, name: key, maxLength: key === 'year' ? 4 : 2, required: true, label: placeholders === null || placeholders === void 0 ? void 0 : placeholders[key], placeholder: (_a = placeholders === null || placeholders === void 0 ? void 0 : placeholders["".concat(key, "Format")]) !== null && _a !== void 0 ? _a : "", labelInsideInput: true, value: (_b = internalValue[key]) !== null && _b !== void 0 ? _b : '', error: hasError && isDirty, type: "text", inputMode: "numeric", ref: function (el) { itemsRef.current[index] = el; }, onKeyUp: function (event) { return handleOnKeyUp(event, index); }, onKeyDown: function (event) { return handleOnKeyDown(event, index); }, onChange: function (_a) {
                 var target = _a.target;
                 return handleOnChange(key, target.value);
             } }, (inputProps === null || inputProps === void 0 ? void 0 : inputProps(key)) || {}));
     };
-    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [jsxRuntime.jsxs("div", { className: classNames$1(styles$w.container, "d-flex gap8"), children: [jsxRuntime.jsxs("div", { className: "d-flex gap8 jc-between", children: [jsxRuntime.jsx(Input, __assign({}, getInputProps('day', 0))), jsxRuntime.jsx(Input, __assign({}, getInputProps('month', 1)))] }), jsxRuntime.jsx(Input, __assign({}, getInputProps('year', 2)))] }), jsxRuntime.jsx(Calendar, { dateFormat: COLLECTABLE_DATE_FORMAT, yearBoundaries: yearBoundaries, displayCalendar: displayCalendar, dayjsLocale: dayjsLocale, firstDayOfWeek: firstDayOfWeek, isOpen: isCalendarOpen, setCalendarOpen: setIsCalendarOpen, value: value, onChange: onChange })] }), hasError && isDirty && (jsxRuntime.jsx("p", { className: classNames$1(hasError && isDirty ? 'd-block' : 'd-none', "p-p--small tc-red-500 w100 mt8"), "data-testid": "date-error-message", children: {
+    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [jsxRuntime.jsxs("div", { className: classnamesUtil(styles$x.container, "d-flex gap8"), children: [jsxRuntime.jsxs("div", { className: "d-flex gap8 jc-between", children: [jsxRuntime.jsx(Input, __assign({}, getInputProps('day', 0))), jsxRuntime.jsx(Input, __assign({}, getInputProps('month', 1)))] }), jsxRuntime.jsx(Input, __assign({}, getInputProps('year', 2)))] }), jsxRuntime.jsx(Calendar, { dateFormat: COLLECTABLE_DATE_FORMAT, yearBoundaries: yearBoundaries, displayCalendar: displayCalendar, dayjsLocale: dayjsLocale, firstDayOfWeek: firstDayOfWeek, isOpen: isCalendarOpen, setCalendarOpen: setIsCalendarOpen, value: value, onChange: onChange })] }), hasError && isDirty && (jsxRuntime.jsx("p", { className: classnamesUtil(hasError && isDirty ? 'd-block' : 'd-none', "p-p--small tc-red-500 w100 mt8"), "data-testid": "date-error-message", children: {
                     default: placeholders.error,
                     afterMax: placeholders.errorAfterMaxYear || "Please choose a date before ".concat(yearBoundaries.max + 1),
                     beforeMin: placeholders.errorBeforeMinYear || "Please choose a date after ".concat(yearBoundaries.min - 1),
@@ -4467,9 +4467,9 @@ class SignaturePad$1 {
     }
 }
 
-var css_248z$t = ".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$s = {"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$t);
+var css_248z$u = ".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$t = {"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$u);
 
 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";
 
@@ -4498,11 +4498,11 @@ 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: ".".concat(styles$s.reset, "::before { \n              -webkit-mask-image: url(\"").concat(reset, "\");\n              mask-image: url(\"").concat(reset, "\");\n           }"),
-                    } }), jsxRuntime.jsxs("div", { className: styles$s.container, children: [jsxRuntime.jsx("canvas", { className: styles$s.canvas, ref: this.canvasRef }), jsxRuntime.jsx("div", { className: styles$s.separator }), jsxRuntime.jsx("div", { className: styles$s.sign, style: {
+                        __html: ".".concat(styles$t.reset, "::before { \n              -webkit-mask-image: url(\"").concat(reset, "\");\n              mask-image: url(\"").concat(reset, "\");\n           }"),
+                    } }), jsxRuntime.jsxs("div", { className: styles$t.container, children: [jsxRuntime.jsx("canvas", { className: styles$t.canvas, ref: this.canvasRef }), jsxRuntime.jsx("div", { className: styles$t.separator }), jsxRuntime.jsx("div", { className: styles$t.sign, style: {
                                 WebkitMaskImage: "url(\"".concat(sign, "\")"),
                                 maskImage: "url(\"".concat(sign, "\")"),
-                            } }), jsxRuntime.jsx("button", { className: styles$s.reset, onClick: this.clear, disabled: !hasContent, children: "Reset" })] })] }));
+                            } }), jsxRuntime.jsx("button", { className: styles$t.reset, onClick: this.clear, disabled: !hasContent, children: "Reset" })] })] }));
     };
     SignaturePad.prototype.notifyOnChange = function () {
         var onChange = this.props.onChange;
@@ -4936,9 +4936,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
     return toReturn;
 };
 
-var css_248z$s = "@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$r = {"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$s);
+var css_248z$t = "@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$s = {"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$t);
 
 var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
 var GERMANY_ALPHA_CODE = 'DE';
@@ -5071,10 +5071,10 @@ var AutocompleteAddress = function (_a) {
             }
         };
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames$1("wmx8 bg-grey-500 ".concat(styles$r['map-container']), (_b = {},
-                    _b[styles$r['map-container--hidden']] = place === null,
-                    _b)), children: [jsxRuntime.jsx("div", { className: styles$r.map, id: "map" }), isLoading && (jsxRuntime.jsx("div", { className: styles$r['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsxRuntime.jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", { 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", { "data-cy": "google-api-loader", className: styles$r['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "d-flex c-gap16 ".concat(styles$r['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 ".concat(styles$r['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")] }), 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", { className: "d-flex mt16 c-gap16 ".concat(styles$r['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")] })] })) }), manualAddressEntry === false && (jsxRuntime.jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsxRuntime.jsx("button", { 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' })] }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classnamesUtil("wmx8 bg-grey-500 ".concat(styles$s['map-container']), (_b = {},
+                    _b[styles$s['map-container--hidden']] = place === null,
+                    _b)), children: [jsxRuntime.jsx("div", { className: styles$s.map, id: "map" }), isLoading && (jsxRuntime.jsx("div", { className: styles$s['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsxRuntime.jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", { 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", { "data-cy": "google-api-loader", className: styles$s['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "d-flex c-gap16 ".concat(styles$s['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 ".concat(styles$s['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")] }), 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", { className: "d-flex mt16 c-gap16 ".concat(styles$s['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")] })] })) }), manualAddressEntry === false && (jsxRuntime.jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsxRuntime.jsx("button", { 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' })] }))] }));
 };
 
 var propTypes$1 = {exports: {}};
@@ -7933,7 +7933,7 @@ const ANIMATION_STATE_CLASSES = {
     staticHeightSpecific: 'rah-static--height-specific',
 };
 function getStaticStateClasses(animationStateClasses, height) {
-    return classNames$1({
+    return classnamesUtil({
         [animationStateClasses.static]: true,
         [animationStateClasses.staticHeightZero]: height === 0,
         [animationStateClasses.staticHeightSpecific]: height > 0,
@@ -8017,7 +8017,7 @@ const AnimateHeight = (_a) => {
                 newHeight = contentHeight;
             }
             // Animation classes
-            const newAnimationStateClassNames = classNames$1({
+            const newAnimationStateClassNames = classnamesUtil({
                 [stateClasses.current.animating]: true,
                 [stateClasses.current.animatingUp]: prevHeight.current === 'auto' || height < prevHeight.current,
                 [stateClasses.current.animatingDown]: height === 'auto' || height > prevHeight.current,
@@ -8116,13 +8116,13 @@ const AnimateHeight = (_a) => {
         require$$0__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
 };
 
-var css_248z$r = ".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$q = {"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$r);
+var css_248z$s = ".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$r = {"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$s);
 
-var css_248z$q = ".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$p = {"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$q);
+var css_248z$r = ".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$q = {"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$r);
 
 var UploadFileCell = function (_a) {
     var _b, _c, _d;
@@ -8141,13 +8141,13 @@ var UploadFileCell = function (_a) {
         COMPLETE: name,
         ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
     }[uploadStatus];
-    return (jsxRuntime.jsxs("div", { className: classNames$1("mt8 ".concat(styles$p['upload-file-cell']), (_b = {},
-            _b[styles$p['upload-file-cell-error']] = hasError,
-            _b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$p['cell-left-section']), children: [jsxRuntime.jsx(FileIcon, { className: classNames$1("".concat(styles$p['main-icon'], " ").concat(styles$p.icon)), color: mapFileIconColor[uploadStatus], size: 24 }), jsxRuntime.jsxs("div", { className: "w100", children: [jsxRuntime.jsx("div", { className: "p-p ".concat(styles$p['upload-display-text']), title: displayText, children: displayText }), isUploading && showProgressBar && (jsxRuntime.jsxs("div", { className: "mt8 w100 ".concat(styles$p['progress-bar-container']), children: [jsxRuntime.jsx("div", { className: "".concat(styles$p['progress-bar']) }), jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "".concat(styles$p['progress-bar-filler']), style: { width: "".concat(progress, "%") } })] }))] })] }), jsxRuntime.jsx("div", { className: classNames$1(styles$p['cell-right-section'], (_c = {},
-                    _c[styles$p['cell-right-section-complete']] = isComplete,
-                    _c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$p.spinner, children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx("a", { className: styles$p['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer", children: jsxRuntime.jsx(EyeVisionIcon, { color: 'grey-500', size: 24, className: styles$p.icon }) })), onRemoveFile && (jsxRuntime.jsx("button", { type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames$1(styles$p['remove-icon'], (_d = {},
-                                _d[styles$p.disabled] = uploading,
-                                _d)), "data-testid": "remove-button", children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$p.icon }) }))] })) })] }));
+    return (jsxRuntime.jsxs("div", { className: classnamesUtil("mt8 ".concat(styles$q['upload-file-cell']), (_b = {},
+            _b[styles$q['upload-file-cell-error']] = hasError,
+            _b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$q['cell-left-section']), children: [jsxRuntime.jsx(FileIcon, { className: classnamesUtil("".concat(styles$q['main-icon'], " ").concat(styles$q.icon)), color: mapFileIconColor[uploadStatus], size: 24 }), jsxRuntime.jsxs("div", { className: "w100", children: [jsxRuntime.jsx("div", { className: "p-p ".concat(styles$q['upload-display-text']), title: displayText, children: displayText }), isUploading && showProgressBar && (jsxRuntime.jsxs("div", { className: "mt8 w100 ".concat(styles$q['progress-bar-container']), children: [jsxRuntime.jsx("div", { className: "".concat(styles$q['progress-bar']) }), jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "".concat(styles$q['progress-bar-filler']), style: { width: "".concat(progress, "%") } })] }))] })] }), jsxRuntime.jsx("div", { className: classnamesUtil(styles$q['cell-right-section'], (_c = {},
+                    _c[styles$q['cell-right-section-complete']] = isComplete,
+                    _c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$q.spinner, children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx("a", { className: styles$q['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer", children: jsxRuntime.jsx(EyeVisionIcon, { color: 'grey-500', size: 24, className: styles$q.icon }) })), onRemoveFile && (jsxRuntime.jsx("button", { type: "button", onClick: function () { return onRemoveFile(id); }, className: classnamesUtil(styles$q['remove-icon'], (_d = {},
+                                _d[styles$q.disabled] = uploading,
+                                _d)), "data-testid": "remove-button", children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$q.icon }) }))] })) })] }));
 };
 
 var k$2 = 1024;
@@ -8286,9 +8286,9 @@ var MultiDropzone = function (_a) {
         maxSize: maxSize,
         onDrop: onDrop,
     }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
-    return (jsxRuntime.jsxs("div", { className: styles$q.container, children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("w100 ta-center br8 c-pointer ".concat(styles$q.dropzoneContainer), (_b = {},
-                    _b[styles$q['dropzoneContainerDisabled']] = uploading,
-                    _b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$q.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$q.textInline : ''), children: uploading
+    return (jsxRuntime.jsxs("div", { className: styles$r.container, children: [jsxRuntime.jsxs("div", __assign({ className: classnamesUtil("w100 ta-center br8 c-pointer ".concat(styles$r.dropzoneContainer), (_b = {},
+                    _b[styles$r['dropzoneContainerDisabled']] = uploading,
+                    _b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$r.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$r.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' }), jsxRuntime.jsx("div", { className: "p-p--small tc-grey-500", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
@@ -8302,17 +8302,17 @@ var MultiDropzone = function (_a) {
             }), uploadedFiles.length > 0 && (jsxRuntime.jsx("div", { className: "w100 mt16", children: uploadedFiles.map(function (file) { return (jsxRuntime.jsx(UploadFileCell, __assign({ uploadStatus: getUploadStatus(file.progress, file.error), file: file }, (!onRemoveFile ? {} : { onRemoveFile: onRemoveFile }), { uploading: uploading }), file.id)); }) })), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOverMaxFiles ? 'auto' : 0, children: jsxRuntime.jsx("p", { className: "tc-red-500 mt16", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || "You can upload maximum ".concat(maxFiles, " files.") }) })] }));
 };
 
-var css_248z$p = ".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$o = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
-styleInject(css_248z$p);
+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 InitialButton = function (_a) {
     var onDownload = _a.onDownload;
-    return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$o.button), leftIcon: jsxRuntime.jsx(DownloadIcon, {}), onClick: onDownload, "data-cy": "download-documents-button", children: "Download" }));
+    return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$p.button), leftIcon: jsxRuntime.jsx(DownloadIcon, {}), onClick: onDownload, "data-cy": "download-documents-button", children: "Download" }));
 };
 // TODO: Allow setting loading to true to display text
-var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$o.button), loading: true, children: "Generating" })); };
-var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$o['chip-complete'], children: [jsxRuntime.jsx(CheckIcon, { color: 'grey-500', size: 16 }), jsxRuntime.jsx("div", { className: "p-h4 tc-grey-500 ml8", children: "Download complete" })] })); };
+var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$p.button), loading: true, children: "Generating" })); };
+var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$p['chip-complete'], children: [jsxRuntime.jsx(CheckIcon, { color: 'grey-500', size: 16 }), jsxRuntime.jsx("div", { className: "p-h4 tc-grey-500 ml8", children: "Download complete" })] })); };
 var DownloadButton = function (_a) {
     var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
     var mapDownloadButton = {
@@ -8324,9 +8324,9 @@ var DownloadButton = function (_a) {
     return (jsxRuntime.jsxs("div", { className: "d-flex fd-column ai-center ".concat(className), children: [jsxRuntime.jsx("div", { className: "ws4", children: mapDownloadButton[downloadStatus] }), downloadStatus === 'FAILED' && (jsxRuntime.jsx("div", { 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.' }))] }));
 };
 
-var css_248z$o = ".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$n = {"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$o);
+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 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;
@@ -8337,7 +8337,7 @@ var InformationBox = function (_a) {
         information: 'blue-500',
         neutral: 'purple-500',
     };
-    return (jsxRuntime.jsx("div", { className: classNames$1(className, 'p16 br8 color-black', styles$n.informationBox, styles$n["informationBox--".concat(variant)]), role: "alert", children: jsxRuntime.jsxs("div", { className: "d-flex", children: [showIcon && (jsxRuntime.jsx("div", { "data-testid": "information-box-icon", className: 'mr8', children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$n.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }) })), jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", { "data-testid": "information-box-title", className: classNames$1(size === 'default' ? 'p-h4' : 'p-h5', 'mb8'), children: title })), jsxRuntime.jsx("p", { className: size === 'default' ? 'p-p' : 'p-p--small', children: children })] })] }) }));
+    return (jsxRuntime.jsx("div", { className: classnamesUtil(className, 'p16 br8 color-black', styles$o.informationBox, styles$o["informationBox--".concat(variant)]), role: "alert", children: jsxRuntime.jsxs("div", { className: "d-flex", children: [showIcon && (jsxRuntime.jsx("div", { "data-testid": "information-box-icon", className: 'mr8', children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$o.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }) })), jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", { "data-testid": "information-box-title", className: classnamesUtil(size === 'default' ? 'p-h4' : 'p-h5', 'mb8'), children: title })), jsxRuntime.jsx("p", { className: size === 'default' ? 'p-p' : 'p-p--small', children: children })] })] }) }));
 };
 
 var IBAN_CHAR_LIMIT = 4;
@@ -8421,9 +8421,9 @@ var CurrencyInput = function (_a) {
         } }, props)));
 };
 
-var css_248z$n = ".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$m = {"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$n);
+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 getVariantClassNames = function (variant) { return ({
     information: 'bg-blue-100',
@@ -8438,12 +8438,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", { className: classNames$1(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$m["badge--".concat(size)], getVariantClassNames(variant)), children: children }));
+    return (jsxRuntime.jsx("div", { className: classnamesUtil(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$n["badge--".concat(size)], getVariantClassNames(variant)), children: children }));
 };
 
-var css_248z$m = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}";
-var styles$l = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
-styleInject(css_248z$m);
+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 Checkbox = function (_a) {
     var _b;
@@ -8472,8 +8472,8 @@ var Checkbox = function (_a) {
     var isCheckboxLabelObject = function (label) {
         return label.title !== undefined;
     };
-    return (jsxRuntime.jsx("div", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$l.container, 'd-flex gap8', (_b = {},
-            _b[styles$l.narrow] = !wide,
+    return (jsxRuntime.jsx("div", { className: classnamesUtil(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$m.container, 'd-flex gap8', (_b = {},
+            _b[styles$m.narrow] = !wide,
             _b['fd-row'] = inlineLayout,
             _b['f-wrap'] = inlineLayout,
             _b['fd-column'] = !inlineLayout,
@@ -8481,9 +8481,9 @@ var Checkbox = function (_a) {
             var currentValue = _a[0], label = _a[1];
             var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
             var customIcon = label === null || label === void 0 ? void 0 : label.icon;
-            return (jsxRuntime.jsxs("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: [jsxRuntime.jsx("input", { className: classNames$1('p-checkbox', {
+            return (jsxRuntime.jsxs("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: [jsxRuntime.jsx("input", { className: classnamesUtil('p-checkbox', {
                             'p-checkbox--no-icon': customIcon,
-                        }), id: currentValue, type: "checkbox", value: currentValue, onChange: function () { return handleOnChange(currentValue); }, checked: checked, "data-testid": "checkbox-input-".concat(currentValue) }), jsxRuntime.jsxs("label", { htmlFor: currentValue, className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16', {
+                        }), id: currentValue, type: "checkbox", value: currentValue, onChange: function () { return handleOnChange(currentValue); }, checked: checked, "data-testid": "checkbox-input-".concat(currentValue) }), jsxRuntime.jsxs("label", { htmlFor: currentValue, className: classnamesUtil(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16', {
                             'p-label--bordered': bordered,
                             'jc-center': customIcon,
                             'fd-column': customIcon,
@@ -8491,17 +8491,17 @@ var Checkbox = function (_a) {
         }) }));
 };
 
-var css_248z$l = ".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$k = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
-styleInject(css_248z$l);
+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 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, _e = _a.inlineIcon, inlineIcon = _e === void 0 ? false : _e, classNamesObj = _a.classNames, _f = _a.bordered, bordered = _f === void 0 ? true : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g;
     var entries = Object.entries(options);
-    return (jsxRuntime.jsx("div", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$k.container, 'd-flex gap8', (_b = {},
-            _b[styles$k.wide] = wide,
-            _b[styles$k.narrow] = !wide,
+    return (jsxRuntime.jsx("div", { className: classnamesUtil(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,
             _b['fd-row'] = inlineLayout,
             _b['f-wrap'] = inlineLayout,
             _b['fd-column'] = !inlineLayout,
@@ -8513,20 +8513,20 @@ var Radio = function (_a) {
             var isRadioLabelObject = function (label) {
                 return label.title !== undefined;
             };
-            return (jsxRuntime.jsxs("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: [jsxRuntime.jsx("input", { className: classNames$1('p-radio', {
+            return (jsxRuntime.jsxs("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: [jsxRuntime.jsx("input", { className: classnamesUtil('p-radio', {
                             'p-radio--no-icon': customIcon || hideIcon,
                             'p-radio--centered': !label,
-                        }), id: currentValue, type: "radio", value: currentValue, onChange: function () { return onChange(currentValue); }, checked: checked, "data-testid": "radio-input-".concat(currentValue), disabled: disabled }), jsxRuntime.jsxs("label", { htmlFor: currentValue, className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label', {
+                        }), id: currentValue, type: "radio", value: currentValue, onChange: function () { return onChange(currentValue); }, checked: checked, "data-testid": "radio-input-".concat(currentValue), disabled: disabled }), jsxRuntime.jsxs("label", { htmlFor: currentValue, className: classnamesUtil(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label', {
                             'jc-center': customIcon && !inlineIcon,
                             'fd-column': customIcon && !inlineIcon,
                             'p-label--bordered': bordered,
-                        }), "data-cy": "radio-".concat(currentValue), "data-testid": "radio-".concat(currentValue), children: [customIcon && (jsxRuntime.jsx("div", { className: classNames$1('d-inline-flex ai-center jc-center', inlineIcon ? 'mr8' : 'mt8'), children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) })), isRadioLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : (label)] })] }, currentValue));
+                        }), "data-cy": "radio-".concat(currentValue), "data-testid": "radio-".concat(currentValue), children: [customIcon && (jsxRuntime.jsx("div", { className: classnamesUtil('d-inline-flex ai-center jc-center', inlineIcon ? 'mr8' : 'mt8'), children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) })), isRadioLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : (label)] })] }, currentValue));
         }) }));
 };
 
-var css_248z$k = "@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_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  overflow: auto;\n  max-height: 90vh;\n  bottom: 0;\n  position: fixed;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-in;\n}\n.style-module_containerClose__3-nqc {\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@media (max-width: 34rem) {\n  .style-module_body__3yNly {\n    padding-bottom: 48px;\n  }\n}";
-var styles$j = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","appear-in":"style-module_appear-in__3U2lu","containerClose":"style-module_containerClose__3-nqc","disappear-out":"style-module_disappear-out__6pOVr","body":"style-module_body__3yNly"};
-styleInject(css_248z$k);
+var css_248z$l = "@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_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  overflow: auto;\n  max-height: 90vh;\n  bottom: 0;\n  position: fixed;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-in;\n}\n.style-module_containerClose__3-nqc {\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@media (max-width: 34rem) {\n  .style-module_body__3yNly {\n    padding-bottom: 48px;\n  }\n}";
+var styles$k = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","appear-in":"style-module_appear-in__3U2lu","containerClose":"style-module_containerClose__3-nqc","disappear-out":"style-module_disappear-out__6pOVr","body":"style-module_body__3yNly"};
+styleInject(css_248z$l);
 
 var useOnClose = function (onClose, isOpen, dismissable) {
     var _a = require$$0.useState(false), isVisible = _a[0], setIsVisible = _a[1];
@@ -8587,45 +8587,45 @@ var useOnClose = function (onClose, isOpen, dismissable) {
     };
 };
 
-var css_248z$j = "@keyframes style-module_fade-in__f_VRg {\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__1tEwS {\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.style-module_overlay__2f00R {\n  z-index: 100;\n  overflow: auto;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__f_VRg 0.3s both;\n}\n.style-module_overlayClose__1p313 {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__1tEwS 0.3s both;\n}\n\n.style-module_header__284Rz {\n  position: sticky;\n  top: 0;\n}\n\n.style-module_closeButton__1AbX8 {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}\n\n.style-module_body__QtlTn {\n  flex-grow: 1;\n  overflow: auto;\n  background: linear-gradient(#fff 30%, #fff), linear-gradient(#fff, #fff 70%), linear-gradient(#ededf2 30%, #ededf2), linear-gradient(#ededf2, #ededf2 70%);\n  background-repeat: no-repeat;\n  background-size: 100% 1px;\n  background-attachment: local, local, scroll, scroll;\n}\n\n.style-module_footer__Sh5bv {\n  position: sticky;\n  bottom: 0;\n  border-top: 1px solid #ededf2;\n}";
-var styles$i = {"overlay":"style-module_overlay__2f00R","fade-in":"style-module_fade-in__f_VRg","overlayClose":"style-module_overlayClose__1p313","fade-out":"style-module_fade-out__1tEwS","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
-styleInject(css_248z$j);
+var css_248z$k = "@keyframes style-module_fade-in__f_VRg {\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__1tEwS {\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.style-module_overlay__2f00R {\n  z-index: 100;\n  overflow: auto;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__f_VRg 0.3s both;\n}\n.style-module_overlayClose__1p313 {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__1tEwS 0.3s both;\n}\n\n.style-module_header__284Rz {\n  position: sticky;\n  top: 0;\n}\n\n.style-module_closeButton__1AbX8 {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}\n\n.style-module_body__QtlTn {\n  flex-grow: 1;\n  overflow: auto;\n  background: linear-gradient(#fff 30%, #fff), linear-gradient(#fff, #fff 70%), linear-gradient(#ededf2 30%, #ededf2), linear-gradient(#ededf2, #ededf2 70%);\n  background-repeat: no-repeat;\n  background-size: 100% 1px;\n  background-attachment: local, local, scroll, scroll;\n}\n\n.style-module_footer__Sh5bv {\n  position: sticky;\n  bottom: 0;\n  border-top: 1px solid #ededf2;\n}";
+var styles$j = {"overlay":"style-module_overlay__2f00R","fade-in":"style-module_fade-in__f_VRg","overlayClose":"style-module_overlayClose__1p313","fade-out":"style-module_fade-out__1tEwS","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
+styleInject(css_248z$k);
 
 var GenericModal = function (_a) {
     var _b;
     var _c, _d;
     var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, classNames = _a.classNames, _e = _a.dismissible, dismissible = _e === void 0 ? true : _e, footer = _a.footer, _f = _a.titleSize, titleSize = _f === void 0 ? 'default' : _f;
     var _g = useOnClose(onClose, isOpen, dismissible), isClosing = _g.isClosing, isVisible = _g.isVisible, handleContainerClick = _g.handleContainerClick, handleOnCloseAnimationEnded = _g.handleOnCloseAnimationEnded, handleOnClose = _g.handleOnClose, handleOnOverlayClick = _g.handleOnOverlayClick;
-    return !isVisible ? null : (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.overlay, styles$i.overlay, (_b = {},
-            _b[styles$i.overlayClose] = isClosing,
+    return !isVisible ? null : (jsxRuntime.jsx("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.overlay, styles$j.overlay, (_b = {},
+            _b[styles$j.overlayClose] = isClosing,
             _b)), onAnimationEnd: handleOnCloseAnimationEnded, onClick: handleOnOverlayClick, children: jsxRuntime.jsx("div", { className: typeof (classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) === 'string'
                 ? classNames === null || classNames === void 0 ? void 0 : classNames.wrapper
                 : (_c = classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) === null || _c === void 0 ? void 0 : _c.call(classNames, { isClosing: isClosing }), children: jsxRuntime.jsxs("div", { className: typeof (classNames === null || classNames === void 0 ? void 0 : classNames.container) === 'string'
                     ? classNames === null || classNames === void 0 ? void 0 : classNames.container
-                    : (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classNames$1('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$i.header, {
+                    : (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classnamesUtil('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$j.header, {
                             'jc-between': !!title,
                             'jc-end': !title,
-                        }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$i.title, titleSize === 'small' ? 'p-h4' : 'p-h2'), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700" }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$i.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$i.body), children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$i.footer), children: jsxRuntime.jsx("div", { className: "px24 py16", children: footer }) }))] }) }) }));
+                        }), children: [title && (jsxRuntime.jsx("div", { className: classnamesUtil(styles$j.title, titleSize === 'small' ? 'p-h4' : 'p-h2'), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700" }), onClick: handleOnClose, type: "button", variant: "textColor", className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$j.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classnamesUtil('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$j.body), children: children }), footer && (jsxRuntime.jsx("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$j.footer), children: jsxRuntime.jsx("div", { className: "px24 py16", children: footer }) }))] }) }) }));
 };
 
 var BottomModal = function (_a) {
     var className = _a.className, rest = __rest$1(_a, ["className"]);
     return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: 'small', classNames: {
-            wrapper: classNames$1('w100', styles$j.wrapper),
+            wrapper: classnamesUtil('w100', styles$k.wrapper),
             container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1('bg-white d-flex fd-column w100', className, styles$j.container, (_b = {},
-                    _b[styles$j.containerClose] = isClosing,
+                return classnamesUtil('bg-white d-flex fd-column w100', className, styles$k.container, (_b = {},
+                    _b[styles$k.containerClose] = isClosing,
                     _b));
             },
-            body: styles$j.body,
+            body: styles$k.body,
         } }, rest)));
 };
 
-var css_248z$i = "@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_wrapper__qQirD {\n  position: relative;\n  min-height: 100%;\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_wrapperClose__2aXSB {\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_container__1XZj_ {\n  max-height: 96vh;\n  overflow: hidden;\n}";
-var styles$h = {"wrapper":"style-module_wrapper__qQirD","appear-in":"style-module_appear-in__2ZMqz","wrapperClose":"style-module_wrapperClose__2aXSB","disappear-out":"style-module_disappear-out__38TSV","container":"style-module_container__1XZj_"};
-styleInject(css_248z$i);
+var css_248z$j = "@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_wrapper__qQirD {\n  position: relative;\n  min-height: 100%;\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_wrapperClose__2aXSB {\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_container__1XZj_ {\n  max-height: 96vh;\n  overflow: hidden;\n}";
+var styles$i = {"wrapper":"style-module_wrapper__qQirD","appear-in":"style-module_appear-in__2ZMqz","wrapperClose":"style-module_wrapperClose__2aXSB","disappear-out":"style-module_disappear-out__38TSV","container":"style-module_container__1XZj_"};
+styleInject(css_248z$j);
 
 var RegularModal = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, rest = __rest$1(_a, ["className"]);
@@ -8633,17 +8633,17 @@ var RegularModal = function (_a) {
             wrapper: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1('d-flex ai-center w90 mx-auto my0', className, styles$h.wrapper, (_b = {},
-                    _b[styles$h.wrapperClose] = isClosing,
+                return classnamesUtil('d-flex ai-center w90 mx-auto my0', className, styles$i.wrapper, (_b = {},
+                    _b[styles$i.wrapperClose] = isClosing,
                     _b));
             },
-            container: classNames$1('bg-white br8 d-flex ai-center fd-column mx-auto my0 wmx8', styles$h.container)
+            container: classnamesUtil('bg-white br8 d-flex ai-center fd-column mx-auto my0 wmx8', styles$i.container)
         } }, rest)));
 };
 
-var css_248z$h = "@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$g = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
-styleInject(css_248z$h);
+var css_248z$i = "@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$h = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
+styleInject(css_248z$i);
 
 var BottomOrRegularModal = function (_a) {
     var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
@@ -8662,7 +8662,7 @@ var BottomOrRegularModal = function (_a) {
             window.removeEventListener('resize', handleResize);
         };
     }, []);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$g.mobile, ref: mobileRef, children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen })) }), visibleSize === 'desktop' && (jsxRuntime.jsx("div", { className: styles$g.desktop, children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen })) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$h.mobile, ref: mobileRef, children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen })) }), visibleSize === 'desktop' && (jsxRuntime.jsx("div", { className: styles$h.desktop, children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen })) }))] }));
 };
 
 var infoImage = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
@@ -8672,22 +8672,22 @@ var info = {
     alt: 'circle with the letter i inside for information',
 };
 
-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 css_248z$h = "@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$g = {"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$h);
 
 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: "".concat(styles$f['root-container'], " ").concat(className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: "".concat(styles$f['top-icon'], " ").concat(state === 'muted' ? styles$f['top-icon--muted'] : '', " "), width: "80px", height: "80px" }), jsxRuntime.jsxs("div", { className: "".concat(associatedClassForCardState(state, dropshadow), " ").concat(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 })), jsxRuntime.jsx("div", { className: "p-h4 ta-center mt64", children: title }), jsxRuntime.jsx("div", { className: "p-p mt16 tc-grey-600", children: children })] })] })));
+    return (jsxRuntime.jsxs("div", __assign({ className: "".concat(styles$g['root-container'], " ").concat(className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: "".concat(styles$g['top-icon'], " ").concat(state === 'muted' ? styles$g['top-icon--muted'] : '', " "), width: "80px", height: "80px" }), jsxRuntime.jsxs("div", { className: "".concat(associatedClassForCardState(state, dropshadow), " ").concat(styles$g.container), children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$g['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt })), jsxRuntime.jsx("div", { className: "p-h4 ta-center mt64", children: title }), jsxRuntime.jsx("div", { className: "p-p mt16 tc-grey-600", children: children })] })] })));
 };
 
-var css_248z$f = ".style-module_containerDisabled__2j9_N {\n  pointer-events: none;\n  opacity: 0.25;\n}";
-var styles$e = {"containerDisabled":"style-module_containerDisabled__2j9_N"};
-styleInject(css_248z$f);
+var css_248z$g = ".style-module_containerDisabled__2j9_N {\n  pointer-events: none;\n  opacity: 0.25;\n}";
+var styles$f = {"containerDisabled":"style-module_containerDisabled__2j9_N"};
+styleInject(css_248z$g);
 
-var css_248z$e = ".style-module_button__P-UIa {\n  background-color: transparent;\n  color: #26262e;\n  outline: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n  border-radius: 8px;\n}\n.style-module_button__P-UIa:hover {\n  outline: 1px solid #8e8cee;\n  color: #8e8cee;\n}\n.style-module_button__P-UIa:focus-visible {\n  outline: 2px solid #8e8cee;\n  color: #8e8cee;\n}\n\n.style-module_wrapper__35C6V {\n  background-color: #fff;\n}\n\n.style-module_icon__15X1c {\n  margin-right: 12px;\n}\n.style-module_iconbalanced__Zb-hZ {\n  margin-right: 16px;\n}\n.style-module_iconspacious__3Ly0X {\n  margin-right: 24px;\n}\n\n.style-module_actionIcon__3pnwR {\n  margin-left: 12px;\n}\n.style-module_actionIconbalanced__19jnn {\n  margin-left: 16px;\n}\n.style-module_actionIconspacious__2LJN4 {\n  margin-left: 24px;\n}\n\n.style-module_description__ksrnP {\n  color: #696970;\n}";
-var styles$d = {"button":"style-module_button__P-UIa","wrapper":"style-module_wrapper__35C6V","icon":"style-module_icon__15X1c","iconbalanced":"style-module_iconbalanced__Zb-hZ","iconspacious":"style-module_iconspacious__3Ly0X","actionIcon":"style-module_actionIcon__3pnwR","actionIconbalanced":"style-module_actionIconbalanced__19jnn","actionIconspacious":"style-module_actionIconspacious__2LJN4","description":"style-module_description__ksrnP"};
-styleInject(css_248z$e);
+var css_248z$f = ".style-module_button__P-UIa {\n  background-color: transparent;\n  color: #26262e;\n  outline: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n  border-radius: 8px;\n}\n.style-module_button__P-UIa:hover {\n  outline: 1px solid #8e8cee;\n  color: #8e8cee;\n}\n.style-module_button__P-UIa:focus-visible {\n  outline: 2px solid #8e8cee;\n  color: #8e8cee;\n}\n\n.style-module_wrapper__35C6V {\n  background-color: #fff;\n}\n\n.style-module_icon__15X1c {\n  margin-right: 12px;\n}\n.style-module_iconbalanced__Zb-hZ {\n  margin-right: 16px;\n}\n.style-module_iconspacious__3Ly0X {\n  margin-right: 24px;\n}\n\n.style-module_actionIcon__3pnwR {\n  margin-left: 12px;\n}\n.style-module_actionIconbalanced__19jnn {\n  margin-left: 16px;\n}\n.style-module_actionIconspacious__2LJN4 {\n  margin-left: 24px;\n}\n\n.style-module_description__ksrnP {\n  color: #696970;\n}";
+var styles$e = {"button":"style-module_button__P-UIa","wrapper":"style-module_wrapper__35C6V","icon":"style-module_icon__15X1c","iconbalanced":"style-module_iconbalanced__Zb-hZ","iconspacious":"style-module_iconspacious__3Ly0X","actionIcon":"style-module_actionIcon__3pnwR","actionIconbalanced":"style-module_actionIconbalanced__19jnn","actionIconspacious":"style-module_actionIconspacious__2LJN4","description":"style-module_description__ksrnP"};
+styleInject(css_248z$f);
 
 var cardDefaultAs = 'section';
 var Card = function (_a) {
@@ -8697,14 +8697,14 @@ var Card = function (_a) {
     var propsWithActionIcon = onClick || (rest === null || rest === void 0 ? void 0 : rest.href) || rest.to;
     var cardDefaultTag = onClick ? 'button' : cardDefaultAs;
     var Tag = as || cardDefaultTag;
-    return (jsxRuntime.jsx(Tag, __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, 'd-flex w100 ai-stretch', (_b = {
+    return (jsxRuntime.jsx(Tag, __assign({ className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, 'd-flex w100 ai-stretch', (_b = {
                 'c-pointer': propsWithActionIcon
             },
-            _b[styles$d.button] = propsWithActionIcon,
+            _b[styles$e.button] = propsWithActionIcon,
             _b)) }, onClick && {
         onClick: onClick,
         type: "button"
-    }, rest, { children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column jc-center w100 ta-left', { 'bs-sm': dropShadow }, {
+    }, rest, { children: jsxRuntime.jsxs("div", { className: classnamesUtil('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow }, {
                 compact: 'p16',
                 balanced: 'p24',
                 spacious: 'p32',
@@ -8712,24 +8712,24 @@ var Card = function (_a) {
                 top: 'jc-start',
                 center: 'jc-center',
                 bottom: 'jc-end',
-            }[verticalAlignment], styles$d === null || styles$d === void 0 ? void 0 : styles$d.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames$1("d-flex tc-primary-500", styles$d.icon, styles$d["icon".concat(density)], classNames === null || classNames === void 0 ? void 0 : classNames.icon, {
+            }[verticalAlignment], styles$e === null || styles$e === void 0 ? void 0 : styles$e.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classnamesUtil("d-flex tc-primary-500", styles$e.icon, styles$e["icon".concat(density)], classNames === null || classNames === void 0 ? void 0 : classNames.icon, {
                                 top: 'ai-start',
                                 center: 'ai-center',
                                 bottom: 'ai-end',
-                            }[verticalAlignment]), children: icon })), jsxRuntime.jsxs("div", { className: "d-flex jc-between w100", children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center gap8 fd-column tc-grey-900 w100", children: [label && (jsxRuntime.jsx("h4", { className: classNames$1('p-p--small', classNames === null || classNames === void 0 ? void 0 : classNames.label), children: label })), title && (jsxRuntime.jsx("h3", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.title, {
+                            }[verticalAlignment]), children: icon })), jsxRuntime.jsxs("div", { className: "d-flex jc-between w100", children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center gap8 fd-column tc-grey-900 w100", children: [label && (jsxRuntime.jsx("h4", { className: classnamesUtil('p-p--small', classNames === null || classNames === void 0 ? void 0 : classNames.label), children: label })), title && (jsxRuntime.jsx("h3", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.title, {
                                                 large: 'p-h3',
                                                 medium: 'p-h4',
                                                 small: 'p-p',
-                                            }[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$d.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p'), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames$1(styles$d.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$d["actionIcon".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.children, children: children })] }) })));
+                                            }[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classnamesUtil(styles$e.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p'), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classnamesUtil(styles$e.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$e["actionIcon".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.children, children: children })] }) })));
 };
 
 var CardButton = function (_a) {
     var _b;
     var title = _a.title, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, href = _a.href;
     return (jsxRuntime.jsx(Card, __assign({ as: href ? 'a' : 'button', classNames: {
-            buttonWrapper: classNames$1('c-pointer ta-left w100', className, (_b = {}, _b[styles$e.containerDisabled] = disabled, _b)),
+            buttonWrapper: classnamesUtil('c-pointer ta-left w100', className, (_b = {}, _b[styles$f.containerDisabled] = disabled, _b)),
             description: 'tc-primary-500 p-p',
-        }, density: 'compact', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'purple-500', className: styles$e.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
+        }, density: 'compact', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'purple-500', className: styles$f.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
 };
 
 var associatedClassForCardState = function (state, dropshadow) {
@@ -8749,13 +8749,13 @@ 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", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$c['chip']), children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 ".concat(styles$c['chip-image']), src: value.leftIcon, alt: value.value })), jsxRuntime.jsx("div", { className: "mr8", children: value.value }), jsxRuntime.jsx("button", { className: "c-pointer ".concat(styles$c['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, children: jsxRuntime.jsx(XIcon, { className: styles$c['chip-remove-button'] }) })] }));
+    return (jsxRuntime.jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$d['chip']), children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 ".concat(styles$d['chip-image']), src: value.leftIcon, alt: value.value })), jsxRuntime.jsx("div", { className: "mr8", children: value.value }), jsxRuntime.jsx("button", { className: "c-pointer ".concat(styles$d['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, children: jsxRuntime.jsx(XIcon, { className: styles$d['chip-remove-button'] }) })] }));
 });
 
 var Autosuggest = {};
@@ -11870,21 +11870,21 @@ _defineProperty(Autosuggest, "defaultProps", {
 
 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", { className: "".concat(styles$b['suggestion-option']), children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 ".concat(styles$b['suggestion-img']), src: suggestion.leftIcon, alt: suggestion.value })), jsxRuntime.jsx("div", { className: classNames$1(styles$b['suggestion-text'], (_a = {},
-                        _a[styles$b.nowrap] = !wrapText,
+        return (jsxRuntime.jsxs("div", { className: "".concat(styles$c['suggestion-option']), children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 ".concat(styles$c['suggestion-img']), src: suggestion.leftIcon, alt: suggestion.value })), jsxRuntime.jsx("div", { className: classnamesUtil(styles$c['suggestion-text'], (_a = {},
+                        _a[styles$c.nowrap] = !wrapText,
                         _a)), children: suggestion.value })] }));
     };
     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" }))); };
-    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(dist$2, { 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", { 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) {
@@ -11893,9 +11893,9 @@ var AutoSuggestInput = function (_a) {
             }, renderInputComponent: renderInputComponent }) }));
 };
 
-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;
@@ -11903,8 +11903,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", { className: classNames$1(styles$a['chip-container'], chipsListClassName, (_b = {},
-                    _b[styles$a.appearIn] = hasChips,
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: classnamesUtil(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, true).filter(function (selectedValue) { return selectedValue.value !== value.value; });
                             setValues(newValues);
@@ -13447,9 +13447,9 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 
 }(dist$1));
 
-var css_248z$a = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\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  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\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;
@@ -13465,7 +13465,7 @@ var AccordionItem = function (_a) {
             onClose();
         }
     };
-    return (jsxRuntime.jsxs("section", { className: "d-flex fd-column ".concat(styles$9.container, " ").concat(className), children: [jsxRuntime.jsxs("button", { className: "d-flex ai-center jc-between ".concat(styles$9.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsxRuntime.jsx("div", { className: "d-flex ai-center ".concat(styles$9.iconAndTextContainer), children: typeof label === 'string' ? (jsxRuntime.jsx("h4", { className: "p-h4", children: label })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label })) }), jsxRuntime.jsx(ChevronSVG, { className: "".concat(styles$9.chevron, " ").concat(!isOpen && styles$9.chevronClosed) })] }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, children: children })] }));
+    return (jsxRuntime.jsxs("section", { className: "d-flex fd-column ".concat(styles$a.container, " ").concat(className), children: [jsxRuntime.jsxs("button", { className: "d-flex ai-center jc-between ".concat(styles$a.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsxRuntime.jsx("div", { className: "d-flex ai-center ".concat(styles$a.iconAndTextContainer), children: typeof label === 'string' ? (jsxRuntime.jsx("h4", { className: "p-h4", children: label })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label })) }), jsxRuntime.jsx(ChevronSVG, { className: "".concat(styles$a.chevron, " ").concat(!isOpen && styles$a.chevronClosed) })] }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, children: children })] }));
 };
 
 var Chevron = function (_a) {
@@ -13473,18 +13473,18 @@ var Chevron = function (_a) {
     return (jsxRuntime.jsx("svg", { 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" }) }));
 };
 
-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: 211px;\n    width: var(--cellWidth, 211px);\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 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\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 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), 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: 100%;\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: 211px;\n    width: var(--cellWidth, 211px);\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 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\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 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), 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: 100%;\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 _a, _b;
     var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId, cellClassName = props.cellClassName;
-    return (jsxRuntime.jsxs("div", { className: classNames$1('d-flex w-100', (_a = {},
-            _a[styles$8.header] = isRowHeader,
-            _a)), children: [jsxRuntime.jsx("h4", { className: classNames$1(styles$8.cell, styles$8.sticky, (_b = {},
-                    _b["p-h2 p--serif ".concat(styles$8.title)] = isRowHeader,
-                    _b[styles$8.addon] = typeof cell.key === 'undefined',
+    return (jsxRuntime.jsxs("div", { className: classnamesUtil('d-flex w-100', (_a = {},
+            _a[styles$9.header] = isRowHeader,
+            _a)), children: [jsxRuntime.jsx("h4", { className: classnamesUtil(styles$9.cell, styles$9.sticky, (_b = {},
+                    _b["p-h2 p--serif ".concat(styles$9.title)] = isRowHeader,
+                    _b[styles$9.addon] = typeof cell.key === 'undefined',
                     _b), cellClassName), children: cell.label }), Array.isArray(data) &&
                 data.map(function (item) {
                     /**
@@ -13495,7 +13495,7 @@ var Row = function (props) {
                         return null;
                     if (typeof item[cell.key] === 'undefined')
                         return null;
-                    return (jsxRuntime.jsx("div", { className: classNames$1('ta-center', styles$8.cell, cellClassName), children: 
+                    return (jsxRuntime.jsx("div", { className: classnamesUtil('ta-center', styles$9.cell, cellClassName), children: 
                         /**
                          * Return a function if `render` option is present
                          * else print the current data source value
@@ -13512,39 +13512,39 @@ var ArrowIcon = function (_a) {
     return (jsxRuntime.jsx("svg", { 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" }) }));
 };
 
-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}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\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","noPointerEvents":"style-module_noPointerEvents__21KuB"};
-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}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\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","noPointerEvents":"style-module_noPointerEvents__21KuB"};
+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", { className: styles$7.container, children: [jsxRuntime.jsx("button", { onClick: handleButtonClick('prev'), className: classNames$1("p-btn--secondary d-flex", styles$7.prev, styles$7.arrow, (_a = {},
-                    _a[styles$7.active] = active.left,
-                    _a[styles$7.noPointerEvents] = !active.left,
-                    _a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classNames$1("p-btn--secondary d-flex", styles$7.next, styles$7.arrow, (_b = {},
-                    _b[styles$7.active] = active.right,
-                    _b[styles$7.noPointerEvents] = !active.right,
+    return (jsxRuntime.jsxs("div", { className: styles$8.container, children: [jsxRuntime.jsx("button", { onClick: handleButtonClick('prev'), className: classnamesUtil("p-btn--secondary d-flex", styles$8.prev, styles$8.arrow, (_a = {},
+                    _a[styles$8.active] = active.left,
+                    _a[styles$8.noPointerEvents] = !active.left,
+                    _a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classnamesUtil("p-btn--secondary d-flex", styles$8.next, styles$8.arrow, (_b = {},
+                    _b[styles$8.active] = active.right,
+                    _b[styles$8.noPointerEvents] = !active.right,
                     _b)), children: jsxRuntime.jsx(ArrowIcon, {}) })] }));
 };
 
-var css_248z$7 = ".style-module_wrapper__1s115 {\n  position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n  position: absolute;\n  right: -32px;\n  top: 0;\n}";
-var styles$6 = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
-styleInject(css_248z$7);
+var css_248z$8 = ".style-module_wrapper__1s115 {\n  position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n  position: absolute;\n  right: -32px;\n  top: 0;\n}";
+var styles$7 = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
+styleInject(css_248z$8);
 
-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 path, .style-module_button__3TkNT:focus svg path {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d8;\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 path, .style-module_button__3TkNT:focus svg path {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d8;\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("button", { className: "p-btn--secondary ".concat(styles$5.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, children: jsxRuntime.jsx(Info, { size: 20 }) }));
+    return (jsxRuntime.jsx("button", { className: "p-btn--secondary ".concat(styles$6.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, children: jsxRuntime.jsx(Info, { size: 20 }) }));
 };
 
 var TableButton = function (_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsxRuntime.jsxs("div", { className: styles$6.wrapper, children: [children, jsxRuntime.jsx(TableInfoButton, { className: "".concat(styles$6.infoButton, " ").concat(className), "data-testid": "ds-table-button", onClick: onClick })] }));
+    return (jsxRuntime.jsxs("div", { className: styles$7.wrapper, children: [children, jsxRuntime.jsx(TableInfoButton, { className: "".concat(styles$7.infoButton, " ").concat(className), "data-testid": "ds-table-button", onClick: onClick })] }));
 };
 
 var StarIcon = function (_a) {
@@ -13557,9 +13557,9 @@ var ZapIcon = function (_a) {
     return (jsxRuntime.jsx("svg", { 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" }) }));
 };
 
-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 = {
@@ -13572,16 +13572,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$1(styles$4.icon, value <= rating ? styles$4.filled : styles$4.empty) }, value)); }) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classnamesUtil(styles$5.icon, value <= rating ? styles$5.filled : styles$5.empty) }, value)); }) }));
 };
 
-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", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$3.icon), children: icon }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: "p-p d-inline", children: [jsxRuntime.jsx("span", { className: classNames$1({
+    return (jsxRuntime.jsxs("div", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$4.icon), children: icon }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: "p-p d-inline", children: [jsxRuntime.jsx("span", { className: classnamesUtil({
                                     mr8: onClickInfo,
                                 }), children: label }), onClickInfo && jsxRuntime.jsx(TableInfoButton, { onClick: onClickInfo })] }), subtitle && jsxRuntime.jsx("p", { className: "p-p--small tc-grey-500", children: subtitle })] })] }));
 };
@@ -13709,9 +13709,9 @@ var useComparisonTable = function (_a) {
     };
 };
 
-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}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none;\n    /* Firefox */\n    -ms-overflow-style: none;\n    /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\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}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\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}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none;\n    /* Firefox */\n    -ms-overflow-style: none;\n    /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\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}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\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","noScrollBarsMobile":"style-module_noScrollBarsMobile__1txeg","section":"style-module_section__1bf_0","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;
@@ -13722,10 +13722,10 @@ var ComparisonTable = function (props) {
         : {})), (stickyHeaderTopOffset
         ? { '--stickyHeaderTopOffset': "".concat(stickyHeaderTopOffset, "px") }
         : {})), (growContent ? { '--growContent': '100%' } : {}));
-    return (jsxRuntime.jsx(dist$1.exports.ScrollSync, { onSync: headerRefCallbackRef, children: jsxRuntime.jsxs("div", { style: cssVariablesStyle, className: classNames$1((_a = {},
+    return (jsxRuntime.jsx(dist$1.exports.ScrollSync, { onSync: headerRefCallbackRef, children: jsxRuntime.jsxs("div", { style: cssVariablesStyle, className: classnamesUtil((_a = {},
                 _a[baseStyles.noScrollBars] = hideScrollBars,
                 _a[baseStyles.noScrollBarsMobile] = hideScrollBarsMobile,
-                _a)), children: [jsxRuntime.jsx("div", { id: headerId, className: classNames$1(baseStyles.header, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.header), children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", { className: classNames$1(baseStyles.container), children: jsxRuntime.jsx("div", { className: classNames$1(baseStyles['overflow-container']), children: jsxRuntime.jsxs("div", { className: baseStyles['group-container'], children: [jsxRuntime.jsx(TableArrows, { onClick: handleArrowsClick, active: {
+                _a)), children: [jsxRuntime.jsx("div", { id: headerId, className: classnamesUtil(baseStyles.header, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.header), children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", { className: classnamesUtil(baseStyles.container), children: jsxRuntime.jsx("div", { className: classnamesUtil(baseStyles['overflow-container']), children: jsxRuntime.jsxs("div", { className: baseStyles['group-container'], children: [jsxRuntime.jsx(TableArrows, { onClick: handleArrowsClick, active: {
                                                 left: selectedTabIndex > 0,
                                                 right: selectedTabIndex < data.length - 1,
                                             } }), jsxRuntime.jsx(Row$1, { rowId: "table-header-row", cell: headers[0].cells[0], data: data, isRowHeader: true, cellClassName: classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.headerCell }, "table-header-row")] }) }) }) }) }), jsxRuntime.jsxs("div", { ref: contentContainerRef, children: [Array.isArray(headers) &&
@@ -13743,21 +13743,21 @@ var ComparisonTable = function (props) {
                                     return (jsxRuntime.jsx(Row$1, { rowId: rowId, cell: cell, data: data, cellClassName: classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.cell }, rowId));
                                 });
                                 var idString = "headerGroup-".concat(headerGroup.id);
-                                return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, { className: classNames$1('mt16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.collapsibleSection), 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", { className: classNames$1(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_a = {},
+                                return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, { className: classnamesUtil('mt16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.collapsibleSection), 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", { className: classnamesUtil(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_a = {},
                                                     _a[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _a)), children: jsxRuntime.jsx("div", { className: classNames$1(baseStyles['overflow-container']), children: jsxRuntime.jsx("div", { className: baseStyles['group-container'], children: content }) }) }) }) })) : (jsxRuntime.jsx("section", { className: classNames$1(baseStyles.section, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.section), children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", { className: classNames$1(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_b = {},
+                                                    _a)), children: jsxRuntime.jsx("div", { className: classnamesUtil(baseStyles['overflow-container']), children: jsxRuntime.jsx("div", { className: baseStyles['group-container'], children: content }) }) }) }) })) : (jsxRuntime.jsx("section", { className: classnamesUtil(baseStyles.section, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.section), children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", { className: classnamesUtil(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_b = {},
                                                     _b[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _b)), children: jsxRuntime.jsx("div", { className: classNames$1(baseStyles['overflow-container']), children: jsxRuntime.jsxs("div", { className: baseStyles['group-container'], children: [
+                                                    _b)), children: jsxRuntime.jsx("div", { className: classnamesUtil(baseStyles['overflow-container']), children: jsxRuntime.jsxs("div", { className: baseStyles['group-container'], children: [
                                                             /**
                                                              * Print a table subheader if the `label` value is present
                                                              */
                                                             headerGroup.label && !collapsibleSections && (jsxRuntime.jsx("div", { className: baseStyles['group-title'], children: jsxRuntime.jsx("h4", { className: "p-h4 ".concat(baseStyles.sticky), children: headerGroup.label }) })), content] }) }) }) }) }, idString)) }, idString));
-                            }), hideDetails && (jsxRuntime.jsx("div", { className: classNames$1(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", { className: classNames$1('w100 d-flex p-a p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
+                            }), hideDetails && (jsxRuntime.jsx("div", { className: classnamesUtil(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", { className: classnamesUtil('w100 d-flex p-a p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
 };
 
-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;
@@ -13771,17 +13771,17 @@ var SegmentedControl = function (_a) {
         var width = selectedChip.offsetWidth;
         setSelectedChipBackgroundWidthLeft({ left: left, width: width });
     }, [selectedIndex]);
-    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$2['background-container'], children: [jsxRuntime.jsx("div", { ref: chipContainer, className: styles$2['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
+    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$3['background-container'], children: [jsxRuntime.jsx("div", { ref: chipContainer, className: styles$3['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
                         return (jsxRuntime.jsx("div", { 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", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value.title }), jsxRuntime.jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
+                            }, className: styles$3.chip, children: typeof value === 'string' ? (jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value.title }), jsxRuntime.jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
                                             ? 'tc-grey-500'
                                             : 'tc-primary-500'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
-                    }) }), jsxRuntime.jsx("div", { className: styles$2['select-chip-background'], style: {
+                    }) }), jsxRuntime.jsx("div", { className: styles$3['select-chip-background'], style: {
                         width: "".concat(selectedChipBackgroundWidthLeft.width, "px"),
                         height: "".concat(height - 16, "px"),
                         left: "".concat(selectedChipBackgroundWidthLeft.left, "px"),
@@ -13790,7 +13790,7 @@ var SegmentedControl = function (_a) {
 
 var Link = function (_a) {
     var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    return (jsxRuntime.jsx("a", __assign({ className: classNames$1(className, 'p-a c-pointer') }, rest, { children: children })));
+    return (jsxRuntime.jsx("a", __assign({ className: classnamesUtil(className, 'p-a c-pointer') }, rest, { children: children })));
 };
 
 var basePath = 'https://assets.cdn.feather-insurance.com/assets/images';
@@ -13952,12 +13952,12 @@ var illustrations = {
 
 var Spinner = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b;
-    return (jsxRuntime.jsx("div", { className: classNames$1('ds-spinner', "ds-spinner__".concat(size)), "data-testid": "ds-spinner" }));
+    return (jsxRuntime.jsx("div", { className: classnamesUtil('ds-spinner', "ds-spinner__".concat(size)), "data-testid": "ds-spinner" }));
 };
 
-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 css_248z$2 = ".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$2 = {"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$2);
 
 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;
@@ -13986,22 +13986,22 @@ var Toggle = function (_a) {
         onChange(newValues);
     };
     var entries = Object.entries(options);
-    return (jsxRuntime.jsx("div", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$1.container, 'd-flex gap8', {
+    return (jsxRuntime.jsx("div", { className: classnamesUtil(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$2.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", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: jsxRuntime.jsxs("label", { className: classNames$1(styles$1.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
+            return (jsxRuntime.jsx("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: jsxRuntime.jsxs("label", { className: classnamesUtil(styles$2.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
                         'p-label--bordered': bordered,
-                    }), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxRuntime.jsxs("span", { className: classNames$1(styles$1.toggleContainer, 'd-inline-block'), children: [jsxRuntime.jsx("input", { checked: checked, className: styles$1.input, "data-testid": "toggle-input-".concat(currentValue), onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }), jsxRuntime.jsx("span", { className: styles$1.toggle })] }), isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : label] }) }, currentValue));
+                    }), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxRuntime.jsxs("span", { className: classnamesUtil(styles$2.toggleContainer, 'd-inline-block'), children: [jsxRuntime.jsx("input", { checked: checked, className: styles$2.input, "data-testid": "toggle-input-".concat(currentValue), onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }), jsxRuntime.jsx("span", { className: styles$2.toggle })] }), isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : label] }) }, currentValue));
         }) }));
 };
 
-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  padding: 0;\n  width: 392px;\n  overflow: hidden;\n}\n\n.style-module_toastContent__3RHpU {\n  padding: 4px 0 4px 8px;\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: #599278;\n}\n.style-module_actionButton--success__y96NI:hover {\n  color: #2b4639;\n}\n.style-module_actionButton--information__1oeAG {\n  color: #5f7ba0;\n}\n.style-module_actionButton--information__1oeAG:hover {\n  color: #2d394a;\n}";
-var styles = {"toastWrapper":"style-module_toastWrapper__1SC4C","toast":"style-module_toast__NY8bo","toastContent":"style-module_toastContent__3RHpU","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);
+var css_248z$1 = ".style-module_toastWrapper__1SC4C {\n  margin: 0;\n  padding: 0;\n}\n\n.style-module_toast__NY8bo {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  width: 392px;\n  overflow: hidden;\n}\n\n.style-module_toastContent__3RHpU {\n  padding: 4px 0 4px 8px;\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: #599278;\n}\n.style-module_actionButton--success__y96NI:hover {\n  color: #2b4639;\n}\n.style-module_actionButton--information__1oeAG {\n  color: #5f7ba0;\n}\n.style-module_actionButton--information__1oeAG:hover {\n  color: #2d394a;\n}";
+var styles$1 = {"toastWrapper":"style-module_toastWrapper__1SC4C","toast":"style-module_toast__NY8bo","toastContent":"style-module_toastContent__3RHpU","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$1);
 
 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}}
 
@@ -14198,21 +14198,71 @@ to {
 var Toaster = function (_a) {
     var toasterClassNames = _a.classNames;
     return (jsxRuntime.jsx(dist.Toaster, { containerClassName: toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.wrapper, toastOptions: {
-            className: classNames$1(styles.toast, 'bs-lg', toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.toast),
+            className: classnamesUtil(styles$1.toast, 'bs-lg', toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.toast),
         } }));
 };
 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", { className: classNames$1(styles.toastContent, 'd-flex jc-between w100'), children: [jsxRuntime.jsx("div", { className: classNames$1(styles.toastSidebar, styles["toastSidebar--".concat(type)]) }), jsxRuntime.jsxs("div", { className: 'd-flex fd-column jc-center ta-left mr8', children: [jsxRuntime.jsx("h4", { className: 'p-h4', children: title }), description && (jsxRuntime.jsx("p", { className: 'p-p p-p--small mt8 tc-grey-600', children: description })), action && (jsxRuntime.jsx("button", { className: classNames$1(styles.actionButton, styles["actionButton--".concat(type)], 'mt8 c-pointer ta-left'), onClick: function () {
+    return (jsxRuntime.jsxs("div", { className: classnamesUtil(styles$1.toastContent, 'd-flex jc-between w100'), children: [jsxRuntime.jsx("div", { className: classnamesUtil(styles$1.toastSidebar, styles$1["toastSidebar--".concat(type)]) }), jsxRuntime.jsxs("div", { className: 'd-flex fd-column jc-center ta-left mr8', children: [jsxRuntime.jsx("h4", { className: 'p-h4', children: title }), description && (jsxRuntime.jsx("p", { className: 'p-p p-p--small mt8 tc-grey-600', children: description })), action && (jsxRuntime.jsx("button", { className: classnamesUtil(styles$1.actionButton, styles$1["actionButton--".concat(type)], 'mt8 c-pointer ta-left'), onClick: function () {
                             action.onClick();
                             onDismiss();
-                        }, type: "button", children: action.title }))] }), jsxRuntime.jsx("div", { className: 'd-flex ai-center', children: jsxRuntime.jsx("button", { className: classNames$1(styles.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button", children: jsxRuntime.jsx(XIcon, { size: 24 }) }) })] }));
+                        }, type: "button", children: action.title }))] }), jsxRuntime.jsx("div", { className: 'd-flex ai-center', children: jsxRuntime.jsx("button", { className: classnamesUtil(styles$1.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button", children: jsxRuntime.jsx(XIcon, { size: 24 }) }) })] }));
 };
 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))); }, { duration: duration }));
 };
 
+var css_248z = ".style-module_wrapperBordered__1BsXF {\n  border: 1px solid #ededf2;\n}\n\n.style-module_container__37ni0 {\n  border-bottom: 1px solid #ededf2;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n  border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n  color: #4c4c53;\n}\n\n.style-module_chevron__2nixo {\n  color: #4c4c53;\n  transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n  transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n  padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n  padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n  background-color: transparent !important;\n  color: #8e8cee;\n  outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n  outline-offset: 0;\n}\n.style-module_buttonWrapperOpen__1cunM {\n  margin-bottom: 4px !important;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n  background: #f7f7ff;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n  color: #8e8cee !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n  color: #8e8cee;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n  outline: 0 solid transparent !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible {\n  outline: 2px solid #8e8cee !important;\n}";
+var styles = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","buttonWrapperOpen":"style-module_buttonWrapperOpen__1cunM","icon":"style-module_icon__jyQp0"};
+styleInject(css_248z);
+
+var Accordion = function (_a) {
+    var _b;
+    var _c = _a.items, items = _c === void 0 ? [] : _c, _d = _a.classNames, classNames = _d === void 0 ? {} : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.multiple, multiple = _f === void 0 ? false : _f, onClick = _a.onClick;
+    var _g = require$$0.useState([]), selectedQuestionId = _g[0], setSelectedQuestionId = _g[1];
+    var isDefaultVariant = variant === 'default';
+    var handleClick = require$$0.useCallback(function (questionData) {
+        var id = questionData.id;
+        if (selectedQuestionId.includes(id)) {
+            if (!multiple) {
+                setSelectedQuestionId([]);
+                return;
+            }
+            setSelectedQuestionId(function (selectedItems) {
+                return selectedItems.filter(function (selectedId) { return selectedId !== id; });
+            });
+        }
+        else {
+            onClick === null || onClick === void 0 ? void 0 : onClick(questionData);
+            setSelectedQuestionId(function (selectedIds) { return __spreadArray$1([
+                id
+            ], multiple ? selectedIds : [], true); });
+        }
+    }, [multiple, onClick, selectedQuestionId]);
+    return (jsxRuntime.jsx("div", { className: classnamesUtil((_b = {
+                'br8': !isDefaultVariant
+            },
+            _b[styles.wrapperBordered] = !isDefaultVariant,
+            _b)), children: items.map(function (questionData) {
+            var _a, _b, _c, _d, _e;
+            var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
+            var isOpen = selectedQuestionId.includes(id);
+            return (jsxRuntime.jsxs("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles.container, (_a = {}, _a[styles.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles.icon, 'tc-grey-700'), buttonWrapper: classnamesUtil('py8 my8', classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles.buttonWrapper, (_b = {},
+                                _b[styles.buttonWrapperDefault] = isDefaultVariant,
+                                _b[styles.buttonWrapperOpen] = isOpen,
+                                _b)), wrapper: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.question, styles.question, 'fw-bold', (_c = {}, _c[styles.questionOpen] = isOpen, _c)) }, classNames), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsxRuntime.jsx(ChevronDownIcon, { className: classnamesUtil(styles.chevron, (_d = {},
+                                _d[styles.chevronOpen] = isOpen,
+                                _d)), size: 20, noMargin: true }) }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsxRuntime.jsx("div", { className: classnamesUtil(classNames === null || classNames === void 0 ? void 0 : classNames.answer, 'tc-grey-600 pr16 pb24', (_e = {
+                                    'pl16': !isDefaultVariant
+                                },
+                                _e[styles === null || styles === void 0 ? void 0 : styles.answerIcon] = !isDefaultVariant && icon,
+                                _e[styles === null || styles === void 0 ? void 0 : styles.answerIconDefault] = isDefaultVariant && icon,
+                                _e)), children: answer }) })] }, id));
+        }) }));
+};
+
+exports.Accordion = Accordion;
 exports.ActivityIcon = Activity;
 exports.AdhdIcon = Adhd;
 exports.AdviceRecommendationIcon = AdviceRecommendation;
@@ -14289,7 +14339,7 @@ exports.CheckThickIcon = CheckThick;
 exports.Checkbox = Checkbox;
 exports.CheckboxCheckedIcon = CheckboxChecked;
 exports.CheckboxUncheckedIcon = CheckboxUnchecked;
-exports.ChevronDownIcon = ChevronDown;
+exports.ChevronDownIcon = ChevronDownIcon;
 exports.ChevronLeftIcon = ChevronLeft;
 exports.ChevronRightIcon = ChevronRightIcon;
 exports.ChevronUpIcon = ChevronUp;