@thecb/components 10.6.1-beta.0 → 10.6.1

package/dist/index.cjs.js

@@ -4908,27 +4908,51 @@ var themeUtils = /*#__PURE__*/Object.freeze({
 
 /* These are constants used by nav frontend components */
 
-var HEADER_HEIGHT = "104px";
-var FOOTER_HEIGHT = "100px";
-var SPACER_HEIGHT = "65px";
-var JUMBO_HEIGHT = "300px";
-var COMPACT_JUMBO_HEIGHT = "65px";
+var BORDER_RADIUS = {
+  MD: "4px" // Figma: Corners/Standard Corner
+};
+var BORDER_THIN = "1px";
+var FONT_SIZE = {
+  XS: "0.750rem",
+  // 12px
+  SM: "0.875rem",
+  // 14px
+  MD: "1.000rem",
+  // 16px
+  LG: "1.125rem",
+  // 18px
+  XL: "1.250rem" //20px
+};
 var FONT_WEIGHT_REGULAR = "400";
-var FONT_WEIGHT_BOLD = "700";
 var FONT_WEIGHT_SEMIBOLD = "600";
+var FONT_WEIGHT_BOLD = "700";
+var FOOTER_HEIGHT = "100px";
+var HEADER_HEIGHT = "104px";
+var COMPACT_JUMBO_HEIGHT = "65px";
+var JUMBO_HEIGHT = "300px";
+var SPACER_HEIGHT = "65px";
 var LINK_TEXT_DECORATION = "underline solid 1px";
+var SPACING = {
+  XS: "1.0rem",
+  // Figma: Spacing/XS
+  MD: "1.5rem" // Figma: Spacing/Normal
+};
 
 var style_constants = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  HEADER_HEIGHT: HEADER_HEIGHT,
-  FOOTER_HEIGHT: FOOTER_HEIGHT,
-  SPACER_HEIGHT: SPACER_HEIGHT,
-  JUMBO_HEIGHT: JUMBO_HEIGHT,
-  COMPACT_JUMBO_HEIGHT: COMPACT_JUMBO_HEIGHT,
+  BORDER_RADIUS: BORDER_RADIUS,
+  BORDER_THIN: BORDER_THIN,
+  FONT_SIZE: FONT_SIZE,
   FONT_WEIGHT_REGULAR: FONT_WEIGHT_REGULAR,
-  FONT_WEIGHT_BOLD: FONT_WEIGHT_BOLD,
   FONT_WEIGHT_SEMIBOLD: FONT_WEIGHT_SEMIBOLD,
-  LINK_TEXT_DECORATION: LINK_TEXT_DECORATION
+  FONT_WEIGHT_BOLD: FONT_WEIGHT_BOLD,
+  FOOTER_HEIGHT: FOOTER_HEIGHT,
+  HEADER_HEIGHT: HEADER_HEIGHT,
+  COMPACT_JUMBO_HEIGHT: COMPACT_JUMBO_HEIGHT,
+  JUMBO_HEIGHT: JUMBO_HEIGHT,
+  SPACER_HEIGHT: SPACER_HEIGHT,
+  LINK_TEXT_DECORATION: LINK_TEXT_DECORATION,
+  SPACING: SPACING
 });
 
 /*
@@ -13561,8 +13585,7 @@ var SettingsIconSmall$1 = themeComponent(SettingsIconSmall, "Icons", fallbackVal
 var WalletIconSmall = function WalletIconSmall(_ref) {
   var themeValues = _ref.themeValues,
     _ref$iconIndex = _ref.iconIndex,
-    iconIndex = _ref$iconIndex === void 0 ? 0 : _ref$iconIndex,
-    colorOverride = _ref.colorOverride;
+    iconIndex = _ref$iconIndex === void 0 ? 0 : _ref$iconIndex;
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "20",
     height: "20",
@@ -13573,7 +13596,7 @@ var WalletIconSmall = function WalletIconSmall(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M16.3125 6.94643C16.0446 6.70536 15.7232 6.57143 15.3482 6.57143L5.14283 6.57143C5.0089 6.57143 4.90176 6.54464 4.8214 6.46429C4.74104 6.38393 4.71426 6.27678 4.71426 6.14286C4.71426 6.03571 4.74104 5.92857 4.8214 5.84821C4.90176 5.76786 5.0089 5.71428 5.14283 5.71428L15.4285 5.71428C15.5357 5.71428 15.6428 5.6875 15.7232 5.60714C15.8035 5.52678 15.8571 5.41964 15.8571 5.28571C15.8571 4.9375 15.7232 4.64286 15.4821 4.375C15.2143 4.13393 14.9196 4 14.5714 4L4.71426 4C4.23211 4 3.80354 4.1875 3.48211 4.50893C3.16068 4.83036 2.99997 5.23214 2.99997 5.71428V14.2857C2.99997 14.7679 3.16068 15.1964 3.48211 15.5179C3.80354 15.8393 4.23211 16 4.71426 16L15.3482 16C15.7232 16 16.0446 15.8929 16.3125 15.625C16.5803 15.3839 16.7143 15.0893 16.7143 14.7143V7.85714C16.7143 7.50893 16.5803 7.21428 16.3125 6.94643ZM12.7142 13.143C13.661 13.143 14.4285 12.3755 14.4285 11.4288C14.4285 10.482 13.661 9.71447 12.7142 9.71447C11.7674 9.71447 10.9999 10.482 10.9999 11.4288C10.9999 12.3755 11.7674 13.143 12.7142 13.143Z",
-    fill: colorOverride || themeValues.singleIconColor
+    fill: themeValues.singleIconColor
   }), /*#__PURE__*/React__default.createElement("mask", {
     id: "mask0_503_574-".concat(iconIndex),
     style: {
@@ -13594,7 +13617,7 @@ var WalletIconSmall = function WalletIconSmall(_ref) {
   }, /*#__PURE__*/React__default.createElement("rect", {
     width: "20",
     height: "20",
-    fill: colorOverride || themeValues.singleIconColor
+    fill: themeValues.singleIconColor
   })));
 };
 var WalletIconSmall$1 = themeComponent(WalletIconSmall, "Icons", fallbackValues$2, "primary");
@@ -18438,6 +18461,285 @@ var TrashIconV2 = function TrashIconV2(_ref) {
 };
 var TrashIconV2$1 = themeComponent(TrashIconV2, "Icons", fallbackValues$2, "primary");
 
+var DisabledAccountsAddIcon = function DisabledAccountsAddIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "100",
+    height: "100",
+    viewBox: "0 0 100 100",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M77.0408 78.1002V32.5154C77.0408 31.9007 76.5506 31.4039 75.9474 31.4039H32.3148C31.7106 31.4039 31.2213 31.9007 31.2213 32.5154V84.5326C31.2213 84.5326 55.7247 98.7028 77.0408 78.1002Z",
+    fill: "white"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M88.0002 51.4983C88.0002 72.4847 70.9876 89.4983 50.0002 89.4983C29.0128 89.4983 12.0002 72.4847 12.0002 51.4983C12.0002 30.5109 29.0128 13.4983 50.0002 13.4983C59.0261 13.4983 67.3177 16.6447 73.8366 21.902C82.475 28.8674 88.0002 39.5368 88.0002 51.4983Z",
+    stroke: "#878E9B",
+    strokeWidth: "2.59255",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M77.0408 78.1002V32.5154C77.0408 31.9007 76.5506 31.4039 75.9474 31.4039H32.3148C31.7106 31.4039 31.2213 31.9007 31.2213 32.5154V81.3853",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23.3362 78.1002V11.6448C23.3362 11.0302 23.8264 10.5324 24.4306 10.5324H68.0622C68.6664 10.5324 69.1556 11.0302 69.1556 11.6448V84.1973C69.1556 84.1973 58.4947 90.719 43.9673 88.1179C32.3336 86.0346 23.3362 78.1002 23.3362 78.1002Z",
+    fill: "white"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M69.156 84.1973V11.6448C69.156 11.0302 68.6658 10.5324 68.0625 10.5324H24.43C23.8258 10.5324 23.3365 11.0302 23.3365 11.6448V78.1002",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M23.3362 19.3115H69.1556",
+    stroke: "#878E9B",
+    strokeWidth: "1.9285",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M69.156 40.1818H77.041",
+    stroke: "#878E9B",
+    strokeWidth: "1.9285",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 36.5974H62.672V31.4038H29.82V36.5974Z",
+    fill: "white"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 36.5974H62.672V31.4038H29.82V36.5974Z",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 45.9207H62.672V40.7271H29.82V45.9207Z",
+    fill: "white"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 45.9207H62.672V40.7271H29.82V45.9207Z",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M29.8201 26.2602H46.2466",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 63.0901H62.672V57.8964H29.82V63.0901Z",
+    fill: "white"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 63.0901H62.672V57.8964H29.82V63.0901Z",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 72.4143H62.672V67.2207H29.82V72.4143Z",
+    fill: "white"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M29.82 72.4143H62.672V67.2207H29.82V72.4143Z",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M48.3403 83.2719H62.672V79.298H48.3403V83.2719Z",
+    fill: "#878E9B"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M48.3403 83.2719H62.672V79.298H48.3403V83.2719Z",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M29.8201 52.7535H46.2466",
+    stroke: "#878E9B",
+    strokeWidth: "2.0653",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M73.8364 21.9017C82.4748 28.8671 88 39.5365 88 51.498C88 72.4844 70.9874 89.498 50 89.498C29.0126 89.498 12 72.4844 12 51.498",
+    stroke: "#878E9B",
+    strokeWidth: "2.59255",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M69.1557 40.1818H77.0407V31.4038H69.1557V40.1818Z",
+    fill: "#878E9B"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23.3363 19.3112H69.1557V10.5323H23.3363V19.3112Z",
+    fill: "#878E9B"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: "M72.0041 90.1C79.3495 90.1 85.3041 84.1454 85.3041 76.8C85.3041 69.4546 79.3495 63.5 72.0041 63.5C64.6587 63.5 58.7041 69.4546 58.7041 76.8C58.7041 84.1454 64.6587 90.1 72.0041 90.1Z",
+    fill: "#878E9B"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M79.2041 77.5H73.2041V83.5H71.2041V77.5H65.2041V75.5H71.2041V69.5H73.2041V75.5H79.2041V77.5Z",
+    fill: "white"
+  }), /*#__PURE__*/React__default.createElement("mask", {
+    id: "mask0_7610_37196",
+    style: {
+      maskType: "luminance"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "65",
+    y: "69",
+    width: "15",
+    height: "15"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M79.2041 77.5H73.2041V83.5H71.2041V77.5H65.2041V75.5H71.2041V69.5H73.2041V75.5H79.2041V77.5Z",
+    fill: "white"
+  })), /*#__PURE__*/React__default.createElement("g", {
+    mask: "url(#mask0_7610_37196)"
+  }, /*#__PURE__*/React__default.createElement("rect", {
+    x: "60.2041",
+    y: "64.5",
+    width: "24",
+    height: "24",
+    fill: "white"
+  })));
+};
+
+var DisabledPropertiesAddIcon = function DisabledPropertiesAddIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "100",
+    height: "100",
+    viewBox: "0 0 100 100",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M81.2621 37.7524C81.2621 38.0343 81.0333 38.2631 80.7514 38.2631H61.1325C60.8505 38.2631 60.6227 38.0343 60.6227 37.7524V36.6749C60.6227 36.393 60.8505 36.1641 61.1325 36.1641H80.7514C81.0333 36.1641 81.2621 36.393 81.2621 36.6749V37.7524ZM72.0783 49.0989V40.0831C72.0783 39.5434 72.5147 39.107 73.0544 39.107H79.2877C79.8274 39.107 80.2638 39.5434 80.2638 40.0831V48.2087C80.2638 48.7485 79.8274 49.1858 79.2877 49.1858H72.1643C72.116 49.1858 72.0783 49.1462 72.0783 49.0989ZM79.4277 51.0531C79.8892 51.0531 80.2638 51.4277 80.2638 51.8902V60.2948C80.2638 60.7564 79.8892 61.131 79.4277 61.131H72.9144C72.4529 61.131 72.0783 60.7564 72.0783 60.2948V51.0531H79.4277ZM61.6519 48.2898V40.003C61.6519 39.5077 62.0526 39.107 62.5479 39.107H68.9414C69.4367 39.107 69.8374 39.5077 69.8374 40.003V49.1791C69.8374 49.1829 69.8345 49.1858 69.8316 49.1858H62.5479C62.0526 49.1858 61.6519 48.7842 61.6519 48.2898ZM62.6444 51.0531H69.7351C69.7911 51.0531 69.8374 51.0994 69.8374 51.1564V60.1394C69.8374 60.6868 69.3933 61.131 68.8458 61.131H62.6444C62.096 61.131 61.6519 60.6868 61.6519 60.1394V52.0456C61.6519 51.4972 62.096 51.0531 62.6444 51.0531ZM81.2621 63.845C81.2621 64.1269 81.0333 64.3567 80.7514 64.3567H61.1325C60.8505 64.3567 60.6227 64.1269 60.6227 63.845V62.7675C60.6227 62.4856 60.8505 62.2577 61.1325 62.2577H80.7514C81.0333 62.2577 81.2621 62.4856 81.2621 62.7675V63.845ZM63.917 17.6758L62.0526 16.4226L40.6542 30.8134V73.442H44.0422V36.7994C44.0422 36.448 44.327 36.1641 44.6775 36.1641H57.367C57.7175 36.1641 58.0023 36.448 58.0023 36.7994V73.442H73.8365H78.2199C79.7917 71.6057 81.8328 68.8076 83.4635 65.1571V65.1474V30.8085L63.917 17.6758ZM46.1624 12.7267V18.6152L50.7881 15.4735V12.5857V9.95762V8.28345H46.1624V10.0986V12.7267ZM88.2929 28.3726L63.216 11.5227C62.8617 11.2871 62.4571 11.1693 62.0526 11.1693C61.648 11.1693 61.2425 11.2871 60.8882 11.5237L40.8 25.0204L35.8403 28.3533C35.6385 28.4875 35.5844 28.7607 35.7196 28.9625L36.5586 30.2254C36.6436 30.3528 36.7845 30.4223 36.9265 30.4223C37.0114 30.4223 37.0974 30.3982 37.1727 30.347L38.2521 29.6219L62.0526 13.6313L86.9615 30.3673C87.032 30.4136 87.1102 30.4358 87.1884 30.4358C87.3187 30.4358 87.4481 30.3721 87.5263 30.2543L88.4049 28.9335C88.5285 28.7482 88.4792 28.4971 88.2929 28.3726ZM38.2525 59.7028V73.4418H28.7249C28.6313 73.382 28.5454 73.3096 28.4565 73.2439C28.3185 73.1406 28.1852 73.0305 28.0578 72.9147C27.9757 72.8394 27.8917 72.765 27.8145 72.6849C27.6407 72.5024 27.4804 72.3093 27.3356 72.1046C27.2825 72.0293 27.2361 71.9501 27.1869 71.8729C27.0681 71.6846 26.96 71.4886 26.8673 71.284C26.8403 71.226 26.8094 71.171 26.7852 71.1131C26.6771 70.8533 26.595 70.5811 26.5323 70.302C26.5168 70.2325 26.5043 70.162 26.4908 70.0916C26.4367 69.7961 26.399 69.4939 26.399 69.183C26.4 66.0104 29.339 63.4876 32.6159 64.23C33.034 64.3304 33.4617 64.1354 33.6712 63.7647C33.8575 63.4345 34.069 63.1236 34.2901 62.8223C34.3383 62.7576 34.3857 62.692 34.4349 62.6292C34.6579 62.3415 34.8935 62.0673 35.1465 61.8086C35.188 61.767 35.2314 61.7284 35.2739 61.6879C35.5085 61.4571 35.7547 61.2389 36.0096 61.0352L36.1593 60.9145C36.4431 60.6982 36.7395 60.4993 37.0466 60.3159C37.1132 60.2753 37.1808 60.2387 37.2484 60.2C37.5554 60.0272 37.8692 59.866 38.1945 59.7269C38.209 59.7211 38.2225 59.7134 38.238 59.7067C38.2428 59.7057 38.2476 59.7047 38.2525 59.7028ZM48.0673 55.2366C48.8272 55.2366 49.4441 55.8536 49.4441 56.6134C49.4441 57.3732 48.8272 57.9892 48.0673 57.9892C47.3075 57.9892 46.6915 57.3732 46.6915 56.6134C46.6915 55.8536 47.3075 55.2366 48.0673 55.2366Z",
+    fill: "#FEFEFE"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M43.8455 10.3697V13.0248C26.1702 15.8566 12.6213 31.209 12.6213 49.6694C12.6213 53.4068 13.1823 57.0139 14.2144 60.4192C14.4606 61.2331 14.7358 62.0326 15.036 62.8214C16.5171 66.7152 18.6316 70.2992 21.2596 73.4419C21.9558 74.2732 22.6847 75.0765 23.4494 75.844C30.1741 82.5987 39.4767 86.787 49.7399 86.787C60.0032 86.787 69.3048 82.5987 76.0304 75.844C76.7951 75.0765 77.5231 74.2732 78.2192 73.4419C80.3143 70.9354 82.0802 68.149 83.4638 65.1473C84.4863 62.9276 85.2944 60.5911 85.866 58.1628C86.508 55.4334 86.8575 52.5919 86.8575 49.6694C86.8575 46.7603 86.5225 43.9005 85.8746 41.1373L85.8669 36.1379L85.866 35.6252V33.2269C85.8998 33.3013 86.4395 34.3807 86.4559 34.4232C88.4323 39.186 89.4789 44.3504 89.4789 49.6694C89.4789 55.5637 88.1793 61.1578 85.866 66.1939C85.1582 67.7367 84.3569 69.2275 83.4638 70.6554C82.8671 71.6113 82.2376 72.543 81.5656 73.4419C80.9448 74.2703 80.2854 75.0678 79.6037 75.844C72.3142 84.1502 61.6329 89.4083 49.7399 89.4083C27.827 89.4083 10 71.5813 10 49.6694C10 29.7598 24.7181 13.2266 43.8455 10.3697ZM80.751 62.2576C81.033 62.2576 81.2618 62.4855 81.2618 62.7674V63.8459C81.2618 64.1278 81.033 64.3566 80.751 64.3566H61.1331C60.8512 64.3566 60.6223 64.1278 60.6223 63.8459V62.7674C60.6223 62.4855 60.8512 62.2576 61.1331 62.2576H80.751ZM53.1047 10.0859C54.6948 10.223 56.2744 10.4421 57.8308 10.7665L56.7041 11.5573L54.7219 12.8897C54.6456 12.879 54.5684 12.8694 54.4921 12.8588C54.0315 12.7989 53.5681 12.7661 53.1047 12.7236V10.0859ZM80.751 36.165H61.1331C60.8512 36.165 60.6223 36.3929 60.6223 36.6748V37.7523C60.6223 38.0342 60.8512 38.2631 61.1331 38.2631H80.751C81.033 38.2631 81.2618 38.0342 81.2618 37.7523V36.6748C81.2618 36.3929 81.033 36.165 80.751 36.165ZM61.6525 60.1393C61.6525 60.6868 62.0966 61.1309 62.6441 61.1309H68.8455C69.3929 61.1309 69.837 60.6868 69.837 60.1393V51.1563C69.837 51.0994 69.7907 51.054 69.7347 51.054H62.6441C62.0966 51.054 61.6525 51.4971 61.6525 52.0456V60.1393ZM72.0789 60.2948C72.0789 60.7563 72.4526 61.1309 72.9151 61.1309H79.4273C79.8889 61.1309 80.2635 60.7563 80.2635 60.2948V51.8901C80.2635 51.4276 79.8889 51.054 79.4273 51.054H72.0789V60.2948ZM69.8313 49.1857C69.8342 49.1857 69.837 49.1828 69.837 49.179V40.0029C69.837 39.5086 69.4364 39.1069 68.942 39.1069H62.5475C62.0532 39.1069 61.6525 39.5086 61.6525 40.0029V48.2898C61.6525 48.7841 62.0532 49.1857 62.5475 49.1857H69.8313ZM79.2873 49.1857C79.8271 49.1857 80.2635 48.7484 80.2635 48.2087V40.083C80.2635 39.5443 79.8271 39.1069 79.2873 39.1069H73.0541C72.5153 39.1069 72.0789 39.5443 72.0789 40.083V49.0989C72.0789 49.1462 72.1166 49.1857 72.1639 49.1857H79.2873ZM88.2935 28.3725L63.2157 11.5226C62.8623 11.287 62.4577 11.1692 62.0532 11.1692C61.6477 11.1692 61.2422 11.287 60.8888 11.5236L40.7997 25.0213L35.8399 28.3532C35.6381 28.4874 35.585 28.7616 35.7192 28.9634L36.5592 30.2253C36.6432 30.3527 36.7842 30.4222 36.9261 30.4222C37.0111 30.4222 37.097 30.3981 37.1723 30.3469L38.2517 29.6219L62.0522 13.6313L86.9621 30.3672C87.0316 30.4145 87.1098 30.4358 87.188 30.4358C87.3193 30.4358 87.4487 30.373 87.5269 30.2552L88.4055 28.9335C88.5291 28.7481 88.4789 28.497 88.2935 28.3725ZM46.1621 8.28337V10.0995V12.7266L46.163 18.6152L50.7878 15.4734V12.5856V9.95755V8.28337H46.1621ZM46.6921 56.6133C46.6921 57.3732 47.3071 57.9892 48.067 57.9892C48.8278 57.9892 49.4438 57.3732 49.4438 56.6133C49.4438 55.8535 48.8278 55.2375 48.067 55.2375C47.3071 55.2375 46.6921 55.8535 46.6921 56.6133ZM38.2517 40.9027L18.3499 40.8689L18.405 64.5555L26.2419 64.5372C26.4282 64.3267 26.6242 64.1249 26.8347 63.9376V60.3488C26.8347 60.2059 26.9506 60.0901 27.0944 60.0901H33.5131C33.6569 60.0901 33.7728 60.2059 33.7728 60.3488V60.4541C34.5848 59.6266 35.5223 58.9489 36.5351 58.4063V55.6768C36.5351 55.5339 36.6509 55.418 36.7948 55.418H38.2517V54.5867H36.7948C36.6509 54.5867 36.5351 54.4709 36.5351 54.327V51.1669C36.5351 51.0241 36.6509 50.9082 36.7948 50.9082H38.2517V50.0769H36.7948C36.6509 50.0769 36.5351 49.961 36.5351 49.8172V46.6571C36.5351 46.5132 36.6509 46.3974 36.7948 46.3974H38.2517V45.5671H36.7948C36.6509 45.5671 36.5351 45.4512 36.5351 45.3073V42.1473C36.5351 42.0034 36.6509 41.8875 36.7948 41.8875H38.2517V40.9027ZM38.2517 73.442V59.701C36.3487 60.4966 34.7199 61.91 33.6704 63.7648C33.4619 64.1355 33.0342 64.3296 32.6161 64.2301C29.3392 63.4867 26.4002 66.0105 26.3993 69.1831C26.3993 70.9674 27.3291 72.5354 28.7242 73.442H38.2517ZM90.3346 30.2166L89.456 31.5393C88.9491 32.2992 88.1014 32.753 87.188 32.753C86.7198 32.753 86.2679 32.6284 85.8624 32.4006L85.866 35.6252V58.1628C85.2944 60.5911 84.4863 62.9276 83.4638 65.1473L83.4641 30.8084L62.0522 16.4225L41.4765 30.2475L40.6549 30.8142V73.442H44.0418V36.7994C44.0418 36.4489 44.3267 36.165 44.6781 36.165H57.3667C57.7181 36.165 58.002 36.4489 58.002 36.7994V73.442H73.8361L78.2192 73.4419C77.5231 74.2732 76.7951 75.0765 76.0304 75.844L73.8361 75.8441H40.4975L23.4494 75.844C22.6847 75.0765 21.9558 74.2732 21.2596 73.4419L25.9281 73.442C25.0177 72.2583 24.4683 70.7868 24.4683 69.1831C24.4683 68.0168 24.7657 66.9181 25.2735 65.9478H18.349C17.5814 65.9478 16.9567 65.3231 16.9567 64.5555V62.8215L15.036 62.8214C14.7358 62.0326 14.4606 61.2331 14.2144 60.4192L16.9567 60.4193V40.8689H16.4662V38.3596H18.768L18.767 35.9266C18.767 35.7267 18.8491 35.5365 18.9929 35.4004L22.0545 32.5039C22.266 32.304 22.5749 32.2499 22.8395 32.3648C23.104 32.4788 23.2769 32.7404 23.2769 33.0301L23.2778 38.3596H24.4017L24.4007 35.9266C24.4007 35.7267 24.4828 35.5365 24.6266 35.4004L27.6882 32.5039C27.8997 32.304 28.2077 32.2499 28.4732 32.3648C28.7377 32.4788 28.9105 32.7404 28.9105 33.0301L28.9115 38.3596H30.0344L30.0334 35.9266C30.0334 35.7267 30.1155 35.5365 30.2593 35.4004L33.3209 32.5039C33.4233 32.4063 33.5507 32.3446 33.684 32.3195C33.8172 32.2943 33.9601 32.2866 34.2053 32.4566C34.4438 32.6207 34.5037 32.8273 34.5182 32.8679C34.5336 32.9084 34.5433 32.9741 34.5433 33.0301L34.5442 38.3596H35.6681L35.6671 35.9266C35.6671 35.7267 35.7492 35.5365 35.893 35.4004L38.2517 33.1681V32.3919C37.8462 32.6159 37.3944 32.7394 36.9261 32.7394C36.0002 32.7394 35.1419 32.2789 34.6292 31.5084L33.7892 30.2465C32.9512 28.9856 33.292 27.2738 34.5481 26.4299L43.8458 20.1822L43.8455 13.0248V10.3697L43.8439 7.88655C43.8439 6.8274 44.7061 5.96521 45.7652 5.96521H51.1846C52.2437 5.96521 53.105 6.8274 53.105 7.88655L53.1047 10.0859V12.7236L53.105 13.9624L59.6018 9.59741C60.3317 9.10984 61.1794 8.85302 62.0532 8.85302C62.926 8.85302 63.7728 9.10887 64.5075 9.60031L89.5854 26.4483C90.827 27.2815 91.162 28.9721 90.3346 30.2166ZM19.7499 45.5671H23.8127C23.9566 45.5671 24.0724 45.4512 24.0724 45.3073V42.1473C24.0724 42.0034 23.9566 41.8875 23.8127 41.8875H19.7499C19.608 41.8875 19.4911 42.0034 19.4911 42.1473V45.3073C19.4911 45.4512 19.608 45.5671 19.7499 45.5671ZM25.4319 45.5671H29.4947C29.6385 45.5671 29.7544 45.4512 29.7544 45.3073V42.1473C29.7544 42.0034 29.6385 41.8875 29.4947 41.8875H25.4319C25.289 41.8875 25.1731 42.0034 25.1731 42.1473V45.3073C25.1731 45.4512 25.289 45.5671 25.4319 45.5671ZM31.1128 45.5671H35.1757C35.3186 45.5671 35.4344 45.4512 35.4344 45.3073V42.1473C35.4344 42.0034 35.3186 41.8875 35.1757 41.8875H31.1128C30.969 41.8875 30.8531 42.0034 30.8531 42.1473V45.3073C30.8531 45.4512 30.969 45.5671 31.1128 45.5671ZM19.7499 59.0966H23.8127C23.9566 59.0966 24.0724 58.9798 24.0724 58.8369V55.6768C24.0724 55.5339 23.9566 55.418 23.8127 55.418H19.7499C19.608 55.418 19.4911 55.5339 19.4911 55.6768V58.8369C19.4911 58.9798 19.608 59.0966 19.7499 59.0966ZM25.4319 59.0966H29.4947C29.6385 59.0966 29.7544 58.9798 29.7544 58.8369V55.6768C29.7544 55.5339 29.6385 55.418 29.4947 55.418H25.4319C25.289 55.418 25.1731 55.5339 25.1731 55.6768V58.8369C25.1731 58.9798 25.289 59.0966 25.4319 59.0966ZM31.1128 59.0966H35.1757C35.3186 59.0966 35.4344 58.9798 35.4344 58.8369V55.6768C35.4344 55.5339 35.3186 55.418 35.1757 55.418H31.1128C30.969 55.418 30.8531 55.5339 30.8531 55.6768V58.8369C30.8531 58.9798 30.969 59.0966 31.1128 59.0966ZM19.7499 54.5867H23.8127C23.9566 54.5867 24.0724 54.4709 24.0724 54.327V51.1669C24.0724 51.0241 23.9566 50.9082 23.8127 50.9082H19.7499C19.608 50.9082 19.4911 51.0241 19.4911 51.1669V54.327C19.4911 54.4709 19.608 54.5867 19.7499 54.5867ZM25.4319 54.5867H29.4947C29.6385 54.5867 29.7544 54.4709 29.7544 54.327V51.1669C29.7544 51.0241 29.6385 50.9082 29.4947 50.9082H25.4319C25.289 50.9082 25.1731 51.0241 25.1731 51.1669V54.327C25.1731 54.4709 25.289 54.5867 25.4319 54.5867ZM31.1128 54.5867H35.1757C35.3186 54.5867 35.4344 54.4709 35.4344 54.327V51.1669C35.4344 51.0241 35.3186 50.9082 35.1757 50.9082H31.1128C30.969 50.9082 30.8531 51.0241 30.8531 51.1669V54.327C30.8531 54.4709 30.969 54.5867 31.1128 54.5867ZM19.7499 50.0769H23.8127C23.9566 50.0769 24.0724 49.961 24.0724 49.8172V46.6571C24.0724 46.5132 23.9566 46.3974 23.8127 46.3974H19.7499C19.608 46.3974 19.4911 46.5132 19.4911 46.6571V49.8172C19.4911 49.961 19.608 50.0769 19.7499 50.0769ZM25.4319 50.0769H29.4947C29.6385 50.0769 29.7544 49.961 29.7544 49.8172V46.6571C29.7544 46.5132 29.6385 46.3974 29.4947 46.3974H25.4319C25.289 46.3974 25.1731 46.5132 25.1731 46.6571V49.8172C25.1731 49.961 25.289 50.0769 25.4319 50.0769ZM30.8531 49.8172V46.6571C30.8531 46.5132 30.969 46.3974 31.1128 46.3974H35.1757C35.3186 46.3974 35.4344 46.5132 35.4344 46.6571V49.8172C35.4344 49.961 35.3186 50.0769 35.1757 50.0769H31.1128C30.969 50.0769 30.8531 49.961 30.8531 49.8172Z",
+    fill: "#878E9B"
+  }), /*#__PURE__*/React__default.createElement("circle", {
+    cx: "71.9999",
+    cy: "74",
+    r: "12",
+    fill: "#878E9B"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M65.9391 74.5102C65.9391 74.7863 66.1629 75.0102 66.4391 75.0102L70.9898 75.0102L70.9898 79.5609C70.9898 79.8371 71.2137 80.0609 71.4898 80.0609L72.5101 80.0609C72.7863 80.0609 73.0101 79.8371 73.0101 79.5609L73.0101 75.0102L77.5609 75.0102C77.837 75.0102 78.0609 74.7863 78.0609 74.5102L78.0609 73.4898C78.0609 73.2137 77.837 72.9898 77.5609 72.9898H73.0101L73.0101 68.4391C73.0101 68.1629 72.7863 67.9391 72.5101 67.9391L71.4898 67.9391C71.2137 67.9391 70.9898 68.1629 70.9898 68.4391L70.9898 72.9898L66.4391 72.9898C66.1629 72.9898 65.9391 73.2137 65.9391 73.4898L65.9391 74.5102Z",
+    fill: "#FEFEFE"
+  }), /*#__PURE__*/React__default.createElement("mask", {
+    id: "mask0_2013_203",
+    style: {
+      maskType: "luminance"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: "65",
+    y: "67",
+    width: "14",
+    height: "14"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M65.9391 74.5102C65.9391 74.7863 66.1629 75.0102 66.4391 75.0102L70.9898 75.0102L70.9898 79.5609C70.9898 79.8371 71.2137 80.0609 71.4898 80.0609L72.5101 80.0609C72.7863 80.0609 73.0101 79.8371 73.0101 79.5609L73.0101 75.0102L77.5609 75.0102C77.837 75.0102 78.0609 74.7863 78.0609 74.5102L78.0609 73.4898C78.0609 73.2137 77.837 72.9898 77.5609 72.9898H73.0101L73.0101 68.4391C73.0101 68.1629 72.7863 67.9391 72.5101 67.9391L71.4898 67.9391C71.2137 67.9391 70.9898 68.1629 70.9898 68.4391L70.9898 72.9898L66.4391 72.9898C66.1629 72.9898 65.9391 73.2137 65.9391 73.4898L65.9391 74.5102Z",
+    fill: "white"
+  })), /*#__PURE__*/React__default.createElement("g", {
+    mask: "url(#mask0_2013_203)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M62 64H82V84H62V64Z",
+    fill: "#FEFEFE"
+  })));
+};
+
+var DisabledPaymentMethodsAddIcon = function DisabledPaymentMethodsAddIcon() {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "100",
+    height: "100",
+    viewBox: "0 0 100 100",
+    fill: "none"
+  }, /*#__PURE__*/React__default.createElement("mask", {
+    id: "a",
+    x: "-1",
+    y: "0",
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "luminance"
+    }
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: "#fff",
+    d: "M97.88 0H-1v96h98.88V0Z"
+  })), /*#__PURE__*/React__default.createElement("g", {
+    mask: "url(#a)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: "#FEFEFE",
+    fillRule: "evenodd",
+    d: "M91.947 19.2v36.48H48.44v15.6c0 .881-.697 1.603-1.584 1.673l-.141.006H20.402c-1.888-2.755-3.416-5.315-4.649-7.68H40.53v-3.84H14.82v1.972c-6.089-12.75-3.332-19.251-3.332-19.251h13.22V19.2h67.24Z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#878E9B",
+    d: "M48.24 10.56c8.325 0 16.249 2.587 22.793 7.298l.442.323h20.472c.525 0 .958.397 1.013.908l.006.111v36.48c0 .525-.397.958-.908 1.013l-.11.006h-6.48l-.01.039c-4.176 16.497-19.471 28.315-37.217 28.315-21.16 0-38.328-16.668-38.328-37.246 0-11.497 5.358-21.772 13.776-28.603V19.2c0-.525.398-.958.909-1.013l.11-.006h.298c6.447-4.782 14.501-7.621 23.235-7.621Zm34.688 46.139H48.47V71.28c0 1.44-1.138 2.608-2.565 2.693l-.166.005h-21.13c6.31 5.364 14.578 8.617 23.632 8.617 16.42 0 30.585-10.788 34.687-25.897Zm-60.52 15.243h23.331a.683.683 0 0 0 .687-.572l.006-.089V56.64H13.537c1.577 5.84 4.68 11.083 8.87 15.302Zm68.52-51.723-64.542-.001c-.222.165-.442.333-.66.504l.001 22.42H45.74c1.448 0 2.64 1.116 2.726 2.533l.005.165v8.821h42.458V20.217ZM66.324 44.784l.217.134.32.208.834.562 1.937 1.34c.583.396 1.101.73 1.59 1.023 1.5.896 2.662 1.348 3.404 1.298.678-.044 1.166-.132 1.655-.293l.247-.088 2.087-.915.92-.39.337-.138.307-.12c1.758-.675 3.308.021 4.548 1.49.513.608.867 1.21 1.061 1.633a.84.84 0 0 1-1.475.795l-.146-.28-.107-.19a6.45 6.45 0 0 0-.616-.875c-.83-.982-1.703-1.374-2.664-1.005l-.437.174-.766.322-2.46 1.071-.044.018c-.72.265-1.405.406-2.337.467-1.184.079-2.6-.471-4.375-1.533a31.938 31.938 0 0 1-1.315-.834l-2.312-1.594-.823-.554-.362-.233a2.115 2.115 0 0 0-.055-.033c-1.924-1.094-4.566 1.331-6.416 5.012a.84.84 0 0 1-1.5-.754c.083-.166.168-.33.255-.493l.263-.48c.446-.788.925-1.518 1.429-2.168l.305-.38c1.954-2.344 4.255-3.47 6.494-2.197Zm-53.847.326-.03.41a34.227 34.227 0 0 0-.011 4.4l33.996-.001v-4.08c0-.33-.257-.61-.598-.655l-.095-.006H12.843c-.129 0-.252-.024-.366-.068Zm.212-1.957.043-.007.111-.006H23.69V22.442c-5.868 5.346-9.88 12.586-11 20.712ZM84.135 24v1.629c1.346.237 2.494.713 3.488 1.42l-1.884 2.36c-1.243-.793-2.603-1.189-3.806-1.189-.913 0-1.36.327-1.36.775v.034c0 .551.467.792 2.37 1.171 3.106.602 5.049 1.498 5.049 3.753v.034c0 2.027-1.49 3.375-3.858 3.79v1.583h-3.587v-1.605c-1.665-.266-3.197-.879-4.42-1.839l2.096-2.22c1.36.945 2.835 1.446 4.408 1.446 1.03 0 1.573-.312 1.573-.828v-.034c0-.516-.446-.775-2.31-1.17-2.894-.585-5.128-1.31-5.128-3.771v-.034c0-1.875 1.408-3.311 3.781-3.73V24h3.588ZM57.339 36.12a.84.84 0 0 1 .105 1.673l-.105.007H28.664a.84.84 0 0 1-.105-1.673l.105-.007h28.675Zm-11.865-5.76a.84.84 0 0 1 .105 1.673l-.105.007h-16.81a.84.84 0 0 1-.105-1.673l.105-.007h16.81ZM56.35 24.6a.84.84 0 0 1 .106 1.673l-.106.007H43.496a.84.84 0 0 1-.105-1.673l.105-.007H56.35Zm-16.81 0a.84.84 0 0 1 .106 1.673l-.105.007H28.664a.84.84 0 0 1-.105-1.673l.105-.007H39.54Zm8.7-11.583c-6.9 0-13.345 1.89-18.814 5.164h37.63c-5.592-3.349-12.06-5.164-18.815-5.164Z"
+  })), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#878E9B",
+    d: "M73.768 86.536c7.052 0 12.768-5.716 12.768-12.768C86.536 66.716 80.82 61 73.768 61 66.716 61 61 66.716 61 73.768c0 7.052 5.716 12.768 12.768 12.768Z"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    fill: "#FEFEFE",
+    d: "M79.648 74.608h-5.04v5.04h-1.68v-5.04h-5.04v-1.68h5.04v-5.04h1.68v5.04h5.04v1.68Z"
+  }), /*#__PURE__*/React__default.createElement("mask", {
+    id: "b",
+    width: "13",
+    height: "13",
+    x: "67",
+    y: "67",
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "luminance"
+    }
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: "#fff",
+    d: "M79.648 74.608h-5.04v5.04h-1.68v-5.04h-5.04v-1.68h5.04v-5.04h1.68v5.04h5.04v1.68Z"
+  })), /*#__PURE__*/React__default.createElement("g", {
+    mask: "url(#b)"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    fill: "#FEFEFE",
+    d: "M83.848 63.688h-20.16v20.16h20.16v-20.16Z"
+  })));
+};
+
 var color$2 = "#15749D";
 var hoverColor$1 = "#116285";
 var activeColor$1 = "#0E506D";
@@ -27480,7 +27782,15 @@ var Spinner$1 = function Spinner(_ref6) {
     size = _ref6$size === void 0 ? "24" : _ref6$size,
     _ref6$centerSpinner = _ref6.centerSpinner,
     centerSpinner = _ref6$centerSpinner === void 0 ? false : _ref6$centerSpinner,
-    themeValues = _ref6.themeValues;
+    themeValues = _ref6.themeValues,
+    _ref6$cx = _ref6.cx,
+    cx = _ref6$cx === void 0 ? "50" : _ref6$cx,
+    _ref6$cy = _ref6.cy,
+    cy = _ref6$cy === void 0 ? "50" : _ref6$cy,
+    _ref6$radius = _ref6.radius,
+    radius = _ref6$radius === void 0 ? "25" : _ref6$radius,
+    _ref6$strokeWidth = _ref6.strokeWidth,
+    strokeWidth = _ref6$strokeWidth === void 0 ? "6" : _ref6$strokeWidth;
   return /*#__PURE__*/React__default.createElement(SpinnerContainer$2, {
     centerSpinner: centerSpinner,
     size: size
@@ -27490,11 +27800,11 @@ var Spinner$1 = function Spinner(_ref6) {
     centerSpinner: centerSpinner
   }, /*#__PURE__*/React__default.createElement("circle", {
     className: "path",
-    cx: "50",
-    cy: "50",
-    r: "25",
+    cx: cx,
+    cy: cy,
+    r: radius,
     fill: "none",
-    strokeWidth: "6"
+    strokeWidth: strokeWidth
   })));
 };
 var Spinner$2 = themeComponent(Spinner$1, "Spinner", fallbackValues$r);
@@ -27762,24 +28072,33 @@ var fallbackValues$s = {
   height: height$1
 };
 
-var getLargeIcon = function getLargeIcon(iconName) {
+var getLargeIcon = function getLargeIcon(iconName, isDisabled) {
   switch (iconName) {
     case "accounts":
-      return /*#__PURE__*/React__default.createElement(AccountsAddIcon$1, null);
+      return isDisabled ? /*#__PURE__*/React__default.createElement(DisabledAccountsAddIcon, null) : /*#__PURE__*/React__default.createElement(AccountsAddIcon$1, null);
     case "properties":
-      return /*#__PURE__*/React__default.createElement(PropertiesAddIcon$1, null);
+      return isDisabled ? /*#__PURE__*/React__default.createElement(DisabledPropertiesAddIcon, null) : /*#__PURE__*/React__default.createElement(PropertiesAddIcon$1, null);
     case "payments":
-      return /*#__PURE__*/React__default.createElement(PaymentMethodAddIcon$1, null);
+      return isDisabled ? /*#__PURE__*/React__default.createElement(DisabledPaymentMethodsAddIcon, null) : /*#__PURE__*/React__default.createElement(PaymentMethodAddIcon$1, null);
     default:
-      return /*#__PURE__*/React__default.createElement(AccountsAddIcon$1, null);
+      return isDisabled ? /*#__PURE__*/React__default.createElement(DisabledAccountsAddIcon, null) : /*#__PURE__*/React__default.createElement(AccountsAddIcon$1, null);
   }
 };
-var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
-  var isLink = _ref.isLink,
-    action = _ref.action,
-    destination = _ref.destination,
-    children = _ref.children,
-    dataQa = _ref.dataQa;
+var renderDisabledContent = function renderDisabledContent(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0",
+    minHeight: "100%",
+    extraStyles: "cursor: default;",
+    "aria-disabled": true
+  }, children);
+};
+var renderContent = function renderContent(_ref2) {
+  var isLink = _ref2.isLink,
+    destination = _ref2.destination,
+    dataQa = _ref2.dataQa,
+    children = _ref2.children,
+    action = _ref2.action;
   return isLink ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
     to: destination,
     "data-qa": dataQa,
@@ -27798,38 +28117,59 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
     dataQa: dataQa
   }, children);
 };
-var Placeholder = function Placeholder(_ref2) {
-  var text = _ref2.text,
-    action = _ref2.action,
-    _ref2$visible = _ref2.visible,
-    visible = _ref2$visible === void 0 ? true : _ref2$visible,
-    _ref2$isLink = _ref2.isLink,
-    isLink = _ref2$isLink === void 0 ? false : _ref2$isLink,
-    destination = _ref2.destination,
-    variant = _ref2.variant,
-    largeIcon = _ref2.largeIcon,
-    themeValues = _ref2.themeValues,
-    dataQa = _ref2.dataQa;
+var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref3) {
+  var isLink = _ref3.isLink,
+    action = _ref3.action,
+    destination = _ref3.destination,
+    children = _ref3.children,
+    _ref3$isDisabled = _ref3.isDisabled,
+    isDisabled = _ref3$isDisabled === void 0 ? false : _ref3$isDisabled,
+    dataQa = _ref3.dataQa;
+  return isDisabled ? renderDisabledContent({
+    children: children
+  }) : renderContent({
+    children: children,
+    action: action,
+    isLink: isLink,
+    destination: destination,
+    dataQa: dataQa
+  });
+};
+var Placeholder = function Placeholder(_ref4) {
+  var text = _ref4.text,
+    action = _ref4.action,
+    _ref4$visible = _ref4.visible,
+    visible = _ref4$visible === void 0 ? true : _ref4$visible,
+    _ref4$isLink = _ref4.isLink,
+    isLink = _ref4$isLink === void 0 ? false : _ref4$isLink,
+    destination = _ref4.destination,
+    variant = _ref4.variant,
+    largeIcon = _ref4.largeIcon,
+    themeValues = _ref4.themeValues,
+    _ref4$isDisabled = _ref4.isDisabled,
+    isDisabled = _ref4$isDisabled === void 0 ? false : _ref4$isDisabled,
+    dataQa = _ref4.dataQa;
   return /*#__PURE__*/React__default.createElement(PlaceholderContentWrapper, {
     isLink: isLink,
     action: action,
     destination: destination,
-    dataQa: dataQa
+    dataQa: dataQa,
+    isDisabled: isDisabled
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     borderRadius: "4px",
     border: "none",
     minHeight: themeValues.height,
     hiddenStyles: !visible,
-    extraStyles: "\n        background: linear-gradient(\n          to right,\n          ".concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%,\n          rgba(255, 255, 255, 0) 0%\n        ),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(to right, ").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%);\n        background-position: top, right, bottom, left;\n        background-repeat: repeat-x, repeat-y;\n        background-size: 5px 1px, 1px 5px;\n        display: flex;\n        justify-content: center;\n        align-items:center;"),
-    hoverStyles: "background-color: ".concat(variant === "large" ? GRECIAN_GREY : curriedTint$1(0.9, themeValues.color), ";")
+    extraStyles: isDisabled ? "border: 1px dashed ".concat(MANATEE_GREY, "; \n        display: flex;\n        justify-content: center;\n        align-items:center;") : "\n        background: linear-gradient(\n          to right,\n          ".concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%,\n          rgba(255, 255, 255, 0) 0%\n        ),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(to right, ").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%),\n        linear-gradient(").concat(variant === "large" ? STORM_GREY : themeValues.color, " 40%, rgba(255, 255, 255, 0) 0%);\n        background-position: top, right, bottom, left;\n        background-repeat: repeat-x, repeat-y;\n        background-size: 5px 1px, 1px 5px;\n        display: flex;\n        justify-content: center;\n        align-items:center;"),
+    hoverStyles: "background-color: ".concat(isDisabled ? TRANSPARENT : variant === "large" ? GRECIAN_GREY : curriedTint$1(0.9, themeValues.color), ";")
   }, /*#__PURE__*/React__default.createElement(Center, {
     maxWidth: "300px"
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     tabIndex: "0",
     onKeyPress: function onKeyPress(e) {
-      return e.key === "Enter" && action();
+      return isDisabled ? noop : e.key === "Enter" && action();
     }
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "center",
@@ -27840,12 +28180,13 @@ var Placeholder = function Placeholder(_ref2) {
     childGap: "0"
   }, variant === "large" && /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
-    extraStyles: ".fill { \n                    fill: ".concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } .stroke { \n                    stroke: ").concat(variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } ")
+    "aria-disabled": isDisabled,
+    extraStyles: ".fill { \n                    fill: ".concat(isDisabled ? MANATEE_GREY : variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } .stroke { \n                    stroke: ").concat(isDisabled ? MANATEE_GREY : variant === "large" ? CHARADE_GREY : themeValues.color, "; \n                  } ")
   }, variant === "large" ? /*#__PURE__*/React__default.createElement(Center, {
     intrinsic: true
-  }, getLargeIcon(largeIcon), /*#__PURE__*/React__default.createElement(Text$1, {
+  }, getLargeIcon(largeIcon, isDisabled), /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pS",
-    color: themeValues.color,
+    color: isDisabled ? MANATEE_GREY : themeValues.color,
     weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "text-align: center;"
   }, text)) : /*#__PURE__*/React__default.createElement(Cover, {
@@ -27855,12 +28196,13 @@ var Placeholder = function Placeholder(_ref2) {
     justify: "center",
     align: "center"
   }, /*#__PURE__*/React__default.createElement(IconAdd, {
+    fill: isDisabled ? MANATEE_GREY : WHITE,
     strokeWidth: "2"
   }), /*#__PURE__*/React__default.createElement(Center, {
     intrinsic: true
   }, /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pS",
-    color: themeValues.color,
+    color: isDisabled ? MANATEE_GREY : themeValues.color,
     weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "padding: 0 0 0 8px; text-align: center;"
   }, text)))))))))));
@@ -38777,17 +39119,17 @@ var FormStateDropdown = function FormStateDropdown(_ref) {
 };
 
 var onBackground = "".concat(MATISSE_BLUE);
-var disabledBackground = "".concat(IRON_GREY);
+var disabledBackground = "".concat(MANATEE_GREY);
+var disabledBackgroundLight = "".concat(ATHENS_GREY);
 var white = "".concat(WHITE);
-var offBackground = "".concat(REGENT_GREY);
 var labelStyles = "\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n";
 var rightLabelStyles = "\n  ".concat(labelStyles, "\n  flex-direction: row;\n");
 var leftLabelStyles = "\n  ".concat(labelStyles, "\n  flex-direction: row-reverse;\n");
 var fallbackValues$y = {
   onBackground: onBackground,
   disabledBackground: disabledBackground,
+  disabledBackgroundLight: disabledBackgroundLight,
   white: white,
-  offBackground: offBackground,
   rightLabelStyles: rightLabelStyles,
   leftLabelStyles: leftLabelStyles
 };
@@ -38805,7 +39147,7 @@ var HiddenToggleSwitchBox = styled__default.input.withConfig({
 var VisibleSwitchComponent = styled__default.label.withConfig({
   displayName: "ToggleSwitch__VisibleSwitchComponent",
   componentId: "sc-1t51u6v-1"
-})(["width:48px;height:24px;border-radius:48px;border:none;position:relative;box-sizing:border-box;cursor:", ";display:inline-block;&:hover{box-shadow:", ";}&:focus{box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);}", ""], function (_ref3) {
+})(["width:44px;height:24px;border-radius:12px;border:none;position:relative;box-sizing:border-box;cursor:", ";display:inline-block;&:hover{box-shadow:", ";}&:focus{box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);}", ""], function (_ref3) {
   var disabled = _ref3.disabled;
   return disabled ? "auto" : "pointer";
 }, function (_ref4) {
@@ -38815,14 +39157,10 @@ var VisibleSwitchComponent = styled__default.label.withConfig({
   var isMobile = _ref5.isMobile;
   return isMobile ? "transform: scale(0.75)" : "";
 });
-var ToggleSwitchMiddleRingComponent = styled__default.div.withConfig({
-  displayName: "ToggleSwitch__ToggleSwitchMiddleRingComponent",
+var ToggleSwitchRingComponent = styled__default.div.withConfig({
+  displayName: "ToggleSwitch__ToggleSwitchRingComponent",
   componentId: "sc-1t51u6v-2"
-})(["position:absolute;width:20px;height:20px;border:none;border-radius:50%;box-sizing:border-box;"]);
-var ToggleSwitchInnerRingComponent = styled__default.div.withConfig({
-  displayName: "ToggleSwitch__ToggleSwitchInnerRingComponent",
-  componentId: "sc-1t51u6v-3"
-})(["position:absolute;width:14px;height:14px;top:3px;left:3px;right:3px;bottom:3px;border-radius:50%;box-sizing:border-box;"]);
+})(["position:absolute;width:16px;height:16px;border:none;border-radius:50%;box-sizing:border-box;"]);
 var ToggleSwitch = function ToggleSwitch(_ref6) {
   var _ref6$isOn = _ref6.isOn,
     isOn = _ref6$isOn === void 0 ? false : _ref6$isOn,
@@ -38839,50 +39177,26 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
     themeValues = _ref6.themeValues,
     isMobile = _ref6.isMobile,
     dataQa = _ref6.dataQa;
-  var ToggleSwitchInnerRing = posed(ToggleSwitchInnerRingComponent)({
-    off: {
-      backgroundColor: themeValues.offBackground,
-      transition: {
-        ease: "easeOut"
-      }
-    },
-    on: {
-      backgroundColor: themeValues.onBackground,
-      transition: {
-        ease: "easeIn"
-      }
-    },
-    disabled: {
-      backgroundColor: themeValues.disabledBackground
-    }
-  });
-  var ToggleSwitchMiddleRing = posed(ToggleSwitchMiddleRingComponent)({
+  var ToggleSwitchRing = posed(ToggleSwitchRingComponent)({
     off: {
-      backgroundColor: themeValues.white,
-      left: "2px",
-      top: "2px",
-      bottom: "2px",
-      right: "24px",
+      backgroundColor: disabled ? themeValues.disabledBackground : themeValues.onBackground,
+      left: "4px",
+      top: "3px",
+      bottom: "3px",
+      right: "20px",
       transition: {
         ease: "backIn"
       }
     },
     on: {
       backgroundColor: themeValues.white,
-      right: "1px",
-      top: "2px",
-      bottom: "2px",
-      left: "25px",
+      right: "8px",
+      top: "3px",
+      bottom: "3px",
+      left: "22px",
       transition: {
         ease: "backIn"
       }
-    },
-    disabled: {
-      backgroundColor: themeValues.white,
-      left: "2px",
-      top: "2px",
-      bottom: "2px",
-      right: "24px"
     }
   });
   var VisibleSwitch = posed(VisibleSwitchComponent)({
@@ -38897,19 +39211,20 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
       boxShadow: "0px 2px 5px 0px rgba(0,0,0,0.5)"
     },
     off: {
-      backgroundColor: themeValues.offBackground,
+      border: "1px solid",
+      backgroundColor: disabled ? themeValues.disabledBackgroundLight : themeValues.white,
+      borderColor: disabled ? themeValues.disabledBackground : themeValues.onBackground,
       transition: {
         ease: "easeOut"
       }
     },
     on: {
-      backgroundColor: themeValues.onBackground,
+      border: "1px solid",
+      backgroundColor: disabled ? themeValues.disabledBackground : themeValues.onBackground,
+      borderColor: disabled ? themeValues.disabledBackground : themeValues.onBackground,
       transition: {
         ease: "easeIn"
       }
-    },
-    disabled: {
-      backgroundColor: themeValues.disabledBackground
     }
   });
   var handleKeyDown = function handleKeyDown(e) {
@@ -38944,11 +39259,11 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
     htmlFor: "#toggle-".concat(name),
     onClick: disabled ? noop : onToggle,
     onKeyDown: disabled ? noop : handleKeyDown,
-    pose: disabled ? "disabled" : isOn ? "on" : "off",
+    pose: isOn ? "on" : "off",
     tabIndex: disabled ? -1 : 0,
     disabled: disabled,
     isMobile: isMobile
-  }, /*#__PURE__*/React__default.createElement(ToggleSwitchMiddleRing, null, /*#__PURE__*/React__default.createElement(ToggleSwitchInnerRing, null))))), label && /*#__PURE__*/React__default.createElement(Heading$1, {
+  }, /*#__PURE__*/React__default.createElement(ToggleSwitchRing, null)))), label && /*#__PURE__*/React__default.createElement(Heading$1, {
     variant: "h4",
     weight: FONT_WEIGHT_SEMIBOLD,
     extraStyles: "margin: 0 0.5rem; position: relative; bottom: 1px; display: inline-block;",
@@ -39238,6 +39553,195 @@ var LoadingLine = function LoadingLine(_ref) {
   });
 };
 
+var fontSize$9 = {
+  "default": "1.375rem",
+  largeTitle: "1.75rem",
+  small: "1.25rem"
+};
+var fontWeight$5 = {
+  "default": "600",
+  largeTitle: "700",
+  small: "600"
+};
+var fontColor = {
+  "default": CHARADE_GREY,
+  largeTitle: CHARADE_GREY,
+  small: CHARADE_GREY
+};
+var lineHeight$3 = {
+  "default": "2rem",
+  largeTitle: "2rem",
+  small: "2rem"
+};
+var textAlign = {
+  "default": "left",
+  largeTitle: "left",
+  small: "left"
+};
+var titleType = {
+  "default": "h5",
+  largeTitle: "h1",
+  small: "h6"
+};
+var titleSpacing = {
+  "default": "0.5rem",
+  largeTitle: "1.125rem",
+  small: "0.5rem"
+};
+var boxShadow$1 = {
+  "default": "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
+  largeTitle: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
+  small: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)"
+};
+var borderRadius = {
+  "default": "0.25rem",
+  largeTitle: "0.25rem",
+  small: "0.25rem"
+};
+var backgroundColor$6 = {
+  "default": WHITE,
+  largeTitle: WHITE,
+  small: WHITE
+};
+var fallbackValues$C = {
+  fontSize: fontSize$9,
+  fontWeight: fontWeight$5,
+  fontColor: fontColor,
+  lineHeight: lineHeight$3,
+  textAlign: textAlign,
+  titleType: titleType,
+  titleSpacing: titleSpacing,
+  boxShadow: boxShadow$1,
+  borderRadius: borderRadius,
+  backgroundColor: backgroundColor$6
+};
+
+/*
+  New (01/22) - updated <Module /> to use <Title /> atom
+  Because <Title /> decouples size from element, also gave <Module />
+  two new props: "as" and "fontSize"
+
+  When present, <Module /> will use those values to dictate element type and font size.
+
+  For backwards compatability, <Module /> still computes a themed font size and element type based on old
+  <Heading /> variants. If "fontSize" or "as" is undefined, <Module /> will use themed values.
+*/
+
+var Module = function Module(_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "default" : _ref$variant,
+    as = _ref.as,
+    disabled = _ref.disabled,
+    heading = _ref.heading,
+    rightTitleContent = _ref.rightTitleContent,
+    _ref$titleID = _ref.titleID,
+    titleID = _ref$titleID === void 0 ? "" : _ref$titleID,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? "1rem" : _ref$spacing,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? "0" : _ref$padding,
+    _ref$margin = _ref.margin,
+    margin = _ref$margin === void 0 ? "0" : _ref$margin,
+    _ref$spacingBottom = _ref.spacingBottom,
+    spacingBottom = _ref$spacingBottom === void 0 ? "2.5rem" : _ref$spacingBottom,
+    fontSize = _ref.fontSize,
+    themeValues = _ref.themeValues,
+    children = _ref.children;
+  var themedFontSize = variant === "small" ? "1.25rem" : variant === "default" ? "1.375rem" : "2rem";
+  var computedFontSize = fontSize || themedFontSize;
+  var themedElemType = variant === "small" ? "h6" : variant === "default" ? "h5" : "h2";
+  var computedElemType = as || themedElemType;
+  var disabledStyles = "opacity: 0.40;";
+  var headingText = /*#__PURE__*/React__default.createElement(Title$1, {
+    weight: themeValues.fontWeight,
+    color: themeValues.fontColor,
+    margin: "".concat(spacing, " 0 ").concat(themeValues.titleSpacing, " 0"),
+    textAlign: themeValues.textAlign,
+    as: computedElemType,
+    extraStyles: "font-size: ".concat(computedFontSize, ";"),
+    id: titleID
+  }, heading);
+  return /*#__PURE__*/React__default.createElement(Box, {
+    "aria-disabled": disabled,
+    extraStyles: disabled && disabledStyles,
+    padding: "0",
+    role: "group"
+  }, heading && !rightTitleContent && headingText, heading && rightTitleContent && /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: "space-between",
+    align: "center",
+    nowrap: true
+  }, headingText, rightTitleContent), /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0 0 ".concat(spacingBottom),
+    extraStyles: "margin: ".concat(margin)
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: padding,
+    background: themeValues.backgroundColor,
+    borderRadius: themeValues.borderRadius,
+    boxShadow: themeValues.boxShadow
+  }, children)));
+};
+var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$C, "default"));
+
+var WalletName = function WalletName(_ref) {
+  var mainText = _ref.mainText,
+    action = _ref.action,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? null : _ref$text,
+    _ref$actionText = _ref.actionText,
+    actionText = _ref$actionText === void 0 ? null : _ref$actionText,
+    _ref$disableAction = _ref.disableAction,
+    disableAction = _ref$disableAction === void 0 ? false : _ref$disableAction,
+    _ref$linkButtonExtraS = _ref.linkButtonExtraStyles,
+    linkButtonExtraStyles = _ref$linkButtonExtraS === void 0 ? "" : _ref$linkButtonExtraS,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
+  var _useContext = React.useContext(styled.ThemeContext),
+    isMobile = _useContext.isMobile;
+  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Module$1, {
+    spacingBottom: isMobile ? "0" : "1.5rem"
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    align: "center",
+    justify: !!text || !!actionText ? "space-between" : "flex-start",
+    extraStyles: "\n            box-shadow: 0px 1px 2px 0px rgba(".concat(CHARADE_GREY, ", 0.1);\n            box-shadow: 0px 2px 6px 0px rgba(").concat(CHARADE_GREY, ", 0.2);\n            box-shadow: 0px -1px 0px 0px rgba(").concat(CHARADE_GREY, ", 0.1) inset;\n            padding: 1.5rem;\n            ").concat(isMobile ? "span {text-align: right;}" : "", "\n          ")
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0"
+  }, isLoading ? /*#__PURE__*/React__default.createElement(Center, {
+    as: "span",
+    style: {
+      padding: "24px 24px 0"
+    },
+    intrinsic: true
+  }, /*#__PURE__*/React__default.createElement(Spinner$2, {
+    strokeWidth: "2",
+    size: "24",
+    radius: "10",
+    cx: "12",
+    cy: "12"
+  })) : mainText && /*#__PURE__*/React__default.createElement(Text$1, null, mainText)), !isMobile && /*#__PURE__*/React__default.createElement(Box, {
+    padding: "0"
+  }, text && /*#__PURE__*/React__default.createElement(Text$1, {
+    variant: "pXS"
+  }, text), (text || actionText) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\xA0"), action && actionText && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    disabled: disableAction,
+    text: actionText,
+    action: action,
+    variant: "smallGhost",
+    extraStyles: "\n                    margin: 0;\n                    min-width: 0;\n                    span {font-size: 0.75rem;}\n                    ".concat(linkButtonExtraStyles, "\n                ")
+  })))), isMobile && /*#__PURE__*/React__default.createElement(Cluster, {
+    align: "center",
+    justify: text || actionText ? "flex-end" : "flex-start",
+    extraStyles: "margin-top: 0.5rem;"
+  }, text && /*#__PURE__*/React__default.createElement(Text$1, {
+    extraStyles: "font-size: 0.857rem;"
+  }, text), (text || actionText) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "\xA0"), action && actionText && /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    text: actionText,
+    action: action,
+    variant: "smallGhost",
+    disabled: disableAction,
+    extraStyles: "\n                margin: 0;\n                min-width: 0;\n                span {font-size: 0.857rem;}\n                ".concat(linkButtonExtraStyles, "\n              ")
+  })));
+};
+
 var Table_styled = styled__default.table.withConfig({
   displayName: "Tablestyled",
   componentId: "sc-mveye7-0"
@@ -39274,10 +39778,10 @@ var TableCell_styled = styled__default.td.withConfig({
   return extraStyles;
 });
 
-var backgroundColor$6 = ALABASTER_WHITE;
+var backgroundColor$7 = ALABASTER_WHITE;
 var borderColor$3 = GREY_CHATEAU;
-var fallbackValues$C = {
-  backgroundColor: backgroundColor$6,
+var fallbackValues$D = {
+  backgroundColor: backgroundColor$7,
   borderColor: borderColor$3
 };
 
@@ -39298,7 +39802,7 @@ var StyledTableHead = styled__default.thead.withConfig({
 
 var borderColor$4 = GREY_CHATEAU;
 var hoverBackgroundColor$1 = HOVER_LIGHT_BLUE;
-var fallbackValues$D = {
+var fallbackValues$E = {
   borderColor: borderColor$4,
   hoverBackgroundColor: hoverBackgroundColor$1
 };
@@ -39337,7 +39841,7 @@ var TableRow = function TableRow(_ref) {
     hoverBackgroundColor: themeValues.hoverBackgroundColor
   }, props), children);
 };
-var TableRow$1 = themeComponent(TableRow, "TableRow", fallbackValues$D);
+var TableRow$1 = themeComponent(TableRow, "TableRow", fallbackValues$E);
 
 var TableHead = function TableHead(_ref) {
   var children = _ref.children,
@@ -39352,7 +39856,7 @@ var TableHead = function TableHead(_ref) {
     hoverEffect: false
   }, children));
 };
-var TableHead$1 = themeComponent(TableHead, "TableHead", fallbackValues$C);
+var TableHead$1 = themeComponent(TableHead, "TableHead", fallbackValues$D);
 
 var TableHeading_styled = styled__default.th.withConfig({
   displayName: "TableHeadingstyled",
@@ -39832,6 +40336,14 @@ validatorFns[IS_PROBABLY_EMAIL] = (value, args, form) => {
   return new RegExp(/^\S+@\S+\.\S+$/).test(value);
 };
 
+const VALID_NAME = 'validator/VALID_NAME';
+const VALID_NAME_ERROR = 'validator/VALID_NAME_ERROR';
+const validName = createValidator(VALID_NAME, VALID_NAME_ERROR);
+validatorFns[VALID_NAME] = (value, args, form) =>
+  value === ''
+    ? false
+    : new RegExp(/[A-zÀ-ÿ\-,'\S]+(\s?[A-zÀ-ÿ\-,'\S])*/).test(value);
+
 const runValidatorErrorMessage = (type) =>
   `${type} was passed to runValidator, but that validator type does not exist. 
   Please check that you are only calling validator creator functions exported from 
@@ -40178,9 +40690,9 @@ AddressForm.reducer = reducer;
 AddressForm.mapStateToProps = mapStateToProps$1;
 AddressForm.mapDispatchToProps = mapDispatchToProps;
 
-var backgroundColor$7 = "#ebeffb";
-var fallbackValues$E = {
-  backgroundColor: backgroundColor$7
+var backgroundColor$8 = "#ebeffb";
+var fallbackValues$F = {
+  backgroundColor: backgroundColor$8
 };
 
 var Banner = function Banner(_ref) {
@@ -40228,7 +40740,7 @@ var Banner = function Banner(_ref) {
     extraStyles: isMobile && "> svg { width: 176px; }"
   }, /*#__PURE__*/React__default.createElement(Image, null))));
 };
-var Banner$1 = themeComponent(Banner, "Banner", fallbackValues$E);
+var Banner$1 = themeComponent(Banner, "Banner", fallbackValues$F);
 
 var ChangePasswordForm = function ChangePasswordForm(_ref) {
   var clearOnDismount = _ref.clearOnDismount,
@@ -40362,7 +40874,7 @@ ChangePasswordForm.mapDispatchToProps = mapDispatchToProps$1;
 var titleColor$1 = "#292A33";
 var headingBackgroundColor = "transparent";
 var bodyBackgroundColor = "transparent";
-var fallbackValues$F = {
+var fallbackValues$G = {
   titleColor: titleColor$1,
   headingBackgroundColor: headingBackgroundColor,
   bodyBackgroundColor: bodyBackgroundColor
@@ -40487,7 +40999,7 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
     "aria-labelledby": "".concat(id, "-button")
   }, children))));
 };
-var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$F);
+var CollapsibleSection$1 = themeComponent(CollapsibleSection, "CollapsibleSection", fallbackValues$G);
 
 var ClipboardIcon = function ClipboardIcon(_ref) {
   var themeValues = _ref.themeValues;
@@ -40769,7 +41281,9 @@ var EditableList = function EditableList(_ref) {
     qaPrefix = _ref.qaPrefix,
     ariaLabel = _ref.ariaLabel,
     _ref$editItemAriaRole = _ref.editItemAriaRole,
-    editItemAriaRole = _ref$editItemAriaRole === void 0 ? "" : _ref$editItemAriaRole;
+    editItemAriaRole = _ref$editItemAriaRole === void 0 ? "" : _ref$editItemAriaRole,
+    _ref$disablePlacehold = _ref.disablePlaceholder,
+    disablePlaceholder = _ref$disablePlacehold === void 0 ? false : _ref$disablePlacehold;
   var addText = "Add a".concat(itemName[0].match(/[aieouAIEOU]/) ? "n" : "", " ").concat(itemName);
   return /*#__PURE__*/React__default.createElement(Box, {
     padding: listPadding,
@@ -40852,7 +41366,8 @@ var EditableList = function EditableList(_ref) {
     text: addText,
     action: addItem,
     dataQa: "Add " + qaPrefix,
-    "aria-label": addText
+    "aria-label": addText,
+    isDisabled: disablePlaceholder
   }))));
 };
 
@@ -41063,7 +41578,7 @@ EmailForm.mapDispatchToProps = mapDispatchToProps$3;
 
 var footerBackgroundColor = BRIGHT_GREY;
 var subfooterBackgroundColor = STORM_GREY;
-var fallbackValues$G = {
+var fallbackValues$H = {
   footerBackgroundColor: footerBackgroundColor,
   subfooterBackgroundColor: subfooterBackgroundColor
 };
@@ -41094,7 +41609,7 @@ var FooterWithSubfooter = function FooterWithSubfooter(_ref) {
     rightContent: rightSubfooterContent
   }));
 };
-var FooterWithSubfooter$1 = themeComponent(FooterWithSubfooter, "FooterWithSubfooter", fallbackValues$G);
+var FooterWithSubfooter$1 = themeComponent(FooterWithSubfooter, "FooterWithSubfooter", fallbackValues$H);
 
 var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
   var fields = _ref.fields,
@@ -41140,10 +41655,10 @@ ForgotPasswordForm.mapStateToProps = mapStateToProps$5;
 ForgotPasswordForm.mapDispatchToProps = mapDispatchToProps$4;
 
 var textColor$4 = "#ffffff";
-var backgroundColor$8 = "#182848";
-var fallbackValues$H = {
+var backgroundColor$9 = "#182848";
+var fallbackValues$I = {
   textColor: textColor$4,
-  backgroundColor: backgroundColor$8
+  backgroundColor: backgroundColor$9
 };
 
 // this component needs some fix'n
@@ -41200,7 +41715,7 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
     }, t));
   }), repeat( /*#__PURE__*/React__default.createElement(Box, null), boxesAfter))));
 };
-var HighlightTabRow$1 = themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$H);
+var HighlightTabRow$1 = themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$I);
 
 var AccountBillIcon = function AccountBillIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
@@ -42653,33 +43168,19 @@ var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
 var MISC_BILL_ICON = "MISC_SINGLE_BILL";
 var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, AccountGenericIcon), ACCOUNTS_CONSTRUCTION_ICON, AccountConstructionIcon), ACCOUNTS_HEALTH_ICON, AccountMedicalIcon), ACCOUNTS_DENTAL_ICON, AccountDentalIcon), ACCOUNTS_UTILITY_ELECTRIC_ICON, AccountElectricIcon), ACCOUNTS_UTILITY_GARBAGE_ICON, AccountGarbageIcon), ACCOUNTS_UTILITY_GAS_ICON, AccountGasIcon), ACCOUNTS_UTILITY_WATER_ICON, AccountWaterIcon), PROPERTIES_PERSONAL_ICON, PropertyPersonalIcon), PROPERTIES_GARAGE_ICON, PropertyGarageIcon), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, PropertyBusinessIcon), PROPERTIES_STOREFRONT_ICON, PropertyStorefrontIcon), PROPERTIES_APARTMENT_ICON, PropertyApartmentIcon), PROPERTIES_LAND_ICON, PropertyLandIcon), PROPERTIES_CAR_ICON, PropertyCarIcon), PROPERTIES_MOTORCYCLE_ICON, PropertyMotorcycleIcon), PROPERTIES_COMMERCIAL_AUTO_ICON, PropertyCommercialVehicleIcon), MISC_BILL_ICON, AccountBillIcon));
 
-var disabledBackgroundColor$1 = {
-  primary: TRANSPARENT
-};
-var disabledBorderColor$1 = {
-  primary: GHOST_GREY
-};
-var disabledColor$1 = {
-  primary: MANATEE_GREY
-};
-var activeBackgroundColor$1 = {
-  primary: CORNFLOWER_BLUE
-};
-var backgroundColor$9 = {
-  primary: LINK_WATER
-};
-var borderColor$5 = {
-  primary: MOON_RAKER
-};
-var color$b = {
-  primary: ROYAL_BLUE_VIVID
-};
-var fallbackValues$I = {
+var disabledBackgroundColor$1 = TRANSPARENT;
+var disabledBorderColor$1 = GHOST_GREY;
+var disabledColor$1 = MANATEE_GREY;
+var activeBackgroundColor$1 = CORNFLOWER_BLUE;
+var backgroundColor$a = LINK_WATER;
+var borderColor$5 = MOON_RAKER;
+var color$b = ROYAL_BLUE_VIVID;
+var fallbackValues$J = {
   disabledBackgroundColor: disabledBackgroundColor$1,
   disabledBorderColor: disabledBorderColor$1,
   disabledColor: disabledColor$1,
   activeBackgroundColor: activeBackgroundColor$1,
-  backgroundColor: backgroundColor$9,
+  backgroundColor: backgroundColor$a,
   borderColor: borderColor$5,
   color: color$b
 };
@@ -42795,7 +43296,7 @@ var LinkCard = function LinkCard(_ref) {
     extraStyles: "margin-right: auto;"
   }), showRight && !!rightContent && rightContent))));
 };
-var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$I, "primary");
+var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$J, "primary");
 
 var LoginForm = function LoginForm(_ref) {
   var clearOnDismount = _ref.clearOnDismount,
@@ -46302,14 +46803,27 @@ var Modal$1 = function Modal(_ref) {
     blurUnderlay = _ref$blurUnderlay === void 0 ? true : _ref$blurUnderlay;
   var _useContext = React.useContext(styled.ThemeContext),
     isMobile = _useContext.isMobile;
-  var modalContainerRef = React.useRef(null);
+
+  // `AriaModal` uses `focus-trap` as a transient dependency. It automatically looks
+  // for a tabbable node when the modal mounts. When it doesn't find one, it looks to
+  // the `fallbackFocus` option. However, React does not guarantee the ref supplied to
+  // this option will be populated on initial render when `focus-trap` is checking
+  // these option. When there are no buttons in the modal, this causes an error.
+  // Because `focus-trap` cannot be disabled, the ref itself requires a default value
+  // to satisfy `focus-trap` until React populates it with the real ref value.
+  //
+  // See:
+  //   - https://react.dev/reference/react/useRef#caveats
+  //   - https://github.com/davidtheclark/react-aria-modal/pull/103
+  //   - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
+  var modalContainerRef = React.useRef("#react-aria-modal-dialog");
   return /*#__PURE__*/React__default.createElement("div", {
     ref: modalContainerRef,
+    tabIndex: "-1",
     "data-qa": dataQa
-  }, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal
-  // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
-  , {
+  }, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
     focusTrapOptions: {
+      // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
       fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
     },
     onExit: onExit,
@@ -46434,134 +46948,343 @@ var Modal$1 = function Modal(_ref) {
   }))))))))), children);
 };
 
-var fontSize$9 = {
-  "default": "1.375rem",
-  largeTitle: "1.75rem",
-  small: "1.25rem"
-};
-var fontWeight$5 = {
-  "default": "600",
-  largeTitle: "700",
-  small: "600"
-};
-var fontColor = {
-  "default": CHARADE_GREY,
-  largeTitle: CHARADE_GREY,
-  small: CHARADE_GREY
-};
-var lineHeight$3 = {
-  "default": "2rem",
-  largeTitle: "2rem",
-  small: "2rem"
-};
-var textAlign = {
-  "default": "left",
-  largeTitle: "left",
-  small: "left"
-};
-var titleType = {
-  "default": "h5",
-  largeTitle: "h1",
-  small: "h6"
-};
-var titleSpacing = {
-  "default": "0.5rem",
-  largeTitle: "1.125rem",
-  small: "0.5rem"
+var ButtonLayoutWrapper = function ButtonLayoutWrapper(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? [] : _ref$children,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
+  var safeChildren = Array.isArray(children) ? children : [children];
+  var flexGrow = isMobile ? "flex-grow: 1;" : "";
+  return /*#__PURE__*/React__default.createElement(Box, {
+    padding: SPACING.MD
+  }, /*#__PURE__*/React__default.createElement(Stack, {
+    childGap: "1rem",
+    direction: "row",
+    justify: "flex-end"
+  }, safeChildren.map(function (child, index) {
+    return /*#__PURE__*/React__default.createElement(Box, {
+      padding: "0",
+      extraStyles: flexGrow,
+      key: index
+    }, child);
+  })));
 };
-var boxShadow$1 = {
-  "default": "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
-  largeTitle: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
-  small: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)"
+
+var CancelButton = function CancelButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$cancelAction = _ref.cancelAction,
+    cancelAction = _ref$cancelAction === void 0 ? noop : _ref$cancelAction,
+    _ref$cancelButtonText = _ref.cancelButtonText,
+    cancelButtonText = _ref$cancelButtonText === void 0 ? "" : _ref$cancelButtonText,
+    _ref$cancelButtonVari = _ref.cancelButtonVariant,
+    cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "secondary" : _ref$cancelButtonVari,
+    _ref$hideModal = _ref.hideModal,
+    hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
+  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
+  var width = isMobile ? "width: 100%;" : "";
+  return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    action: cancelAction ? cancelAction : hideModal,
+    borderRadius: BORDER_RADIUS.MD,
+    className: "modal-cancel-button",
+    dataQa: cancelButtonText,
+    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
+    name: cancelButtonText,
+    role: "button",
+    text: cancelButtonText,
+    textExtraStyles: "".concat(fontSize),
+    variant: cancelButtonVariant
+  });
 };
-var borderRadius = {
-  "default": "0.25rem",
-  largeTitle: "0.25rem",
-  small: "0.25rem"
+
+var CloseButton = function CloseButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$closeButtonText = _ref.closeButtonText,
+    closeButtonText = _ref$closeButtonText === void 0 ? "" : _ref$closeButtonText,
+    _ref$hideModal = _ref.hideModal,
+    hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
+  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
+  var width = isMobile ? "width: 100%;" : "";
+  return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    action: hideModal,
+    borderRadius: BORDER_RADIUS.MD,
+    className: "modal-close-button",
+    dataQa: closeButtonText,
+    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
+    name: closeButtonText,
+    role: "button",
+    text: closeButtonText,
+    textExtraStyles: "".concat(fontSize),
+    variant: "primary"
+  });
 };
-var backgroundColor$a = {
-  "default": WHITE,
-  largeTitle: WHITE,
-  small: WHITE
+
+var CloseIconButton = function CloseIconButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    _ref$hideModal = _ref.hideModal,
+    hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
+    _ref$iconWidth = _ref.iconWidth,
+    iconWidth = _ref$iconWidth === void 0 ? "24" : _ref$iconWidth,
+    _ref$iconHeight = _ref.iconHeight,
+    iconHeight = _ref$iconHeight === void 0 ? "24" : _ref$iconHeight,
+    _ref$ariaLabel = _ref.ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
+  return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+    action: hideModal,
+    "aria-label": ariaLabel,
+    contentOverride: true,
+    extraStyles: "\n        min-height: auto;\n        min-width: auto;\n        height: 1.5rem;\n        margin: 0 0 0 0.5rem;\n        &:focus {\n            outline-offset: -3px;\n        }\n     ",
+    variant: "smallGhost"
+  }, /*#__PURE__*/React__default.createElement(CloseIcon, {
+    role: "img",
+    "aria-hidden": "true",
+    iconWidth: iconWidth,
+    iconHeight: iconHeight
+  }));
 };
-var fallbackValues$J = {
-  fontSize: fontSize$9,
-  fontWeight: fontWeight$5,
-  fontColor: fontColor,
-  lineHeight: lineHeight$3,
-  textAlign: textAlign,
-  titleType: titleType,
-  titleSpacing: titleSpacing,
-  boxShadow: boxShadow$1,
-  borderRadius: borderRadius,
-  backgroundColor: backgroundColor$a
+
+var ContinueButton = function ContinueButton(_ref) {
+  var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$continueAction = _ref.continueAction,
+    continueAction = _ref$continueAction === void 0 ? noop : _ref$continueAction,
+    _ref$continueButtonTe = _ref.continueButtonText,
+    continueButtonText = _ref$continueButtonTe === void 0 ? "" : _ref$continueButtonTe,
+    _ref$continueURL = _ref.continueURL,
+    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
+    _ref$continueButtonVa = _ref.continueButtonVariant,
+    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
+    _ref$isContinueAction = _ref.isContinueActionDisabled,
+    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$isMobile = _ref.isMobile,
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
+    _ref$useDangerButton = _ref.useDangerButton,
+    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
+  var ContinueButtonAtom = continueURL ? ButtonWithLink : ButtonWithAction;
+  var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
+  var width = isMobile ? "width: 100%;" : "";
+  return /*#__PURE__*/React__default.createElement(ContinueButtonAtom, {
+    action: continueAction,
+    borderRadius: BORDER_RADIUS.MD,
+    className: "modal-continue-button",
+    dataQa: continueButtonText,
+    disabled: isContinueActionDisabled,
+    extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
+    isLoading: isLoading,
+    linkExtraStyles: "display: inline-block; ".concat(width),
+    name: continueButtonText,
+    role: "button",
+    text: continueButtonText,
+    textExtraStyles: "".concat(fontSize),
+    url: continueURL,
+    variant: useDangerButton ? "danger" : continueButtonVariant
+  });
 };
 
 /*
-  New (01/22) - updated <Module /> to use <Title /> atom
-  Because <Title /> decouples size from element, also gave <Module />
-  two new props: "as" and "fontSize"
-
-  When present, <Module /> will use those values to dictate element type and font size.
+Default Modal molecule
+Uses react-aria-modal behind the scenes for a11y purposes
+Styling accomplished with our atoms / layout primitives
 
-  For backwards compatability, <Module /> still computes a themed font size and element type based on old
-  <Heading /> variants. If "fontSize" or "as" is undefined, <Module /> will use themed values.
+Cancel button will (for now) always use hideModal as its action
+Continue button takes an action, if you want to navigate to
+a different route (as with a link) connect() and use "push" from @thecb/connected-react-router
 */
 
-var Module = function Module(_ref) {
-  var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "default" : _ref$variant,
-    as = _ref.as,
-    disabled = _ref.disabled,
-    heading = _ref.heading,
-    rightTitleContent = _ref.rightTitleContent,
-    _ref$titleID = _ref.titleID,
-    titleID = _ref$titleID === void 0 ? "" : _ref$titleID,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? "1rem" : _ref$spacing,
-    _ref$padding = _ref.padding,
-    padding = _ref$padding === void 0 ? "0" : _ref$padding,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? "0" : _ref$margin,
-    _ref$spacingBottom = _ref.spacingBottom,
-    spacingBottom = _ref$spacingBottom === void 0 ? "2.5rem" : _ref$spacingBottom,
-    fontSize = _ref.fontSize,
-    themeValues = _ref.themeValues,
-    children = _ref.children;
-  var themedFontSize = variant === "small" ? "1.25rem" : variant === "default" ? "1.375rem" : "2rem";
-  var computedFontSize = fontSize || themedFontSize;
-  var themedElemType = variant === "small" ? "h6" : variant === "default" ? "h5" : "h2";
-  var computedElemType = as || themedElemType;
-  var disabledStyles = "opacity: 0.40;";
-  var headingText = /*#__PURE__*/React__default.createElement(Title$1, {
-    weight: themeValues.fontWeight,
-    color: themeValues.fontColor,
-    margin: "".concat(spacing, " 0 ").concat(themeValues.titleSpacing, " 0"),
-    textAlign: themeValues.textAlign,
-    as: computedElemType,
-    extraStyles: "font-size: ".concat(computedFontSize, ";"),
-    id: titleID
-  }, heading);
-  return /*#__PURE__*/React__default.createElement(Box, {
-    "aria-disabled": disabled,
-    extraStyles: disabled && disabledStyles,
+var getApplicationNode$1 = function getApplicationNode() {
+  return document.getElementById("root");
+};
+var Modal$2 = function Modal(_ref) {
+  var _ref$blurUnderlay = _ref.blurUnderlay,
+    blurUnderlay = _ref$blurUnderlay === void 0 ? true : _ref$blurUnderlay,
+    _ref$buttonExtraStyle = _ref.buttonExtraStyles,
+    buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
+    _ref$cancelAction = _ref.cancelAction,
+    cancelAction = _ref$cancelAction === void 0 ? noop : _ref$cancelAction,
+    _ref$cancelButtonText = _ref.cancelButtonText,
+    cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
+    _ref$cancelButtonVari = _ref.cancelButtonVariant,
+    cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "secondary" : _ref$cancelButtonVari,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? [] : _ref$children,
+    _ref$closeButtonText = _ref.closeButtonText,
+    closeButtonText = _ref$closeButtonText === void 0 ? "Close" : _ref$closeButtonText,
+    _ref$continueAction = _ref.continueAction,
+    continueAction = _ref$continueAction === void 0 ? noop : _ref$continueAction,
+    _ref$continueButtonTe = _ref.continueButtonText,
+    continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
+    _ref$continueButtonVa = _ref.continueButtonVariant,
+    continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
+    _ref$continueURL = _ref.continueURL,
+    continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
+    _ref$customWidth = _ref.customWidth,
+    customWidth = _ref$customWidth === void 0 ? "" : _ref$customWidth,
+    _ref$dataQa = _ref.dataQa,
+    dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
+    _ref$defaultWrapper = _ref.defaultWrapper,
+    defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
+    _ref$hideModal = _ref.hideModal,
+    hideModal = _ref$hideModal === void 0 ? noop : _ref$hideModal,
+    _ref$initialFocusSele = _ref.initialFocusSelector,
+    initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
+    _ref$isContinueAction = _ref.isContinueActionDisabled,
+    isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$maxHeight = _ref.maxHeight,
+    maxHeight = _ref$maxHeight === void 0 ? "" : _ref$maxHeight,
+    _ref$modalBodyBg = _ref.modalBodyBg,
+    modalBodyBg = _ref$modalBodyBg === void 0 ? "" : _ref$modalBodyBg,
+    _ref$modalBodyText = _ref.modalBodyText,
+    modalBodyText = _ref$modalBodyText === void 0 ? "" : _ref$modalBodyText,
+    _ref$modalHeaderBg = _ref.modalHeaderBg,
+    modalHeaderBg = _ref$modalHeaderBg === void 0 ? "" : _ref$modalHeaderBg,
+    _ref$modalHeaderText = _ref.modalHeaderText,
+    modalHeaderText = _ref$modalHeaderText === void 0 ? "" : _ref$modalHeaderText,
+    _ref$modalOpen = _ref.modalOpen,
+    modalOpen = _ref$modalOpen === void 0 ? false : _ref$modalOpen,
+    _ref$noButtons = _ref.noButtons,
+    noButtons = _ref$noButtons === void 0 ? false : _ref$noButtons,
+    _ref$onExit = _ref.onExit,
+    onExit = _ref$onExit === void 0 ? hideModal : _ref$onExit,
+    _ref$onlyCloseButton = _ref.onlyCloseButton,
+    onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
+    _ref$onlyContinueButt = _ref.onlyContinueButton,
+    onlyContinueButton = _ref$onlyContinueButt === void 0 ? false : _ref$onlyContinueButt,
+    _ref$showCloseIconBut = _ref.showCloseIconButton,
+    showCloseIconButton = _ref$showCloseIconBut === void 0 ? false : _ref$showCloseIconBut,
+    _ref$underlayClickExi = _ref.underlayClickExits,
+    underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
+    _ref$useDangerButton = _ref.useDangerButton,
+    useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
+  var _useContext = React.useContext(styled.ThemeContext),
+    isMobile = _useContext.isMobile;
+
+  // `AriaModal` uses `focus-trap` as a transient dependency. It automatically looks
+  // for a tabbable node when the modal mounts. When it doesn't find one, it looks to
+  // the `fallbackFocus` option. However, React does not guarantee the ref supplied to
+  // this option will be populated on initial render when `focus-trap` is checking
+  // these option. When there are no buttons in the modal, this causes an error.
+  // Because `focus-trap` cannot be disabled, the ref itself requires a default value
+  // to satisfy `focus-trap` until React populates it with the real ref value.
+  //
+  // See:
+  //   - https://react.dev/reference/react/useRef#caveats
+  //   - https://github.com/davidtheclark/react-aria-modal/pull/103
+  //   - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
+  var modalContainerRef = React.useRef("#react-aria-modal-dialog");
+  var hasCloseButton = onlyCloseButton && !noButtons;
+  var hasCancelButton = !onlyContinueButton && !onlyCloseButton && !noButtons;
+  var hasContinueButton = onlyContinueButton && !noButtons || !onlyCloseButton && !noButtons;
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: modalContainerRef,
+    tabIndex: "-1",
+    "data-qa": dataQa
+  }, modalOpen && /*#__PURE__*/React__default.createElement(reactAriaModal, {
+    focusTrapOptions: {
+      // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
+      fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
+    },
+    onExit: onExit,
+    getApplicationNode: getApplicationNode$1,
+    titleText: modalHeaderText,
+    underlayStyle: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      background: "rgba(41, 42, 51, 0.45)",
+      backdropFilter: blurUnderlay ? "blur(4px)" : "none",
+      WebkitBackdropFilter: blurUnderlay ? "blur(4px)" : "none"
+    },
+    dialogStyle: {
+      borderRadius: BORDER_RADIUS.MD,
+      margin: SPACING.XS,
+      overflow: "auto",
+      width: isMobile ? "" : customWidth || "576px"
+    },
+    underlayClickExits: underlayClickExits,
+    "aria-modal": true,
+    initialFocus: initialFocusSelector,
+    focusDialog: !initialFocusSelector // Focus the dialogue box itself if no selector for initial focus was provided
+  }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
-    role: "group"
-  }, heading && !rightTitleContent && headingText, heading && rightTitleContent && /*#__PURE__*/React__default.createElement(Cluster, {
-    justify: "space-between",
-    align: "center",
+    boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    background: modalHeaderBg || WHITE,
+    borderColor: SILVER_GREY,
+    borderWidthOverride: "0 0 ".concat(BORDER_THIN, " 0"),
+    padding: "".concat(SPACING.XS, " ").concat(SPACING.MD)
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    justify: showCloseIconButton ? "space-between" : "flex-start",
+    align: showCloseIconButton && isMobile ? "flex-start" : "center",
     nowrap: true
-  }, headingText, rightTitleContent), /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0 0 ".concat(spacingBottom),
-    extraStyles: "margin: ".concat(margin)
+  }, /*#__PURE__*/React__default.createElement(Title$1, {
+    as: "h2",
+    weight: FONT_WEIGHT_SEMIBOLD,
+    fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
+  }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React__default.createElement(CloseIconButton, {
+    hideModal: hideModal
+  }))), /*#__PURE__*/React__default.createElement(Box, {
+    background: modalBodyBg || ATHENS_GREY,
+    padding: "0"
   }, /*#__PURE__*/React__default.createElement(Box, {
-    padding: padding,
-    background: themeValues.backgroundColor,
-    borderRadius: themeValues.borderRadius,
-    boxShadow: themeValues.boxShadow
-  }, children)));
+    padding: SPACING.MD,
+    borderWidthOverride: !noButtons && "0 0 ".concat(BORDER_THIN, " 0"),
+    borderColor: !noButtons && SILVER_GREY,
+    extraStyles: maxHeight ? "max-height: ".concat(maxHeight, "; overflow: auto;") : ""
+  }, defaultWrapper ? /*#__PURE__*/React__default.createElement(Paragraph$1, {
+    variant: isMobile ? "pS" : "p"
+  }, modalBodyText) : /*#__PURE__*/React__default.createElement(Box, {
+    padding: maxHeight ? "0 0 ".concat(SPACING.XS, " 0") : "0"
+  }, modalBodyText)), noButtons ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null) : /*#__PURE__*/React__default.createElement(ButtonLayoutWrapper, {
+    isMobile: isMobile
+  }, [hasCancelButton && /*#__PURE__*/React__default.createElement(CancelButton, {
+    buttonExtraStyles: buttonExtraStyles,
+    cancelAction: cancelAction,
+    cancelButtonText: cancelButtonText,
+    cancelButtonVariant: cancelButtonVariant,
+    hideModal: hideModal,
+    isMobile: isMobile,
+    key: "cancel"
+  }), hasContinueButton && /*#__PURE__*/React__default.createElement(ContinueButton, {
+    buttonExtraStyles: buttonExtraStyles,
+    continueAction: continueAction,
+    continueButtonText: continueButtonText,
+    continueURL: continueURL,
+    continueButtonVariant: continueButtonVariant,
+    isContinueActionDisabled: isContinueActionDisabled,
+    isLoading: isLoading,
+    isMobile: isMobile,
+    key: "continue",
+    useDangerButton: useDangerButton
+  }), hasCloseButton && /*#__PURE__*/React__default.createElement(CloseButton, {
+    buttonExtraStyles: buttonExtraStyles,
+    closeButtonText: closeButtonText,
+    hideModal: hideModal,
+    isMobile: isMobile,
+    key: "close"
+  })].filter(function (button) {
+    return button;
+  }))))), children);
+};
+var ModalControlV2 = withWindowSize(Modal$2);
+
+var _excluded$A = ["version"];
+var Modal$3 = function Modal(_ref) {
+  var _ref$version = _ref.version,
+    version = _ref$version === void 0 ? "v1" : _ref$version,
+    rest = _objectWithoutProperties(_ref, _excluded$A);
+  var ModalControl = version === "v1" ? Modal$1 : ModalControlV2;
+  return /*#__PURE__*/React__default.createElement(ModalControl, rest);
 };
-var Module$1 = /*#__PURE__*/React.memo(themeComponent(Module, "Module", fallbackValues$J, "default"));
 
 var backgroundColor$b = {
   profile: "#3b414d",
@@ -46841,7 +47564,7 @@ var AutopayModal = function AutopayModal(_ref) {
         }
     }
   };
-  return /*#__PURE__*/React__default.createElement(Modal$1, _extends({
+  return /*#__PURE__*/React__default.createElement(Modal$3, _extends({
     showModal: function showModal() {
       return toggleModal(true);
     },
@@ -47080,7 +47803,7 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
     return formattedAccount === agencyName ? agencyName : acc + formattedAccount;
   }, "".concat(agencyName, " - ")) : "";
   var identifier = accountType === "Account" && obligations.length > 1 ? "accounts" : accountType === "Property" && obligations.length > 1 ? "properties" : accountType.toLowerCase();
-  return /*#__PURE__*/React__default.createElement(Modal$1, {
+  return /*#__PURE__*/React__default.createElement(Modal$3, {
     showModal: function showModal() {
       return setModalIsOpen(true);
     },
@@ -47428,6 +48151,39 @@ var Obligation = function Obligation(_ref) {
   return inactive ? inactiveObligation : activeObligation;
 };
 
+var PartialAmountField = function PartialAmountField(_ref) {
+  var lineItem = _ref.lineItem,
+    field = _ref.field,
+    showErrors = _ref.showErrors,
+    errorMessages = _ref.errorMessages,
+    moneyFormat = _ref.moneyFormat,
+    fieldActions = _ref.fieldActions;
+  return /*#__PURE__*/React__default.createElement(FormInput$1, {
+    labelTextWhenNoError: lineItem.description,
+    key: lineItem.id,
+    field: field,
+    fieldActions: fieldActions,
+    showErrors: showErrors,
+    errorMessages: errorMessages,
+    style: {
+      textAlign: "right"
+    },
+    placeholder: "$0.00",
+    formatter: moneyFormat,
+    isNum: true,
+    decorator: /*#__PURE__*/React__default.createElement(Text$1, {
+      variant: "p"
+    }, "Amount owed:", "  ", /*#__PURE__*/React__default.createElement(Text$1, {
+      variant: "p",
+      weight: "600"
+    }, displayCurrency(lineItem.amount)))
+  });
+};
+function arePropsEqual(prevProps, nextProps) {
+  return equals(prevProps.errorMessages, nextProps.errorMessages) && equals(prevProps.field, nextProps.field) && equals(prevProps.showErrors, nextProps.showErrors) && equals(prevProps.moneyFormat, nextProps.moneyFormat) && equals(prevProps.lineItem, nextProps.lineItem);
+}
+var PartialAmountField$1 = /*#__PURE__*/React__default.memo(PartialAmountField, arePropsEqual);
+
 var PartialAmountForm = function PartialAmountForm(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "default" : _ref$variant,
@@ -47471,25 +48227,15 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
       height: "16px"
     }
   }), /*#__PURE__*/React__default.createElement(FormInputColumn, null, lineItemsNew.map(function (li) {
-    return /*#__PURE__*/React__default.createElement(FormInput$1, {
-      labelTextWhenNoError: li.description,
+    return /*#__PURE__*/React__default.createElement(PartialAmountField$1, {
       key: li.id,
+      lineItem: li,
       field: fields[li.id],
-      fieldActions: actions.fields[li.id],
+      actions: actions,
       showErrors: showErrors,
-      errorMessages: getPartialAmountFormErrors(li.amount),
-      style: {
-        textAlign: "right"
-      },
-      placeholder: "$0.00",
-      formatter: moneyFormat,
-      isNum: true,
-      decorator: /*#__PURE__*/React__default.createElement(Text$1, {
-        variant: "p"
-      }, "Amount owed:", "  ", /*#__PURE__*/React__default.createElement(Text$1, {
-        variant: "p",
-        weight: "600"
-      }, displayCurrency(li.amount)))
+      moneyFormat: moneyFormat,
+      fieldActions: actions.fields[li.id],
+      errorMessages: getPartialAmountFormErrors(li.amount)
     });
   })));
 };
@@ -47839,7 +48585,7 @@ var fallbackValues$N = {
   labeledAmountTotal: labeledAmountTotal
 };
 
-var _excluded$A = ["amount"],
+var _excluded$B = ["amount"],
   _excluded2$1 = ["amount"];
 var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
   var lineItemElems = _ref.lineItemElems,
@@ -48084,7 +48830,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     return fee.amount > 0;
   }).map(function (_ref5) {
     var amount = _ref5.amount,
-      rest = _objectWithoutProperties(_ref5, _excluded$A);
+      rest = _objectWithoutProperties(_ref5, _excluded$B);
     return _objectSpread2(_objectSpread2({}, rest), {}, {
       amount: displayCurrency(amount)
     });
@@ -48244,7 +48990,7 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
     themeValues = _ref.themeValues,
     _ref$dataQa = _ref.dataQa,
     dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa;
-  return /*#__PURE__*/React__default.createElement(Modal$1, {
+  return /*#__PURE__*/React__default.createElement(Modal$3, {
     modalOpen: isOpen,
     hideModal: function hideModal() {
       return toggleOpen(false);
@@ -48348,7 +49094,7 @@ var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
     themeValues = _ref.themeValues,
     _ref$initialFocusSele = _ref.initialFocusSelector,
     initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele;
-  return /*#__PURE__*/React__default.createElement(Modal$1, {
+  return /*#__PURE__*/React__default.createElement(Modal$3, {
     modalOpen: isOpen,
     hideModal: function hideModal() {
       return toggleOpen(false);
@@ -48521,11 +49267,11 @@ var TermsAndConditionsControlV2 = function TermsAndConditionsControlV2(_ref) {
   }, errorMessage))))));
 };
 
-var _excluded$B = ["version"];
+var _excluded$C = ["version"];
 var TermsAndConditions = function TermsAndConditions(_ref) {
   var _ref$version = _ref.version,
     version = _ref$version === void 0 ? "v1" : _ref$version,
-    rest = _objectWithoutProperties(_ref, _excluded$B);
+    rest = _objectWithoutProperties(_ref, _excluded$C);
   var TermsAndConditionsControl = version === "v1" ? TermsAndConditionsControlV1 : TermsAndConditionsControlV2;
   return /*#__PURE__*/React__default.createElement(TermsAndConditionsControl, rest);
 };
@@ -49247,10 +49993,10 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
     "aria-required": section.required,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
-    onClick: isMobile && supportsTouch || section.disabled ? noop : function () {
+    onClick: isMobile && supportsTouch || section.disabled || section.id === openSection ? noop : function () {
       return toggleOpenSection(section.id);
     },
-    onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
+    onTouchEnd: isMobile && supportsTouch && !section.disabled && section.id !== openSection ? function () {
       return toggleOpenSection(section.id);
     } : noop,
     id: "inner-radio-section-".concat(sectionIndex),
@@ -49324,7 +50070,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
   }, section.content))));
 };
 
-var _excluded$C = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
+var _excluded$D = ["themeValues", "isMobile", "supportsTouch", "sections", "openSection", "toggleOpenSection", "staggeredAnimation", "initiallyOpen", "openHeight", "containerStyles", "ariaDescribedBy", "isSectionRequired", "groupedSections"];
 
 /**
 - The RadioSection component takes either a flat array (via the 'sections' 
@@ -49372,7 +50118,7 @@ var RadioSection = function RadioSection(_ref) {
     _ref$isSectionRequire = _ref.isSectionRequired,
     isSectionRequired = _ref$isSectionRequire === void 0 ? false : _ref$isSectionRequire,
     groupedSections = _ref.groupedSections,
-    rest = _objectWithoutProperties(_ref, _excluded$C);
+    rest = _objectWithoutProperties(_ref, _excluded$D);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     focused = _useState2[0],
@@ -49476,8 +50222,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
       };
     }, []);
   }
-  var firstNameErrorMessages = _defineProperty({}, required.error, "First name is required");
-  var lastNameErrorMessages = _defineProperty({}, required.error, "Last name is required");
+  var firstNameErrorMessages = _defineProperty(_defineProperty({}, required.error, "First name is required"), validName.error, "First name contains invalid characters");
+  var lastNameErrorMessages = _defineProperty(_defineProperty({}, required.error, "Last name is required"), validName.error, "Last name contains invalid characters");
   var emailErrorMessages = _defineProperty(_defineProperty({}, required.error, "Email is required"), isProbablyEmail.error, "Invalid email address");
   var passwordErrorMessages = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, required.error, "Password is required"), hasLength.error, "Password must have at least 8 characters"), hasNumber.error, "Password must contain at least one number"), hasLowercaseLetter.error, "Password must contain at least one lowercase letter"), hasUppercaseLetter.error, "Password must contain at least one uppercase letter"), hasSpecialCharacter.error, "Password must contain at least one special character (!@#$%^&*.?)");
   var confirmPasswordErrorMessages = _defineProperty({}, matchesField.error, "Confirm password must match password");
@@ -49553,10 +50299,10 @@ var RegistrationForm = function RegistrationForm(_ref) {
 
 var formConfig$9 = {
   firstName: {
-    validators: [required()]
+    validators: [required(), validName()]
   },
   lastName: {
-    validators: [required()]
+    validators: [required(), validName()]
   },
   email: {
     validators: [required(), isProbablyEmail()]
@@ -50088,7 +50834,7 @@ var PopupMenuItemContainer = styled__default(ButtonWithAction).withConfig({
   return "\n    background-color: ".concat(isDeleteAction ? theme.menuItemHoverBackgroundColorDelete : theme.menuItemHoverBackgroundColor, ";\n  ");
 });
 
-var _excluded$D = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
+var _excluded$E = ["id", "closeMenuCallback", "action", "themeValues", "text", "hasIcon", "isDeleteAction", "icon", "textExtraStyles", "hoverStyles", "activeStyles", "extraStyles"];
 var PopupMenuItem = function PopupMenuItem(_ref) {
   var id = _ref.id,
     closeMenuCallback = _ref.closeMenuCallback,
@@ -50104,7 +50850,7 @@ var PopupMenuItem = function PopupMenuItem(_ref) {
     hoverStyles = _ref.hoverStyles,
     activeStyles = _ref.activeStyles,
     extraStyles = _ref.extraStyles,
-    rest = _objectWithoutProperties(_ref, _excluded$D);
+    rest = _objectWithoutProperties(_ref, _excluded$E);
   return /*#__PURE__*/React__default.createElement(PopupMenuItemContainer, _extends({
     id: id,
     role: "menuItem",
@@ -50625,6 +51371,9 @@ exports.Cover = Cover;
 exports.CustomerSearchIcon = CustomerSearchIcon;
 exports.DefaultPageTemplate = DefaultPageTemplate;
 exports.Detail = Detail$1;
+exports.DisabledAccountsAddIcon = DisabledAccountsAddIcon;
+exports.DisabledPaymentMethodsAddIcon = DisabledPaymentMethodsAddIcon;
+exports.DisabledPropertiesAddIcon = DisabledPropertiesAddIcon;
 exports.DisplayBox = DisplayBox$1;
 exports.DisplayCard = DisplayCard;
 exports.Dropdown = Dropdown$1;
@@ -50676,7 +51425,7 @@ exports.LinkCard = LinkCard$1;
 exports.Loading = Loading;
 exports.LoadingLine = LoadingLine;
 exports.LoginForm = LoginForm;
-exports.Modal = Modal$1;
+exports.Modal = Modal$3;
 exports.Module = Module$1;
 exports.Motion = Motion;
 exports.MultiCartIcon = MultiCartIcon;
@@ -50777,6 +51526,7 @@ exports.VoidedIcon = VoidedIcon;
 exports.WalletBannerIcon = WalletBannerIcon$1;
 exports.WalletIcon = WalletIcon$1;
 exports.WalletIconSmall = WalletIconSmall$1;
+exports.WalletName = WalletName;
 exports.WarningIconXS = WarningIconXS;
 exports.WelcomeModule = WelcomeModule$1;
 exports.WorkflowTile = WorkflowTile;