@popsure/dirty-swan 0.45.0-alpha → 0.47.0

package/dist/cjs/index.js

@@ -152,6 +152,163 @@ var localeData$1 = {exports: {}};
 
 var localeData = localeData$1.exports;
 
+var customParseFormat$1 = {exports: {}};
+
+(function (module, exports) {
+!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-:/.()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^\s\d-_:/()]+/,o={},s=function(t){return (t=+t)+(t>68?1900:2e3)};var a=function(t){return function(e){this[t]=+e;}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),n=60*e[1]+(+e[2]||0);return 0===n?0:"+"===e[0]?-n:n}(t);}],u=function(t){var e=o[t];return e&&(e.indexOf?e:e.s.concat(e.f))},h=function(t,e){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(t.indexOf(r(i,0,e))>-1){n=i>12;break}}else n=t===(e?"pm":"PM");return n},d={A:[i,function(t){this.afternoon=h(t,!1);}],a:[i,function(t){this.afternoon=h(t,!0);}],S:[/\d/,function(t){this.milliseconds=100*+t;}],SS:[n,function(t){this.milliseconds=10*+t;}],SSS:[/\d{3}/,function(t){this.milliseconds=+t;}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(t){var e=o.ordinal,n=t.match(/\d+/);if(this.day=n[0],e)for(var r=1;r<=31;r+=1)e(r).replace(/\[|\]/g,"")===t&&(this.day=r);}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(t){var e=u("months"),n=(u("monthsShort")||e.map((function(t){return t.substr(0,3)}))).indexOf(t)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[i,function(t){var e=u("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e;}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(t){this.year=s(t);}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,n,r){var o=r&&r.toUpperCase();return n||i[r]||t[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,n){return e||n.slice(1)}))}))).match(e),a=s.length,f=0;f<a;f+=1){var u=s[f],h=d[u],c=h&&h[0],l=h&&h[1];s[f]=l?{regex:c,parser:l}:u.replace(/^\[|\]$/g,"");}return function(t){for(var e={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else {var o=i.regex,f=i.parser,u=t.substr(r),h=o.exec(u)[0];f.call(e,h),t=t.replace(h,"");}}return function(t){var e=t.afternoon;if(void 0!==e){var n=t.hours;e?n<12&&(t.hours+=12):12===n&&(t.hours=0),delete t.afternoon;}}(e),e}}return function(t,e,n){n.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(s=t.parseTwoDigitYear);var r=e.prototype,i=r.parse;r.parse=function(t){var e=t.date,r=t.utc,s=t.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],u=!0===s[3],h=f||u,d=s[2];u&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(t,e,n){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var r=c(e)(t),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,u=r.seconds,h=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=u||0,g=h||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(t){return new Date("")}}(e,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),h&&e!=this.format(a)&&(this.$d=new Date("")),o={};}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""));}else i.call(this,t);};}}));
+}(customParseFormat$1));
+
+var customParseFormat = customParseFormat$1.exports;
+
+function zerofill(input, size) {
+    if (size === void 0) { size = 2; }
+    var toReturn = String(input);
+    while (toReturn.length < size) {
+        toReturn = '0' + toReturn;
+    }
+    return toReturn;
+}
+
+dayjs.extend(customParseFormat);
+function calendarDateToISODate(calendarDate) {
+    return calendarDate.year + "-" + zerofill(calendarDate.month) + "-" + zerofill(calendarDate.day);
+}
+function isoStringtoCalendarDate(input) {
+    var date = dayjs(input, 'YYYY-MM-DD');
+    var dateValidity = dayjs(input, 'YYYY-MM-DD', true).isValid();
+    if (dateValidity === false) {
+        return;
+    }
+    var year = date.year();
+    var month = date.get('month');
+    var day = date.date();
+    return { year: year, month: month + 1, day: day };
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$A = ".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$z = {"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$A);
+
+var classnames = {exports: {}};
+
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames() {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
+				}
+			} else if (argType === 'object') {
+				if (arg.toString === Object.prototype.toString) {
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				} else {
+					classes.push(arg.toString());
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+}(classnames));
+
+var classNames$1 = classnames.exports;
+
+function generateId() {
+    var _a;
+    if (typeof window !== "undefined" && ((_a = window === null || window === void 0 ? void 0 : window.crypto) === null || _a === void 0 ? void 0 : _a.getRandomValues)) {
+        return ([1e7] + "-" + 1e3 + "-" + 4e3 + "-" + 8e3 + "-" + 1e11).replace(/[018]/g, function (c) {
+            return (((c ^ window.crypto.getRandomValues(new Uint8Array(1))[0]) & 15) >> c / 4).toString(16);
+        });
+    }
+    return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
+}
+
+var css_248z$z = ".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$y = {"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$z);
+
+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", __assign({ className: styles$y.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && !labelInsideInput && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames$1('p-p', styles$y.label, (_b = {},
+                    _b[styles$y['label--with-error']] = error,
+                    _b['sr-only'] = hideLabel,
+                    _b)) }, { children: label }), void 0)),
+            jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames$1(error ? 'p-input--error' : 'p-input', (!label || labelInsideInput) && placeholder && placeholder.length > 0
+                            ? styles$y.input
+                            : styles$y['input--no-placeholder'], (_c = {},
+                            _c[styles$y['input--with-prefix']] = prefix,
+                            _c[styles$y['input--with-inside-label']] = labelInsideInput,
+                            _c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled }, props), void 0),
+                    prefix && (jsxRuntime.jsx("span", __assign({ className: classNames$1(styles$y.prefix, (_d = {}, _d[styles$y['prefix--with-error']] = error, _d), (_e = {}, _e[styles$y['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
+                    (!label || labelInsideInput) && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames$1(styles$y.placeholder, (_f = {}, _f[styles$y['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$y['placeholder--with-error']] = error, _g)) }, { children: labelInsideInput ? label : placeholder }), void 0))] }), void 0),
+            error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$y.error }, { children: error }), void 0))] }), void 0));
+});
+
 var build = {};
 
 var DayPicker$2 = {};
@@ -303,14 +460,14 @@ Caption$1.default = Caption;
 
 var Navbar$1 = {};
 
-var classNames$1 = {};
+var classNames = {};
 
-Object.defineProperty(classNames$1, "__esModule", {
+Object.defineProperty(classNames, "__esModule", {
   value: true
 });
 // Proxy object to map classnames when css modules are not used
 
-classNames$1.default = {
+classNames.default = {
   container: 'DayPicker',
   wrapper: 'DayPicker-wrapper',
   interactionDisabled: 'DayPicker--interactionDisabled',
@@ -350,7 +507,7 @@ var _react$5 = require$$0__default['default'];
 
 var _react2$5 = _interopRequireDefault$6(_react$5);
 
-var _classNames$3 = classNames$1;
+var _classNames$3 = classNames;
 
 var _classNames2$3 = _interopRequireDefault$6(_classNames$3);
 
@@ -834,7 +991,7 @@ var _DateUtils$4 = DateUtils$2;
 
 var _LocaleUtils$1 = LocaleUtils$1;
 
-var _classNames$2 = classNames$1;
+var _classNames$2 = classNames;
 
 var _classNames2$2 = _interopRequireDefault$4(_classNames$2);
 
@@ -1001,7 +1158,7 @@ var _DateUtils$3 = DateUtils$2;
 
 var _Helpers$3 = Helpers$2;
 
-var _classNames$1 = classNames$1;
+var _classNames$1 = classNames;
 
 var _classNames2$1 = _interopRequireDefault$3(_classNames$1);
 
@@ -1548,7 +1705,7 @@ var _ModifiersUtils = ModifiersUtils$2;
 
 var ModifiersUtils = _interopRequireWildcard(_ModifiersUtils);
 
-var _classNames = classNames$1;
+var _classNames = classNames;
 
 var _classNames2 = _interopRequireDefault(_classNames);
 
@@ -2126,39 +2283,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var DayPicker = /*@__PURE__*/getDefaultExportFromCjs(build);
 
-var customParseFormat$1 = {exports: {}};
-
-(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-:/.()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^\s\d-_:/()]+/,o={},s=function(t){return (t=+t)+(t>68?1900:2e3)};var a=function(t){return function(e){this[t]=+e;}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),n=60*e[1]+(+e[2]||0);return 0===n?0:"+"===e[0]?-n:n}(t);}],u=function(t){var e=o[t];return e&&(e.indexOf?e:e.s.concat(e.f))},h=function(t,e){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(t.indexOf(r(i,0,e))>-1){n=i>12;break}}else n=t===(e?"pm":"PM");return n},d={A:[i,function(t){this.afternoon=h(t,!1);}],a:[i,function(t){this.afternoon=h(t,!0);}],S:[/\d/,function(t){this.milliseconds=100*+t;}],SS:[n,function(t){this.milliseconds=10*+t;}],SSS:[/\d{3}/,function(t){this.milliseconds=+t;}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(t){var e=o.ordinal,n=t.match(/\d+/);if(this.day=n[0],e)for(var r=1;r<=31;r+=1)e(r).replace(/\[|\]/g,"")===t&&(this.day=r);}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(t){var e=u("months"),n=(u("monthsShort")||e.map((function(t){return t.substr(0,3)}))).indexOf(t)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[i,function(t){var e=u("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e;}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(t){this.year=s(t);}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,n,r){var o=r&&r.toUpperCase();return n||i[r]||t[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,n){return e||n.slice(1)}))}))).match(e),a=s.length,f=0;f<a;f+=1){var u=s[f],h=d[u],c=h&&h[0],l=h&&h[1];s[f]=l?{regex:c,parser:l}:u.replace(/^\[|\]$/g,"");}return function(t){for(var e={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else {var o=i.regex,f=i.parser,u=t.substr(r),h=o.exec(u)[0];f.call(e,h),t=t.replace(h,"");}}return function(t){var e=t.afternoon;if(void 0!==e){var n=t.hours;e?n<12&&(t.hours+=12):12===n&&(t.hours=0),delete t.afternoon;}}(e),e}}return function(t,e,n){n.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(s=t.parseTwoDigitYear);var r=e.prototype,i=r.parse;r.parse=function(t){var e=t.date,r=t.utc,s=t.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],u=!0===s[3],h=f||u,d=s[2];u&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(t,e,n){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var r=c(e)(t),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,u=r.seconds,h=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=u||0,g=h||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(t){return new Date("")}}(e,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),h&&e!=this.format(a)&&(this.$d=new Date("")),o={};}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""));}else i.call(this,t);};}}));
-}(customParseFormat$1));
-
-var customParseFormat = customParseFormat$1.exports;
-
-function zerofill(input, size) {
-    if (size === void 0) { size = 2; }
-    var toReturn = String(input);
-    while (toReturn.length < size) {
-        toReturn = '0' + toReturn;
-    }
-    return toReturn;
-}
-
-dayjs.extend(customParseFormat);
-function calendarDateToISODate(calendarDate) {
-    return calendarDate.year + "-" + zerofill(calendarDate.month) + "-" + zerofill(calendarDate.day);
-}
-function isoStringtoCalendarDate(input) {
-    var date = dayjs(input, 'YYYY-MM-DD');
-    var dateValidity = dayjs(input, 'YYYY-MM-DD', true).isValid();
-    if (dateValidity === false) {
-        return;
-    }
-    var year = date.year();
-    var month = date.get('month');
-    var day = date.date();
-    return { year: year, month: month + 1, day: day };
-}
-
 var useOnClickOutside = function (ref, callback) {
     require$$0.useEffect(function () {
         var listener = function (event) {
@@ -2176,103 +2300,16 @@ var useOnClickOutside = function (ref, callback) {
     }, [ref, callback]);
 };
 
-var classnames = {exports: {}};
-
-/*!
-  Copyright (c) 2018 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames() {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
-				}
-			} else if (argType === 'object') {
-				if (arg.toString === Object.prototype.toString) {
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				} else {
-					classes.push(arg.toString());
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if (module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-}(classnames));
-
-var classNames = classnames.exports;
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$z = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
-var styles$y = {"wrapper":"styles-module_wrapper__1_lY0"};
-styleInject(css_248z$z);
+var css_248z$y = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
+var styles$x = {"wrapper":"styles-module_wrapper__1_lY0"};
+styleInject(css_248z$y);
 
 var 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", __assign({ className: classNames('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
+    return (jsxRuntime.jsx("span", __assign({ className: classNames$1('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
             _b["tc-" + color] = !!color,
-            _b[styles$y.wrapper] = !noMargin,
+            _b[styles$x.wrapper] = !noMargin,
             _b)), style: {
             minWidth: size + "px",
             width: size + "px",
@@ -3737,59 +3774,51 @@ var ZoomOut = (function (props) {
     return require$$0.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21.35 21.35 17 17M8 11h6" }, void 0));
 });
 
-var css_248z$y = ".style-module_container__3bJf5 {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_date-selector-container__165Ii {\n  margin-left: -8px;\n  display: flex;\n}\n.style-module_date-selector-container__165Ii > select {\n  margin-left: 8px;\n}\n@media (max-width: 34rem) {\n  .style-module_date-selector-container__165Ii > select {\n    margin-left: 0;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_date-selector-container__165Ii {\n    margin-left: 0;\n    display: unset;\n  }\n}\n\n.style-module_row-container__2J4YP > select {\n  margin-left: 8px;\n}\n@media (max-width: 34rem) {\n  .style-module_row-container__2J4YP > select {\n    margin-left: 0;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_row-container__2J4YP {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n\n.style-module_day-select__pHm0x {\n  width: 88px;\n}\n@media (max-width: 34rem) {\n  .style-module_day-select__pHm0x {\n    flex: 1;\n    margin-right: 8px;\n  }\n}\n\n.style-module_month-select__2RXk9 {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_month-select__2RXk9 {\n    flex: 1;\n  }\n}\n\n.style-module_year-select__8HXni {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_year-select__8HXni {\n    display: block;\n    margin-top: 8px;\n    width: 100%;\n  }\n}\n\n.style-module_date-calendar-container__2ERYZ {\n  position: relative;\n  margin-left: 24px;\n}\n@media (max-width: 34rem) {\n  .style-module_date-calendar-container__2ERYZ {\n    margin-left: 16px;\n  }\n}\n\n.style-module_calendarButton__UpA2t {\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n\n.style-module_calendarIcon__bNDfo {\n  margin: 0px;\n}";
-var styles$x = {"container":"style-module_container__3bJf5","date-selector-container":"style-module_date-selector-container__165Ii","row-container":"style-module_row-container__2J4YP","day-select":"style-module_day-select__pHm0x","month-select":"style-module_month-select__2RXk9","year-select":"style-module_year-select__8HXni","date-calendar-container":"style-module_date-calendar-container__2ERYZ","calendarButton":"style-module_calendarButton__UpA2t","calendarIcon":"style-module_calendarIcon__bNDfo"};
-styleInject(css_248z$y);
+var css_248z$x = ".style-module_container__3SY_g {\n  position: relative;\n}";
+var styles$w = {"container":"style-module_container__3SY_g"};
+styleInject(css_248z$x);
 
-dayjs.extend(localeData);
-var COLLECTABLE_DATE_FORMAT = 'YYYY-MM-DD';
-/*
-  Fill an array with an increment from a number to another number.
-  i.e. fillArray from 1 to 4 will return the following: [1, 2, 3, 4]
-  
-  You can fill descending by flipping the to value
-  i.e. fillArray from 4 to 1 will return the following: [4, 3, 2, 1]
-*/
-var fillArray = function (from, to) {
-    var ascending = from > to;
-    var arraySize = Math.abs(from - to) + 1;
-    var toReturn = new Array(arraySize).fill(0).map(function (_, index) {
-        return ascending ? to + index : from + index;
-    });
-    if (ascending) {
-        return toReturn.reverse();
-    }
-    return toReturn;
-};
-/*
-  Return the maximum number of days given a month and a year.
-*/
-var daysInMonthOfYear = function (_a) {
-    var month = _a.month, year = _a.year;
-    return dayjs(year + "-" + month).daysInMonth();
+var buttonTypeClassNameMap = {
+    filledColor: 'p-btn--primary',
+    filledGray: 'p-btn--secondary-grey',
+    filledWhite: 'p-btn--secondary-white',
+    textColor: 'p-btn--secondary',
+    textWhite: 'p-btn--secondary-inverted',
+    outlineWhite: 'p-btn--outline-white',
+    filledSuccess: 'p-btn--success',
+    filledError: 'p-btn--danger',
 };
-var DateSelector = function (_a) {
-    var _b, _c, _d;
-    var value = _a.value, onChange = _a.onChange, yearBoundaries = _a.yearBoundaries, displayCalendar = _a.displayCalendar, placeholders = _a.placeholders, dayjsLocale = _a.dayjsLocale, _e = _a.firstDayOfWeek, firstDayOfWeek = _e === void 0 ? 0 : _e;
-    var calendarDateValue = value ? isoStringtoCalendarDate(value) : undefined;
-    var daysInSelectedDate = calendarDateValue
-        ? daysInMonthOfYear({
-            month: calendarDateValue.month,
-            year: calendarDateValue.year,
-        })
-        : 31;
+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, {
+            'p-btn--loading': loading,
+            'tc-transparent': loading,
+            'p-btn--icon-only': hideLabel,
+        }), "data-testid": "button" }, props, { children: !loading && (leftIcon || rightIcon) ? (jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-center ai-center" }, { children: [leftIcon && (jsxRuntime.jsx("span", __assign({ className: classNames$1('d-inline-flex', {
+                        'mr8': !hideLabel
+                    }) }, { children: require$$0__default['default'].cloneElement(leftIcon, {
+                        size: 20,
+                        noMargin: true
+                    }) }), void 0)),
+                jsxRuntime.jsx("div", __assign({ className: classNames$1({
+                        'sr-only': hideLabel
+                    }) }, { children: children }), void 0),
+                rightIcon && (jsxRuntime.jsx("span", __assign({ className: classNames$1('d-inline-flex', {
+                        'ml8': !hideLabel
+                    }) }, { children: require$$0__default['default'].cloneElement(rightIcon, {
+                        size: 20,
+                        noMargin: true
+                    }) }), void 0))] }), void 0)) : children }), void 0));
+});
+
+var Calendar = function (_a) {
+    var dateFormat = _a.dateFormat, value = _a.value, onChange = _a.onChange, yearBoundaries = _a.yearBoundaries, displayCalendar = _a.displayCalendar, dayjsLocale = _a.dayjsLocale, firstDayOfWeek = _a.firstDayOfWeek, setCalendarOpen = _a.setCalendarOpen, isOpen = _a.isOpen;
     var localeDate = dayjsLocale
         ? dayjs().locale(dayjsLocale).localeData()
         : dayjs().locale('en').localeData();
     var localizedWeekdays = localeDate.weekdays();
     var localizedWeekdaysShort = localeDate.weekdaysShort();
     var localizedMonths = localeDate.months();
-    var localizedMonthsShort = localeDate.monthsShort();
-    var availableDays = fillArray(1, daysInSelectedDate);
-    var availableYears = fillArray(yearBoundaries.max, yearBoundaries.min);
-    var availableMonths = localizedMonthsShort;
-    var _f = require$$0.useState(calendarDateValue !== null && calendarDateValue !== void 0 ? calendarDateValue : {}), date = _f[0], setDate = _f[1];
-    var _g = require$$0.useState(false), openCalendar = _g[0], setOpenCalendar = _g[1];
     var calendarContainerRef = require$$0.useRef(null);
     var calendarDefaultDate = dayjs().year() >= yearBoundaries.min && dayjs().year() <= yearBoundaries.max
         ? dayjs().toDate()
@@ -3803,67 +3832,168 @@ var DateSelector = function (_a) {
     var dateCalendarToMonth = dayjs(String(yearBoundaries.max))
         .endOf('year')
         .toDate();
-    useOnClickOutside(calendarContainerRef, function () { return setOpenCalendar(false); });
-    require$$0.useEffect(function () {
-        if (calendarDateValue) {
-            setDate(calendarDateValue);
-        }
-    }, [value]); //eslint-disable-line react-hooks/exhaustive-deps
+    useOnClickOutside(calendarContainerRef, function () { return setCalendarOpen(false); });
+    if (!displayCalendar) {
+        return null;
+    }
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$w.container + " ml8", ref: calendarContainerRef }, { children: [jsxRuntime.jsx(Button, __assign({ onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textColor', leftIcon: jsxRuntime.jsx(CalendarIcon, {}, void 0) }, { children: "Select date" }), void 0),
+            isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
+                    if (dayjs(date).isAfter(dateCalendarFromMonth) ||
+                        dayjs(date).isBefore(dateCalendarToMonth)) {
+                        var selectedDate = dayjs(date).format(dateFormat);
+                        onChange(selectedDate);
+                        setCalendarOpen(false);
+                    }
+                }, pagedNavigation: true, disabledDays: {
+                    before: dateCalendarFromMonth,
+                    after: dateCalendarToMonth,
+                }, firstDayOfWeek: firstDayOfWeek, locale: (dayjsLocale === null || dayjsLocale === void 0 ? void 0 : dayjsLocale.name) || 'en', months: localizedMonths, weekdaysLong: localizedWeekdays, weekdaysShort: localizedWeekdaysShort }, void 0))] }), void 0));
+};
+
+dayjs.extend(localeData);
+var COLLECTABLE_DATE_FORMAT = 'YYYY-MM-DD';
+var defaultPlaceholders = {
+    day: "Day",
+    dayFormat: "DD",
+    month: "Month",
+    monthFormat: "MM",
+    year: "Year",
+    yearFormat: "YYYY",
+    error: "Please enter a valid date"
+};
+var isDateValid = function (date, yearBoundaries) {
+    var _a = yearBoundaries.min, min = _a === void 0 ? 0 : _a, _b = yearBoundaries.max, max = _b === void 0 ? 0 : _b;
+    if (!date) {
+        return { isValid: false, field: 'all' };
+    }
+    if (max && dayjs(date).isAfter(max + "-01-01", 'year')) {
+        return { isValid: false, field: 'year' };
+    }
+    if (min && dayjs(date).isBefore(min + "-01-01", 'year')) {
+        return { isValid: false, field: 'year' };
+    }
+    var isDateValid = dayjs(date, COLLECTABLE_DATE_FORMAT, true).isValid();
+    return {
+        isValid: isDateValid,
+        field: isDateValid ? undefined : 'all',
+    };
+};
+var DateSelector = function (_a) {
+    var value = _a.value, onChange = _a.onChange, placeholdersProps = _a.placeholders, yearBoundaries = _a.yearBoundaries, displayCalendar = _a.displayCalendar, dayjsLocale = _a.dayjsLocale, _b = _a.firstDayOfWeek, firstDayOfWeek = _b === void 0 ? 0 : _b;
+    var placeholders = __assign(__assign({}, defaultPlaceholders), placeholdersProps);
+    var itemsRef = require$$0.useRef([]);
+    var _c = require$$0.useState(false), isDirty = _c[0], setIsDirty = _c[1];
+    var _d = require$$0.useState(), hasError = _d[0], setHasError = _d[1];
+    var _e = require$$0.useState(false), isCalendarOpen = _e[0], setIsCalendarOpen = _e[1];
+    var _f = require$$0.useState({}), internalValue = _f[0], setInternalValue = _f[1];
     require$$0.useEffect(function () {
-        if (date.year !== undefined &&
-            date.month !== undefined &&
-            date.day !== undefined) {
-            if (calendarDateValue === undefined ||
-                date.day !== calendarDateValue.day ||
-                date.month !== calendarDateValue.month ||
-                date.year !== calendarDateValue.year) {
-                onChange(calendarDateToISODate({
-                    day: date.day,
-                    month: date.month,
-                    year: date.year,
-                }));
-            }
+        var calendarDateValue = value ? isoStringtoCalendarDate(value) : undefined;
+        if (value !== calendarDateValue && (calendarDateValue === null || calendarDateValue === void 0 ? void 0 : calendarDateValue.day) && (calendarDateValue === null || calendarDateValue === void 0 ? void 0 : calendarDateValue.month) && (calendarDateValue === null || calendarDateValue === void 0 ? void 0 : calendarDateValue.year)) {
+            var _a = isDateValid(value, yearBoundaries), isValid = _a.isValid, field = _a.field;
+            setInternalValue(calendarDateValue);
+            setHasError(isValid ? undefined : field);
+            setIsDirty(true);
         }
-    }, [date]); //eslint-disable-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
     var handleOnChange = function (key, v) {
         var _a;
-        var newValue = __assign(__assign({}, date), (_a = {}, _a[key] = v, _a));
-        if (key !== 'day' &&
-            newValue.month !== undefined &&
-            newValue.year !== undefined &&
-            newValue.day !== undefined) {
-            var cappedDays = Math.min(daysInMonthOfYear({ month: newValue.month, year: newValue.year }), newValue.day);
-            setDate(__assign(__assign({}, newValue), { day: cappedDays }));
+        var tempValue = __assign(__assign({}, internalValue), (_a = {}, _a[key] = v || undefined, _a));
+        setInternalValue(tempValue);
+        var formattedDate = calendarDateToISODate({
+            day: tempValue.day || 0,
+            month: tempValue.month || 0,
+            year: tempValue.year || 0,
+        });
+        var _b = isDateValid(formattedDate, yearBoundaries), isValid = _b.isValid, field = _b.field;
+        if (dayjs(formattedDate, COLLECTABLE_DATE_FORMAT, true).isValid()) {
+            setIsDirty(true);
         }
-        else {
-            setDate(newValue);
+        setHasError(isValid ? undefined : field);
+        onChange(isValid ? formattedDate : "");
+        setIsCalendarOpen(false);
+    };
+    var handleOnKeyDown = function (event, index) {
+        var _a, _b, _c;
+        var currentInput = (_a = itemsRef.current) === null || _a === void 0 ? void 0 : _a[index];
+        var inputSelectionStart = currentInput === null || currentInput === void 0 ? void 0 : currentInput.selectionStart;
+        var inputSelectionEnd = currentInput === null || currentInput === void 0 ? void 0 : currentInput.selectionEnd;
+        if (
+        // is not day input
+        index > 0 &&
+            // has clicked backspace or arrow left
+            ['Backspace', "ArrowLeft"].includes(event.key) &&
+            // is focused at the first character of the input
+            inputSelectionStart === 0 && inputSelectionEnd === 0) {
+            var prevInput = (_b = itemsRef.current) === null || _b === void 0 ? void 0 : _b[index - 1];
+            event.preventDefault();
+            prevInput === null || prevInput === void 0 ? void 0 : prevInput.focus();
+            prevInput === null || prevInput === void 0 ? void 0 : prevInput.setSelectionRange(0, 3);
+        }
+        if (
+        // is not year input
+        index < 2
+            // has clicked arrow right
+            && event.key === "ArrowRight"
+            // is focused at the last character of the input value
+            && inputSelectionStart === currentInput.value.length) {
+            var nextInput = (_c = itemsRef.current) === null || _c === void 0 ? void 0 : _c[index + 1];
+            event.preventDefault();
+            nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
+            nextInput === null || nextInput === void 0 ? void 0 : nextInput.setSelectionRange(0, index === 1 ? 4 : 3);
+        }
+    };
+    var handleOnKeyUp = function (event, index) {
+        var _a, _b;
+        var currentInput = (_a = itemsRef.current) === null || _a === void 0 ? void 0 : _a[index];
+        var inputSelectionStart = currentInput === null || currentInput === void 0 ? void 0 : currentInput.selectionStart;
+        if (
+        // is not year input
+        index < 2
+            // is a number key
+            && /^\d+$/.test(event.key)
+            && (
+            // is focused at the last character of the input value
+            inputSelectionStart === currentInput.maxLength
+                // or month value is over 1 or day value is over 3
+                || Number(currentInput.value) > (index === 1 ? 1 : 3))) {
+            var nextInput = (_b = itemsRef.current) === null || _b === void 0 ? void 0 : _b[index + 1];
+            event.preventDefault();
+            event.stopPropagation();
+            nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
+            nextInput === null || nextInput === void 0 ? void 0 : nextInput.setSelectionRange(0, index === 1 ? 4 : 3);
         }
-        setOpenCalendar(false);
     };
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$x.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$x['date-selector-container'] }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles$x['row-container'] }, { children: [jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-day", className: "p-select " + styles$x['day-select'], id: "day", name: "day", required: true, value: (_b = date.day) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
-                                    handleOnChange('day', parseInt(e.target.value, 10));
-                                } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.day) || 'Day' }), void 0),
-                                    availableDays.map(function (day) { return (jsxRuntime.jsx("option", __assign({ value: day }, { children: day }), day)); })] }), void 0),
-                            jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-month", className: "p-select " + styles$x['month-select'], id: "month", name: "month", required: true, value: (_c = date.month) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
-                                    handleOnChange('month', parseInt(e.target.value, 10));
-                                } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.month) || 'Month' }), void 0),
-                                    availableMonths.map(function (month, i) { return (jsxRuntime.jsx("option", __assign({ value: i + 1 }, { children: month }), month)); })] }), void 0)] }), void 0),
-                    jsxRuntime.jsxs("select", __assign({ "data-cy": "date-selector-year", className: "p-select " + styles$x['year-select'], id: "year", name: "year", required: true, value: (_d = date.year) !== null && _d !== void 0 ? _d : '', onChange: function (e) {
-                            handleOnChange('year', parseInt(e.target.value, 10));
-                        } }, { children: [jsxRuntime.jsx("option", __assign({ value: "", disabled: true }, { children: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.year) || 'Year' }), void 0),
-                            availableYears.map(function (year) { return (jsxRuntime.jsx("option", __assign({ value: year }, { children: year }), year)); })] }), void 0)] }), void 0),
-            displayCalendar && (jsxRuntime.jsxs("div", __assign({ className: styles$x['date-calendar-container'], ref: calendarContainerRef }, { children: [jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return setOpenCalendar(!openCalendar); }, className: styles$x.calendarButton, "data-testid": "calendar-button" }, { children: jsxRuntime.jsx(CalendarIcon, { color: 'purple-500', size: 24, className: "" + styles$x.calendarIcon }, void 0) }), void 0),
-                    openCalendar && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
-                            if (dayjs(date).isAfter(dateCalendarFromMonth) ||
-                                dayjs(date).isBefore(dateCalendarToMonth)) {
-                                var selectedDate = dayjs(date).format(COLLECTABLE_DATE_FORMAT);
-                                onChange(selectedDate);
-                                setOpenCalendar(false);
-                            }
-                        }, pagedNavigation: true, disabledDays: {
-                            before: dateCalendarFromMonth,
-                            after: dateCalendarToMonth,
-                        }, firstDayOfWeek: firstDayOfWeek, locale: (dayjsLocale === null || dayjsLocale === void 0 ? void 0 : dayjsLocale.name) || 'en', months: localizedMonths, weekdaysLong: localizedWeekdays, weekdaysShort: localizedWeekdaysShort }, void 0))] }), void 0))] }), void 0));
+    var getInputProps = function (key, index) {
+        var _a, _b;
+        return ({
+            'data-cy': "date-selector-" + key,
+            'data-testid': "date-selector-" + key,
+            className: styles$z[key + "Input"],
+            id: key,
+            name: key,
+            maxLength: 2,
+            required: true,
+            label: placeholders === null || placeholders === void 0 ? void 0 : placeholders[key],
+            placeholder: (_a = placeholders === null || placeholders === void 0 ? void 0 : placeholders[key + "Format"]) !== null && _a !== void 0 ? _a : "",
+            labelInsideInput: true,
+            value: (_b = internalValue[key]) !== null && _b !== void 0 ? _b : '',
+            error: (hasError && [key, 'all'].includes(hasError)) && isDirty,
+            type: "text",
+            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);
+            },
+        });
+    };
+    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex ai-center" }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1(styles$z.container, "d-flex gap8") }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex gap8 jc-between" }, { children: [jsxRuntime.jsx(Input, __assign({}, getInputProps('day', 0), { inputMode: 'numeric' }), void 0),
+                                    jsxRuntime.jsx(Input, __assign({}, getInputProps('month', 1), { inputMode: 'numeric' }), void 0)] }), void 0),
+                            jsxRuntime.jsx(Input, __assign({}, getInputProps('year', 2), { inputMode: 'numeric', maxLength: 4 }), void 0)] }), void 0),
+                    jsxRuntime.jsx(Calendar, { dateFormat: COLLECTABLE_DATE_FORMAT, yearBoundaries: yearBoundaries, displayCalendar: displayCalendar, dayjsLocale: dayjsLocale, firstDayOfWeek: firstDayOfWeek, isOpen: isCalendarOpen, setCalendarOpen: setIsCalendarOpen, value: value, onChange: onChange }, void 0)] }), void 0),
+            hasError && isDirty && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 mt8" }, { children: placeholders.error }), void 0))] }, void 0));
 };
 
 /*!
@@ -4360,9 +4490,9 @@ class SignaturePad$1 {
     }
 }
 
-var css_248z$x = ".style-module_container__1VolG {\n  position: relative;\n  background-color: var(--ds-grey-200);\n  border-radius: 8px;\n  height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n  width: 100%;\n  height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n  position: absolute;\n  height: 2px;\n  right: 112px;\n  left: 72px;\n  bottom: 32px;\n  background-color: var(--ds-grey-400);\n  border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n  display: flex;\n  position: absolute;\n  right: 16px;\n  bottom: 32px;\n  color: var(--ds-primary-500);\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  font-size: 16px;\n  line-height: 24px;\n  background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n  color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  background-color: currentColor;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-background-color: currentColor;\n  margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n  color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n  position: absolute;\n  bottom: 32px;\n  left: 16px;\n  height: 24px;\n  width: 24px;\n  mask-size: 24px 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  -webkit-mask-size: 24px 24px;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  background-color: var(--ds-grey-500);\n}";
-var styles$w = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
-styleInject(css_248z$x);
+var css_248z$w = ".style-module_container__1VolG {\n  position: relative;\n  background-color: var(--ds-grey-200);\n  border-radius: 8px;\n  height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n  width: 100%;\n  height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n  position: absolute;\n  height: 2px;\n  right: 112px;\n  left: 72px;\n  bottom: 32px;\n  background-color: var(--ds-grey-400);\n  border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n  display: flex;\n  position: absolute;\n  right: 16px;\n  bottom: 32px;\n  color: var(--ds-primary-500);\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  font-size: 16px;\n  line-height: 24px;\n  background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n  color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  background-color: currentColor;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-background-color: currentColor;\n  margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n  color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n  position: absolute;\n  bottom: 32px;\n  left: 16px;\n  height: 24px;\n  width: 24px;\n  mask-size: 24px 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  -webkit-mask-size: 24px 24px;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  background-color: var(--ds-grey-500);\n}";
+var styles$v = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
+styleInject(css_248z$w);
 
 var 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";
 
@@ -4391,15 +4521,15 @@ var SignaturePad = /** @class */ (function (_super) {
     SignaturePad.prototype.render = function () {
         var hasContent = this.state.hasContent;
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
-                        __html: "." + styles$w.reset + "::before { \n              -webkit-mask-image: url(\"" + reset + "\");\n              mask-image: url(\"" + reset + "\");\n           }",
+                        __html: "." + styles$v.reset + "::before { \n              -webkit-mask-image: url(\"" + reset + "\");\n              mask-image: url(\"" + reset + "\");\n           }",
                     } }, void 0),
-                jsxRuntime.jsxs("div", __assign({ className: styles$w.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$w.canvas, ref: this.canvasRef }, void 0),
-                        jsxRuntime.jsx("div", { className: styles$w.separator }, void 0),
-                        jsxRuntime.jsx("div", { className: styles$w.sign, style: {
+                jsxRuntime.jsxs("div", __assign({ className: styles$v.container }, { children: [jsxRuntime.jsx("canvas", { className: styles$v.canvas, ref: this.canvasRef }, void 0),
+                        jsxRuntime.jsx("div", { className: styles$v.separator }, void 0),
+                        jsxRuntime.jsx("div", { className: styles$v.sign, style: {
                                 WebkitMaskImage: "url(\"" + sign + "\")",
                                 maskImage: "url(\"" + sign + "\")",
                             } }, void 0),
-                        jsxRuntime.jsx("button", __assign({ className: styles$w.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
+                        jsxRuntime.jsx("button", __assign({ className: styles$v.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
     };
     SignaturePad.prototype.notifyOnChange = function () {
         var onChange = this.props.onChange;
@@ -4797,36 +4927,6 @@ function toNumber(value) {
 
 var lodash_debounce = debounce;
 
-function generateId() {
-    var _a;
-    if (typeof window !== "undefined" && ((_a = window === null || window === void 0 ? void 0 : window.crypto) === null || _a === void 0 ? void 0 : _a.getRandomValues)) {
-        return ([1e7] + "-" + 1e3 + "-" + 4e3 + "-" + 8e3 + "-" + 1e11).replace(/[018]/g, function (c) {
-            return (((c ^ window.crypto.getRandomValues(new Uint8Array(1))[0]) & 15) >> c / 4).toString(16);
-        });
-    }
-    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  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
-var styles$v = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
-styleInject(css_248z$w);
-
-var Input = require$$0__default['default'].forwardRef(function (_a, ref) {
-    var _b, _c, _d, _e, _f, _g;
-    var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel"]);
-    var uniqueId = require$$0.useState(id !== null && id !== void 0 ? id : generateId())[0];
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$v.container + " " + (className !== null && className !== void 0 ? className : '') }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames('p-p', styles$v.label, (_b = {},
-                    _b[styles$v['label--with-error']] = error,
-                    _b['sr-only'] = hideLabel,
-                    _b)) }, { children: label }), void 0)),
-            jsxRuntime.jsxs("div", __assign({ style: { position: 'relative' } }, { children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames(error ? 'p-input--error' : 'p-input', !label && placeholder && placeholder.length > 0
-                            ? styles$v.input
-                            : styles$v['input--no-placeholder'], (_c = {}, _c[styles$v['input--with-prefix']] = prefix, _c)), placeholder: label ? placeholder : ' ', disabled: disabled }, props), void 0),
-                    prefix && (jsxRuntime.jsx("span", __assign({ className: classNames(styles$v.prefix, (_d = {}, _d[styles$v['prefix--with-error']] = error, _d), (_e = {}, _e[styles$v['prefix--disabled']] = disabled, _e)) }, { children: prefix }), void 0)),
-                    !label && (jsxRuntime.jsx("label", __assign({ htmlFor: uniqueId, className: classNames(styles$v.placeholder, (_f = {}, _f[styles$v['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$v['placeholder--with-error']] = error, _g)) }, { children: placeholder }), void 0))] }), void 0),
-            error && (jsxRuntime.jsx("p", __assign({ className: "p-p--small tc-red-500 w100 " + styles$v.error }, { children: error }), void 0))] }), void 0));
-});
-
 var z7=Object.defineProperty;var V$1=(t,a)=>{for(var z in a)z7(t,z,{get:a[z],enumerable:!0});};var s$1=["AF","AL","DZ","AD","AS","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IL","IT","JM","JP","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","MS","ME","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","SH","KN","LC","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SK","SI","SB","SO","ZA","GS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW","AX","BQ","CW","GG","IM","JE","BL","MF","SX","XK","SS"];var r$3={};V$1(r$3,{countries:()=>L$1,default:()=>p7,locale:()=>y$3});var y$3="en",L$1={AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarctica",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BV:"Bouvet Island",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei Darussalam",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CX:"Christmas Island",CC:"Cocos (Keeling) Islands",CO:"Colombia",KM:"Comoros",CG:"Republic of the Congo",CD:"Democratic Republic of the Congo",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote D'Ivoire",HR:"Croatia",CU:"Cuba",CY:"Cyprus",CZ:"Czech Republic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands (Malvinas)",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",TF:"French Southern Territories",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard Island and McDonald Islands",VA:"Holy See (Vatican City State)",HN:"Honduras",HK:"Hong Kong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Lao People's Democratic Republic",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia, Federated States of",MD:"Moldova, Republic of",MC:"Monaco",MN:"Mongolia",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Island",MK:"North Macedonia",MP:"Northern Mariana Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestine",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",RO:"Romania",RU:"Russia",RW:"Rwanda",SH:"Saint Helena",KN:"Saint Kitts and Nevis",LC:"Saint Lucia",PM:"Saint Pierre and Miquelon",VC:"Saint Vincent and the Grenadines",WS:"Samoa",SM:"San Marino",ST:"Sao Tome and Principe",SA:"Saudi Arabia",SN:"Senegal",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",GS:"South Georgia and the South Sandwich Islands",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SR:"Suriname",SJ:"Svalbard and Jan Mayen",SZ:"Eswatini",SE:"Sweden",CH:"Switzerland",SY:"Syrian Arab Republic",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor-Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad and Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TC:"Turks and Caicos Islands",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdom",US:"United States",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands, British",VI:"Virgin Islands, U.S.",WF:"Wallis and Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe",AX:"\xC5land Islands",BQ:"Bonaire, Sint Eustatius and Saba",CW:"Cura\xE7ao",GG:"Guernsey",IM:"Isle of Man",JE:"Jersey",ME:"Montenegro",BL:"Saint Barth\xE9lemy",MF:"Saint Martin (French part)",RS:"Serbia",SX:"Sint Maarten (Dutch part)",SS:"South Sudan",XK:"Kosovo"},p7={locale:y$3,countries:L$1};var m$4={};V$1(m$4,{countries:()=>S$1,default:()=>M7,locale:()=>B});var B="de",S$1={AF:"Afghanistan",EG:"\xC4gypten",AX:"\xC5land",AL:"Albanien",DZ:"Algerien",AS:"Amerikanisch-Samoa",VI:"Amerikanische Jungferninseln",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarktis",AG:"Antigua und Barbuda",GQ:"\xC4quatorialguinea",AR:"Argentinien",AM:"Armenien",AW:"Aruba",AZ:"Aserbaidschan",ET:"\xC4thiopien",AU:"Australien",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesch",BB:"Barbados",BY:"Belarus",BE:"Belgien",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivien",BQ:"Bonaire",BA:"Bosnien und Herzegowina",BW:"Botswana",BV:"Bouvetinsel",BR:"Brasilien",VG:"Britische Jungferninseln",IO:"Britisches Territorium im Indischen Ozean",BN:"Brunei Darussalam",BG:"Bulgarien",BF:"Burkina Faso",BI:"Burundi",CL:"Chile",CN:"China",CK:"Cookinseln",CR:"Costa Rica",CI:"Elfenbeink\xFCste",CW:"Cura\xE7ao",DK:"D\xE4nemark",DE:"Deutschland",DM:"Dominica",DO:"Dominikanische Republik",DJ:"Dschibuti",EC:"Ecuador",SV:"El Salvador",ER:"Eritrea",EE:"Estland",FK:"Falklandinseln",FO:"F\xE4r\xF6er",FJ:"Fidschi",FI:"Finnland",FR:"Frankreich",GF:"Franz\xF6sisch-Guayana",PF:"Franz\xF6sisch-Polynesien",TF:"Franz\xF6sische S\xFCd- und Antarktisgebiete",GA:"Gabun",GM:"Gambia",GE:"Georgien",GH:"Ghana",GI:"Gibraltar",GD:"Grenada",GR:"Griechenland",GL:"Gr\xF6nland",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GG:"Guernsey",GN:"Guinea",GW:"Guinea-Bissau",GY:"Guyana",HT:"Haiti",HM:"Heard und McDonaldinseln",HN:"Honduras",HK:"Hongkong",IN:"Indien",ID:"Indonesien",IM:"Insel Man",IQ:"Irak",IR:"Iran",IE:"Irland",IS:"Island",IL:"Israel",IT:"Italien",JM:"Jamaika",JP:"Japan",YE:"Jemen",JE:"Jersey",JO:"Jordanien",KY:"Kaimaninseln",KH:"Kambodscha",CM:"Kamerun",CA:"Kanada",CV:"Kap Verde",KZ:"Kasachstan",QA:"Katar",KE:"Kenia",KG:"Kirgisistan",KI:"Kiribati",CC:"Kokosinseln",CO:"Kolumbien",KM:"Komoren",CD:"Kongo",KP:"Nordkorea",KR:"S\xFCdkorea",HR:"Kroatien",CU:"Kuba",KW:"Kuwait",LA:"Laos",LS:"Lesotho",LV:"Lettland",LB:"Libanon",LR:"Liberia",LY:"Libyen",LI:"Liechtenstein",LT:"Litauen",LU:"Luxemburg",MO:"Macao",MG:"Madagaskar",MW:"Malawi",MY:"Malaysia",MV:"Malediven",ML:"Mali",MT:"Malta",MA:"Marokko",MH:"Marshallinseln",MQ:"Martinique",MR:"Mauretanien",MU:"Mauritius",YT:"Mayotte",MX:"Mexiko",FM:"Mikronesien",MD:"Moldawien",MC:"Monaco",MN:"Mongolei",ME:"Montenegro",MS:"Montserrat",MZ:"Mosambik",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NC:"Neukaledonien",NZ:"Neuseeland",NI:"Nicaragua",NL:"Niederlande",NE:"Niger",NG:"Nigeria",NU:"Niue",MK:"Nordmazedonien",MP:"N\xF6rdliche Marianen",NF:"Norfolkinsel",NO:"Norwegen",OM:"Oman",AT:"\xD6sterreich",TL:"Osttimor",PK:"Pakistan",PS:"Staat Pal\xE4stina",PW:"Palau",PA:"Panama",PG:"Papua-Neuguinea",PY:"Paraguay",PE:"Peru",PH:"Philippinen",PN:"Pitcairninseln",PL:"Polen",PT:"Portugal",PR:"Puerto Rico",TW:"Taiwan",CG:"Republik Kongo",RE:"R\xE9union",RW:"Ruanda",RO:"Rum\xE4nien",RU:"Russische F\xF6deration",BL:"Saint-Barth\xE9lemy",MF:"Saint-Martin",SB:"Salomonen",ZM:"Sambia",WS:"Samoa",SM:"San Marino",ST:"S\xE3o Tom\xE9 und Pr\xEDncipe",SA:"Saudi-Arabien",SE:"Schweden",CH:"Schweiz",SN:"Senegal",RS:"Serbien",SC:"Seychellen",SL:"Sierra Leone",ZW:"Simbabwe",SG:"Singapur",SX:"Sint Maarten",SK:"Slowakei",SI:"Slowenien",SO:"Somalia",ES:"Spanien",LK:"Sri Lanka",SH:"St. Helena",KN:"St. Kitts und Nevis",LC:"St. Lucia",PM:"Saint-Pierre und Miquelon",VC:"St. Vincent und die Grenadinen",ZA:"S\xFCdafrika",SD:"Sudan",GS:"S\xFCdgeorgien und die S\xFCdlichen Sandwichinseln",SS:"S\xFCdsudan",SR:"Suriname",SJ:"Svalbard und Jan Mayen",SZ:"Eswatini",SY:"Syrien, Arabische Republik",TJ:"Tadschikistan",TZ:"Tansania, Vereinigte Republik",TH:"Thailand",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad und Tobago",TD:"Tschad",CZ:"Tschechische Republik",TN:"Tunesien",TR:"T\xFCrkei",TM:"Turkmenistan",TC:"Turks- und Caicosinseln",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",HU:"Ungarn",UM:"United States Minor Outlying Islands",UY:"Uruguay",UZ:"Usbekistan",VU:"Vanuatu",VA:"Vatikanstadt",VE:"Venezuela",AE:"Vereinigte Arabische Emirate",US:"Vereinigte Staaten",GB:"Vereinigtes K\xF6nigreich",VN:"Vietnam",WF:"Wallis und Futuna",CX:"Weihnachtsinsel",EH:"Westsahara",CF:"Zentralafrikanische Republik",CY:"Zypern",XK:"Kosovo"},M7={locale:B,countries:S$1};var c7={en:r$3,de:m$4};function $5(t,a="en"){return c7[a].countries[t]}var f7=(t="en")=>s$1.map(a=>({name:c7[t].countries[a],code:a}));f7();
 
 var geocoderAddressComponentToPartialAddress = function (input) {
@@ -4998,7 +5098,7 @@ var AutocompleteAddress = function (_a) {
             }
         };
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("wmx8 bg-grey-500 " + styles$u['map-container'], (_b = {},
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("wmx8 bg-grey-500 " + styles$u['map-container'], (_b = {},
                     _b[styles$u['map-container--hidden']] = place === null,
                     _b)) }, { children: [jsxRuntime.jsx("div", { className: styles$u.map, id: "map" }, void 0),
                     isLoading && (jsxRuntime.jsx("div", __assign({ className: styles$u['loading-spinner'] }, { children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }, void 0) }), void 0))] }), void 0),
@@ -7869,7 +7969,7 @@ const ANIMATION_STATE_CLASSES = {
     staticHeightSpecific: 'rah-static--height-specific',
 };
 function getStaticStateClasses(animationStateClasses, height) {
-    return classNames({
+    return classNames$1({
         [animationStateClasses.static]: true,
         [animationStateClasses.staticHeightZero]: height === 0,
         [animationStateClasses.staticHeightSpecific]: height > 0,
@@ -7953,7 +8053,7 @@ const AnimateHeight = (_a) => {
                 newHeight = contentHeight;
             }
             // Animation classes
-            const newAnimationStateClassNames = classNames({
+            const newAnimationStateClassNames = classNames$1({
                 [stateClasses.current.animating]: true,
                 [stateClasses.current.animatingUp]: prevHeight.current === 'auto' || height < prevHeight.current,
                 [stateClasses.current.animatingDown]: height === 'auto' || height > prevHeight.current,
@@ -8077,16 +8177,16 @@ var UploadFileCell = function (_a) {
         COMPLETE: name,
         ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
     }[uploadStatus];
-    return (jsxRuntime.jsxs("div", __assign({ className: classNames("mt8 " + styles$s['upload-file-cell'], (_b = {},
+    return (jsxRuntime.jsxs("div", __assign({ className: classNames$1("mt8 " + styles$s['upload-file-cell'], (_b = {},
             _b[styles$s['upload-file-cell-error']] = hasError,
-            _b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$s['cell-left-section'] }, { children: [jsxRuntime.jsx(FileIcon, { className: classNames(styles$s['main-icon'] + " " + styles$s.icon), color: mapFileIconColor[uploadStatus], size: 24 }, void 0),
+            _b)) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "w100 " + styles$s['cell-left-section'] }, { children: [jsxRuntime.jsx(FileIcon, { className: classNames$1(styles$s['main-icon'] + " " + styles$s.icon), color: mapFileIconColor[uploadStatus], size: 24 }, void 0),
                     jsxRuntime.jsxs("div", __assign({ className: "w100" }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-p " + styles$s['upload-display-text'], title: displayText }, { children: displayText }), void 0),
                             isUploading && showProgressBar && (jsxRuntime.jsxs("div", __assign({ className: "mt8 w100 " + styles$s['progress-bar-container'] }, { children: [jsxRuntime.jsx("div", { className: "" + styles$s['progress-bar'] }, void 0),
                                     jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "" + styles$s['progress-bar-filler'], style: { width: progress + "%" } }, void 0)] }), void 0))] }), void 0)] }), void 0),
-            jsxRuntime.jsx("div", __assign({ className: classNames(styles$s['cell-right-section'], (_c = {},
+            jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$s['cell-right-section'], (_c = {},
                     _c[styles$s['cell-right-section-complete']] = isComplete,
                     _c)) }, { children: isUploading ? (jsxRuntime.jsx("div", __assign({ className: styles$s.spinner }, { children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" }, void 0)) }), void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx("a", __assign({ className: styles$s['view-icon'], href: previewUrl, target: "_blank", rel: "noopener noreferrer" }, { children: jsxRuntime.jsx(EyeVisionIcon, { color: 'grey-500', size: 24, className: styles$s.icon }, void 0) }), void 0)),
-                        onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames(styles$s['remove-icon'], (_d = {},
+                        onRemoveFile && (jsxRuntime.jsx("button", __assign({ type: "button", onClick: function () { return onRemoveFile(id); }, className: classNames$1(styles$s['remove-icon'], (_d = {},
                                 _d[styles$s.disabled] = uploading,
                                 _d)), "data-testid": "remove-button" }, { children: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, className: styles$s.icon }, void 0) }), void 0))] }, void 0)) }), void 0)] }), void 0));
 };
@@ -8199,7 +8299,7 @@ var MultiDropzone = function (_a) {
         maxSize: maxSize,
         onDrop: onDrop,
     }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$t.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer " + styles$t.dropzoneContainer, (_b = {},
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$t.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("w100 ta-center br8 c-pointer " + styles$t.dropzoneContainer, (_b = {},
                     _b[styles$t['dropzoneContainerDisabled']] = uploading,
                     _b)) }, getRootProps(), { children: [jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps()), void 0),
                     jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$t.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }, void 0),
@@ -8221,40 +8321,6 @@ var MultiDropzone = function (_a) {
             jsxRuntime.jsx(AnimateHeight, __assign({ duration: 300, height: isOverMaxFiles ? 'auto' : 0 }, { children: jsxRuntime.jsx("p", __assign({ className: "tc-red-500 p-p--small" }, { children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.tooManyFilesError) || 'Too many files.' }), void 0) }), void 0)] }), void 0));
 };
 
-var buttonTypeClassNameMap = {
-    filledColor: 'p-btn--primary',
-    filledGray: 'p-btn--secondary-grey',
-    filledWhite: 'p-btn--secondary-white',
-    textColor: 'p-btn--secondary',
-    textWhite: 'p-btn--secondary-inverted',
-    outlineWhite: 'p-btn--outline-white',
-    filledSuccess: 'p-btn--success',
-    filledError: 'p-btn--danger',
-};
-var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
-    var as = _a.as, 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, ["as", "className", "loading", "children", "variant", "leftIcon", "rightIcon", "hideLabel"]);
-    var ButtonTag = as || 'button';
-    return (jsxRuntime.jsx(ButtonTag, __assign({ ref: ref, className: classNames(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", __assign({ className: "d-flex jc-center ai-center" }, { children: [leftIcon && (jsxRuntime.jsx("span", __assign({ className: classNames('d-inline-flex', {
-                        'mr8': !hideLabel
-                    }) }, { children: require$$0__default['default'].cloneElement(leftIcon, {
-                        size: 20,
-                        noMargin: true
-                    }) }), void 0)),
-                jsxRuntime.jsx("div", __assign({ className: classNames({
-                        'sr-only': hideLabel
-                    }) }, { children: children }), void 0),
-                rightIcon && (jsxRuntime.jsx("span", __assign({ className: classNames('d-inline-flex', {
-                        'ml8': !hideLabel
-                    }) }, { children: require$$0__default['default'].cloneElement(rightIcon, {
-                        size: 20,
-                        noMargin: true
-                    }) }), void 0))] }), void 0)) : children }), void 0));
-});
-
 var css_248z$s = ".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$r = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
 styleInject(css_248z$s);
@@ -8292,8 +8358,8 @@ var InformationBox = function (_a) {
         information: 'blue-500',
         neutral: 'purple-500',
     };
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'p16 br8 color-black', styles$q.informationBox, styles$q["informationBox--" + variant]), role: "alert" }, { children: jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [showIcon && (jsxRuntime.jsx("div", __assign({ "data-testid": "information-box-icon", className: 'mr8' }, { children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$q.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }, void 0) }), void 0)),
-                jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", __assign({ "data-testid": "information-box-title", className: classNames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
+    return (jsxRuntime.jsx("div", __assign({ className: classNames$1(className, 'p16 br8 color-black', styles$q.informationBox, styles$q["informationBox--" + variant]), role: "alert" }, { children: jsxRuntime.jsxs("div", __assign({ className: "d-flex" }, { children: [showIcon && (jsxRuntime.jsx("div", __assign({ "data-testid": "information-box-icon", className: 'mr8' }, { children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$q.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }, void 0) }), void 0)),
+                jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", __assign({ "data-testid": "information-box-title", className: classNames$1(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
                         jsxRuntime.jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
 };
 
@@ -8317,7 +8383,7 @@ var formatIban = function (iban) {
 
 var IbanInput = function (_a) {
     var value = _a.value, onChange = _a.onChange, props = __rest$1(_a, ["value", "onChange"]);
-    return (jsxRuntime.jsx(Input, __assign({ value: formatIban(value), onChange: function (e) { return onChange(formatIban(e.target.value)); } }, props), void 0));
+    return (jsxRuntime.jsx(Input, __assign({ value: formatIban(value), onChange: function (e) { return onChange === null || onChange === void 0 ? void 0 : onChange(formatIban(e.target.value)); } }, props), void 0));
 };
 
 var formatInput = function (input) {
@@ -8395,7 +8461,7 @@ var getVariantClassNames = function (variant) { return ({
 }[variant]); };
 var Badge = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$p["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
+    return (jsxRuntime.jsx("div", __assign({ className: classNames$1(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$p["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
 };
 
 var css_248z$p = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}";
@@ -8429,7 +8495,7 @@ var Checkbox = function (_a) {
     var isCheckboxLabelObject = function (label) {
         return label.title !== undefined;
     };
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$o.container, 'd-flex gap8', (_b = {},
+    return (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$o.container, 'd-flex gap8', (_b = {},
             _b[styles$o.narrow] = !wide,
             _b['fd-row'] = inlineLayout,
             _b['f-wrap'] = inlineLayout,
@@ -8439,10 +8505,10 @@ 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 = (_b = label) === null || _b === void 0 ? void 0 : _b.icon;
-            return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames('p-checkbox', {
+            return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames$1('p-checkbox', {
                             'p-checkbox--no-icon': customIcon,
                         }), id: currentValue, type: "checkbox", value: currentValue, onChange: function () { return handleOnChange(currentValue); }, checked: checked, "data-testid": "checkbox-input-" + currentValue }, void 0),
-                    jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16', {
+                    jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16', {
                             'p-label--bordered': bordered,
                             'jc-center': customIcon,
                             'fd-column': customIcon,
@@ -8460,7 +8526,7 @@ 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", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$n.container, 'd-flex gap8', (_b = {},
+    return (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$n.container, 'd-flex gap8', (_b = {},
             _b[styles$n.wide] = wide,
             _b[styles$n.narrow] = !wide,
             _b['fd-row'] = inlineLayout,
@@ -8475,15 +8541,15 @@ var Radio = function (_a) {
             var isRadioLabelObject = function (label) {
                 return label.title !== undefined;
             };
-            return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames('p-radio', {
+            return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames$1('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-" + currentValue, disabled: disabled }, void 0),
-                    jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label', {
+                    jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classNames$1(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-" + currentValue, "data-testid": "radio-" + currentValue }, { children: [customIcon && (jsxRuntime.jsx("div", __assign({ className: classNames('d-inline-flex ai-center jc-center', inlineIcon ? 'mr8' : 'mt8') }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0)),
+                        }), "data-cy": "radio-" + currentValue, "data-testid": "radio-" + currentValue }, { children: [customIcon && (jsxRuntime.jsx("div", __assign({ className: classNames$1('d-inline-flex ai-center jc-center', inlineIcon ? 'mr8' : 'mt8') }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0)),
                             isRadioLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
                                     jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0)) : (label)] }), void 0)] }), currentValue));
         }) }), void 0));
@@ -8547,7 +8613,7 @@ var BottomModal = function (_a) {
     if (!isOpen) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
     }
-    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$m['overlay--close'] : styles$m.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: styles$m.wrapper, ref: containerRef, onClick: handleContainerClick, style: { top: containerXOffset + "px" } }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$m['container--close'] : styles$m.container) + " " + className }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$m.header, {
+    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$m['overlay--close'] : styles$m.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: styles$m.wrapper, ref: containerRef, onClick: handleContainerClick, style: { top: containerXOffset + "px" } }, { children: jsxRuntime.jsxs("div", __assign({ className: (isClosing ? styles$m['container--close'] : styles$m.container) + " " + className }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1(styles$m.header, {
                             'jc-between': !!title,
                             'jc-end': !title,
                         }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$m.title }, { children: title }), void 0),
@@ -8565,7 +8631,7 @@ var RegularModal = function (_a) {
     if (!isOpen) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {}, void 0);
     }
-    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$l['overlay--close'] : styles$l.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$l['container--close'] : styles$l.container) + " " + className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$l.body, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames(styles$l.header, {
+    return (jsxRuntime.jsx("div", __assign({ className: isClosing ? styles$l['overlay--close'] : styles$l.overlay, onClick: handleOnOverlayClick }, { children: jsxRuntime.jsx("div", __assign({ className: (isClosing ? styles$l['container--close'] : styles$l.container) + " " + className }, { children: jsxRuntime.jsxs("div", __assign({ className: styles$l.body, onClick: handleContainerClick }, { children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1(styles$l.header, {
                             'jc-between': !!title,
                             'jc-end': !title,
                         }) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$l.title }, { children: title }), void 0),
@@ -8756,32 +8822,32 @@ styleInject(css_248z$f);
 var cardDefaultAs = 'section';
 var Card = function (_a) {
     var _b;
-    var as = _a.as, children = _a.children, classNames$1 = _a.classNames, _c = _a.density, density = _c === void 0 ? 'balanced' : _c, description = _a.description, _d = _a.descriptionVariant, descriptionVariant = _d === void 0 ? 'large' : _d, _e = _a.dropShadow, dropShadow = _e === void 0 ? true : _e, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _f = _a.titleVariant, titleVariant = _f === void 0 ? 'large' : _f, showActionIcon = _a.showActionIcon, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon"]);
+    var as = _a.as, children = _a.children, classNames = _a.classNames, _c = _a.density, density = _c === void 0 ? 'balanced' : _c, description = _a.description, _d = _a.descriptionVariant, descriptionVariant = _d === void 0 ? 'large' : _d, _e = _a.dropShadow, dropShadow = _e === void 0 ? true : _e, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _f = _a.titleVariant, titleVariant = _f === void 0 ? 'large' : _f, showActionIcon = _a.showActionIcon, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon"]);
     var hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;
     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(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.buttonWrapper, ' d-flex w100 br8 ai-stretch', (_b = {
+    return (jsxRuntime.jsx(Tag, __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, ' d-flex w100 br8 ai-stretch', (_b = {
                 'c-pointer': propsWithActionIcon
             },
             _b[styles$e.button] = propsWithActionIcon,
             _b)) }, onClick && {
         onClick: onClick,
         type: "button"
-    }, rest, { children: jsxRuntime.jsxs("div", __assign({ className: classNames('d-flex fd-column jc-center br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
+    }, rest, { children: jsxRuntime.jsxs("div", __assign({ className: classNames$1('d-flex fd-column jc-center br8 bg-white w100 ta-left', { 'bs-sm': dropShadow }, {
                 compact: 'p16',
                 balanced: 'p24',
                 spacious: 'p32',
-            }[density], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.wrapper) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex w100" }, { children: [icon && (jsxRuntime.jsx("div", __assign({ className: classNames("d-flex ai-center tc-primary-500", styles$e.icon, styles$e["icon" + density], classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.icon) }, { children: icon }), void 0)),
-                        jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-between w100" }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-center gap8 fd-column tc-grey-900 w100" }, { children: [label && (jsxRuntime.jsx("h3", __assign({ className: classNames('p-p--small', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.label) }, { children: label }), void 0)),
-                                        title && (jsxRuntime.jsx("h2", __assign({ className: classNames(classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.title, {
+            }[density], classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex w100" }, { children: [icon && (jsxRuntime.jsx("div", __assign({ className: classNames$1("d-flex ai-center tc-primary-500", styles$e.icon, styles$e["icon" + density], classNames === null || classNames === void 0 ? void 0 : classNames.icon) }, { children: icon }), void 0)),
+                        jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-between w100" }, { children: [jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-center gap8 fd-column tc-grey-900 w100" }, { children: [label && (jsxRuntime.jsx("h3", __assign({ className: classNames$1('p-p--small', classNames === null || classNames === void 0 ? void 0 : classNames.label) }, { children: label }), void 0)),
+                                        title && (jsxRuntime.jsx("h2", __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.title, {
                                                 large: 'p-h3',
                                                 medium: 'p-h4',
                                                 small: 'p-p',
                                             }[titleVariant]) }, { children: title }), void 0)),
-                                        description && (jsxRuntime.jsx("div", __assign({ className: classNames('tc-grey-600', classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p') }, { children: description }), void 0))] }), void 0),
-                                (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", __assign({ className: classNames(styles$e.actionIcon, classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
-                children && jsxRuntime.jsx("div", __assign({ className: classNames$1 === null || classNames$1 === void 0 ? void 0 : classNames$1.children }, { children: children }), void 0)] }), void 0) }), void 0));
+                                        description && (jsxRuntime.jsx("div", __assign({ className: classNames$1('tc-grey-600', classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p') }, { children: description }), void 0))] }), void 0),
+                                (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$e.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$e["actionIcon" + density], 'd-flex ai-center') }, { children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }, void 0) }), void 0))] }), void 0)] }), void 0),
+                children && jsxRuntime.jsx("div", __assign({ className: classNames === null || classNames === void 0 ? void 0 : classNames.children }, { children: children }), void 0)] }), void 0) }), void 0));
 };
 
 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}";
@@ -11918,7 +11984,7 @@ var AutoSuggestInput = function (_a) {
     var renderSuggestion = function (suggestion) {
         var _a;
         return (jsxRuntime.jsxs("div", __assign({ className: "" + styles$c['suggestion-option'] }, { children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 " + styles$c['suggestion-img'], src: suggestion.leftIcon, alt: suggestion.value }, void 0)),
-                jsxRuntime.jsx("div", __assign({ className: classNames(styles$c['suggestion-text'], (_a = {},
+                jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$c['suggestion-text'], (_a = {},
                         _a[styles$c.nowrap] = !wrapText,
                         _a)) }, { children: suggestion.value }), void 0)] }), void 0));
     };
@@ -11943,7 +12009,7 @@ var AutoSuggestMultiSelect = function (_a) {
     var _c = require$$0.useState([]), suggestions = _c[0], setSuggestions = _c[1];
     var _d = require$$0.useState(''), currentOption = _d[0], setCurrentOption = _d[1];
     var hasChips = Boolean(selectedValues && selectedValues.length > 0);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: classNames(styles$b['chip-container'], chipsListClassName, (_b = {},
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: classNames$1(styles$b['chip-container'], chipsListClassName, (_b = {},
                     _b[styles$b.appearIn] = hasChips,
                     _b)) }, { children: selectedValues && hasChips && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: selectedValues.map(function (value, index) { return (jsxRuntime.jsx(Chip, { className: "mb16", value: value, onRemove: function (value) {
                             var newValues = __spreadArray$1([], selectedValues).filter(function (selectedValue) { return selectedValue.value !== value.value; });
@@ -13554,10 +13620,10 @@ var TableArrows = function (props) {
     var _a, _b;
     var active = props.active, onClick = props.onClick;
     var handleButtonClick = function (value) { return function () { return onClick(value); }; };
-    return (jsxRuntime.jsxs("div", __assign({ className: styles$8.container }, { children: [jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classNames("p-btn--secondary d-flex", styles$8.prev, styles$8.arrow, (_a = {},
+    return (jsxRuntime.jsxs("div", __assign({ className: styles$8.container }, { children: [jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classNames$1("p-btn--secondary d-flex", styles$8.prev, styles$8.arrow, (_a = {},
                     _a[styles$8.active] = active.left,
                     _a)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0),
-            jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames("p-btn--secondary d-flex", styles$8.next, styles$8.arrow, (_b = {},
+            jsxRuntime.jsx("button", __assign({ onClick: handleButtonClick('next'), className: classNames$1("p-btn--secondary d-flex", styles$8.next, styles$8.arrow, (_b = {},
                     _b[styles$8.active] = active.right,
                     _b)) }, { children: jsxRuntime.jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
 };
@@ -13571,20 +13637,13 @@ var TableButton = function (_a) {
     return (jsxRuntime.jsx("button", __assign({ className: styles$7.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: jsxRuntime.jsx("span", { children: children }, void 0) }), void 0));
 };
 
-var css_248z$7 = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #ebebff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
+var 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("span", __assign({ role: "button", className: "p-btn--secondary " + styles$6.button + " " + className, onClick: onClick, onKeyDown: function (e) {
-            e.stopPropagation();
-            if (e.key === 'Enter' || e.key === " ") {
-                onClick();
-            }
-        }, tabIndex: 0 }, { children: jsxRuntime.jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.66667C5.94991 2.66667 2.66667 5.94991 2.66667 10C2.66667 14.0501 5.94991 17.3333 10 17.3333C14.0501 17.3333 17.3333 14.0501 17.3333 10C17.3333 5.94991 14.0501 2.66667 10 2.66667ZM0.666667 10C0.666667 4.84534 4.84534 0.666667 10 0.666667C15.1547 0.666667 19.3333 4.84534 19.3333 10C19.3333 15.1547 15.1547 19.3333 10 19.3333C4.84534 19.3333 0.666667 15.1547 0.666667 10Z" }, void 0),
-                jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 9C10.5523 9 11 9.44772 11 10V13.3333C11 13.8856 10.5523 14.3333 10 14.3333C9.44772 14.3333 9 13.8856 9 13.3333V10C9 9.44772 9.44772 9 10 9Z" }, void 0),
-                jsxRuntime.jsx("path", { d: "M10.8333 6.66667C10.8333 7.1269 10.4602 7.5 10 7.5C9.53976 7.5 9.16667 7.1269 9.16667 6.66667C9.16667 6.20643 9.53976 5.83333 10 5.83333C10.4602 5.83333 10.8333 6.20643 10.8333 6.66667Z" }, void 0)] }), void 0) }), void 0));
+    return (jsxRuntime.jsx("button", __assign({ className: "p-btn--secondary " + styles$6.button + " " + className, type: "button", onClick: onClick }, { children: jsxRuntime.jsx(Info$2, { size: 20 }, void 0) }), void 0));
 };
 
 var StarIcon = function (_a) {
@@ -13612,7 +13671,7 @@ var VALID_VALUES = [1, 2, 3];
 var TableRating = function (props) {
     var rating = props.rating, type = props.type;
     var SelectedIcon = getRatingIcon(type);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames(styles$5.icon, value <= rating ? styles$5.filled : styles$5.empty) }, value)); }) }, void 0));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames$1(styles$5.icon, value <= rating ? styles$5.filled : styles$5.empty) }, value)); }) }, void 0));
 };
 
 var css_248z$5 = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
@@ -13762,9 +13821,9 @@ var ComparisonTable = function (props) {
         : {})), (stickyHeaderTopOffset
         ? { '--stickyHeaderTopOffset': stickyHeaderTopOffset + "px" }
         : {})), (growContent ? { '--growContent': '100%' } : {}));
-    return (jsxRuntime.jsx(dist$1.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxRuntime.jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.header, styles === null || styles === void 0 ? void 0 : styles.header) }, { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ id: headerId, className: classNames(baseStyles.container, (_a = {},
+    return (jsxRuntime.jsx(dist$1.exports.ScrollSync, __assign({ onSync: scrollContainerCallbackRef }, { children: jsxRuntime.jsxs("div", __assign({ style: cssVariablesStyle }, { children: [jsxRuntime.jsx("div", __assign({ className: classNames$1(baseStyles.header, styles === null || styles === void 0 ? void 0 : styles.header) }, { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ id: headerId, className: classNames$1(baseStyles.container, (_a = {},
                                 _a[baseStyles.noScrollBars] = hideScrollBars,
-                                _a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [jsxRuntime.jsx(TableArrows, { onClick: handleArrowsClick, active: {
+                                _a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames$1(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [jsxRuntime.jsx(TableArrows, { onClick: handleArrowsClick, active: {
                                                 left: selectedTabIndex > 0,
                                                 right: selectedTabIndex < data.length - 1,
                                             } }, void 0),
@@ -13784,17 +13843,17 @@ var ComparisonTable = function (props) {
                                     return (jsxRuntime.jsx(Row$1, { rowId: rowId, cell: cell, data: data }, rowId));
                                 });
                                 var idString = "headerGroup-" + headerGroup.id;
-                                return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
+                                return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames$1(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
                                                     _a[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
+                                                    _a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames$1(baseStyles['overflow-container']) }, { children: jsxRuntime.jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(dist$1.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames$1(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
                                                     _b[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _b)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
+                                                    _b)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames$1(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
                                                             /**
                                                              * Print a table subheader if the `label` value is present
                                                              */
                                                             headerGroup.label && !collapsibleSections && (jsxRuntime.jsx("div", __assign({ className: baseStyles['group-title'] }, { children: jsxRuntime.jsx("h4", __assign({ className: "p-h4 " + baseStyles.sticky }, { children: headerGroup.label }), void 0) }), void 0)), content] }), void 0) }), void 0) }), void 0) }, void 0) }, idString)) }, idString));
                             }),
-                        hideDetails && (jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48') }, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", __assign({ className: "w100 d-flex p-a p-h4 c-pointer " + baseStyles['show-details-button'], onClick: toggleMoreRows, type: "button" }, { children: [showMore ? 'Hide details' : 'Show details', jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] }, void 0)] }), void 0) }, void 0) }), void 0))] }), void 0)] }), void 0) }), void 0));
+                        hideDetails && (jsxRuntime.jsx("div", __assign({ className: classNames$1(baseStyles['show-details-container'], baseStyles.sticky, 'mt48') }, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", __assign({ className: "w100 d-flex p-a p-h4 c-pointer " + baseStyles['show-details-button'], onClick: toggleMoreRows, type: "button" }, { children: [showMore ? 'Hide details' : 'Show details', jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] }, void 0)] }), void 0) }, void 0) }), void 0))] }), void 0)] }), void 0) }), void 0));
 };
 
 var css_248z$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}";
@@ -36000,7 +36059,7 @@ var Markdown = 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(className, 'p-a c-pointer') }, rest, { children: children }), void 0));
+    return (jsxRuntime.jsx("a", __assign({ className: classNames$1(className, 'p-a c-pointer') }, rest, { children: children }), void 0));
 };
 
 var basePath = 'https://assets.cdn.feather-insurance.com/assets/images';
@@ -36162,7 +36221,7 @@ var illustrations = {
 
 var Spinner = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 's' : _b;
-    return (jsxRuntime.jsx("div", { className: classNames('ds-spinner', "ds-spinner__" + size), "data-testid": "ds-spinner" }, void 0));
+    return (jsxRuntime.jsx("div", { className: classNames$1('ds-spinner', "ds-spinner__" + size), "data-testid": "ds-spinner" }, void 0));
 };
 
 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}";
@@ -36196,16 +36255,16 @@ var Toggle = function (_a) {
         onChange(newValues);
     };
     var entries = Object.entries(options);
-    return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$1.container, 'd-flex gap8', {
+    return (jsxRuntime.jsx("div", __assign({ className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$1.container, 'd-flex gap8', {
             'fd-row': inlineLayout,
             'f-wrap': inlineLayout,
             'fd-column': !inlineLayout,
         }) }, { children: entries.map(function (_a) {
             var currentValue = _a[0], label = _a[1];
             var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
-            return (jsxRuntime.jsx("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: jsxRuntime.jsxs("label", __assign({ className: classNames(styles$1.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
+            return (jsxRuntime.jsx("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: jsxRuntime.jsxs("label", __assign({ className: classNames$1(styles$1.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
                         'p-label--bordered': bordered,
-                    }), "data-cy": "toggle-" + currentValue, "data-testid": "toggle-" + currentValue }, { children: [jsxRuntime.jsxs("span", __assign({ className: classNames(styles$1.toggleContainer, 'd-inline-block') }, { children: [jsxRuntime.jsx("input", { checked: checked, className: styles$1.input, "data-testid": "toggle-input-" + currentValue, onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }, void 0),
+                    }), "data-cy": "toggle-" + currentValue, "data-testid": "toggle-" + currentValue }, { children: [jsxRuntime.jsxs("span", __assign({ className: classNames$1(styles$1.toggleContainer, 'd-inline-block') }, { children: [jsxRuntime.jsx("input", { checked: checked, className: styles$1.input, "data-testid": "toggle-input-" + currentValue, onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }, void 0),
                                 jsxRuntime.jsx("span", { className: styles$1.toggle }, void 0)] }), void 0),
                         isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
                                 jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0)) : label] }), void 0) }), currentValue));
@@ -36411,19 +36470,19 @@ 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(styles.toast, 'bs-lg', toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.toast),
+            className: classNames$1(styles.toast, 'bs-lg', toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.toast),
         } }, void 0));
 };
 var Toast = function (_a) {
     var action = _a.action, description = _a.description, onDismiss = _a.onDismiss, title = _a.title, _b = _a.type, type = _b === void 0 ? "success" : _b;
-    return (jsxRuntime.jsxs("div", __assign({ className: classNames(styles.toastContent, 'd-flex jc-between w100') }, { children: [jsxRuntime.jsx("div", { className: classNames(styles.toastSidebar, styles["toastSidebar--" + type]) }, void 0),
+    return (jsxRuntime.jsxs("div", __assign({ className: classNames$1(styles.toastContent, 'd-flex jc-between w100') }, { children: [jsxRuntime.jsx("div", { className: classNames$1(styles.toastSidebar, styles["toastSidebar--" + type]) }, void 0),
             jsxRuntime.jsxs("div", __assign({ className: 'd-flex fd-column jc-center ta-left mr8' }, { children: [jsxRuntime.jsx("h4", __assign({ className: 'p-h4' }, { children: title }), void 0),
                     description && (jsxRuntime.jsx("p", __assign({ className: 'p-p p-p--small mt8 tc-grey-600' }, { children: description }), void 0)),
-                    action && (jsxRuntime.jsx("button", __assign({ className: classNames(styles.actionButton, styles["actionButton--" + type], 'mt8 c-pointer ta-left'), onClick: function () {
+                    action && (jsxRuntime.jsx("button", __assign({ className: classNames$1(styles.actionButton, styles["actionButton--" + type], 'mt8 c-pointer ta-left'), onClick: function () {
                             action.onClick();
                             onDismiss();
                         }, type: "button" }, { children: action.title }), void 0))] }), void 0),
-            jsxRuntime.jsx("div", __assign({ className: 'd-flex ai-center' }, { children: jsxRuntime.jsx("button", __assign({ className: classNames(styles.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button" }, { children: jsxRuntime.jsx(XIcon, { size: 24 }, void 0) }), void 0) }), void 0)] }), void 0));
+            jsxRuntime.jsx("div", __assign({ className: 'd-flex ai-center' }, { children: jsxRuntime.jsx("button", __assign({ className: classNames$1(styles.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button" }, { children: jsxRuntime.jsx(XIcon, { size: 24 }, void 0) }), void 0) }), void 0)] }), void 0));
 };
 var toast = function (title, _a) {
     var _b = _a.duration, duration = _b === void 0 ? 3000 : _b, toastOptions = __rest$1(_a, ["duration"]);