@axos-web-dev/shared-components 0.0.74 → 0.0.76

package/dist/NavigationMenu/AxosBank/NavBar.module.js

@@ -1,58 +1,56 @@
-const header = "_header_1a85j_1";
-const wrapper = "_wrapper_1a85j_5";
-const header_main_row = "_header_main_row_1a85j_11";
-const mobile_header = "_mobile_header_1a85j_12";
-const logo_wrap = "_logo_wrap_1a85j_18";
-const primary_links = "_primary_links_1a85j_22";
-const main_nav_link = "_main_nav_link_1a85j_26";
-const sub_nav_link = "_sub_nav_link_1a85j_48";
-const signin_wrap = "_signin_wrap_1a85j_50";
-const signin_btn = "_signin_btn_1a85j_51";
-const sub_nav = "_sub_nav_1a85j_48";
-const header_sub_row = "_header_sub_row_1a85j_93";
-const signin_dropdown = "_signin_dropdown_1a85j_109";
-const shadow = "_shadow_1a85j_119";
-const signin_header = "_signin_header_1a85j_127";
-const signin_subheader = "_signin_subheader_1a85j_134";
-const opacity = "_opacity_1a85j_156";
-const fadeInDown = "_fadeInDown_1a85j_1";
-const sigin_footer = "_sigin_footer_1a85j_162";
-const signin_footer = "_signin_footer_1a85j_172";
-const open = "_open_1a85j_183";
-const dd_wrapper = "_dd_wrapper_1a85j_195";
-const dd_media = "_dd_media_1a85j_200";
-const dd_media_img = "_dd_media_img_1a85j_205";
-const dd_site_navs = "_dd_site_navs_1a85j_209";
-const dd_media_header = "_dd_media_header_1a85j_216";
-const mt_8 = "_mt_8_1a85j_225";
-const mt_16 = "_mt_16_1a85j_229";
-const ml_8 = "_ml_8_1a85j_233";
-const dd_media_cta = "_dd_media_cta_1a85j_237";
-const reversed_row = "_reversed_row_1a85j_269";
-const headline = "_headline_1a85j_279";
-const nav_anchor = "_nav_anchor_1a85j_285";
-const headline_cta = "_headline_cta_1a85j_293";
-const site_lists = "_site_lists_1a85j_308";
-const hamburger = "_hamburger_1a85j_346";
-const mobile_only = "_mobile_only_1a85j_360";
-const mobile_logo = "_mobile_logo_1a85j_366";
-const highlight = "_highlight_1a85j_371";
-const mobile_nav = "_mobile_nav_1a85j_407";
-const mobile_opened = "_mobile_opened_1a85j_418";
-const _mobile_opened = "__mobile_opened_1a85j_422";
-const mobile_nav_item = "_mobile_nav_item_1a85j_426";
-const has_dropdown = "_has_dropdown_1a85j_441";
-const icon_wrap = "_icon_wrap_1a85j_462";
-const mobile_footer = "_mobile_footer_1a85j_467";
-const mobile_footer_content = "_mobile_footer_content_1a85j_472";
-const mobile_footer_media = "_mobile_footer_media_1a85j_486";
-const footer_cta = "_footer_cta_1a85j_492";
-const inner_wrapper = "_inner_wrapper_1a85j_520";
-const btn = "_btn_1a85j_525";
-const sub_menu = "_sub_menu_1a85j_530";
-const main = "_main_1a85j_26";
-const dd_footer = "_dd_footer_1a85j_555";
-const desktop_only = "_desktop_only_1a85j_575";
+const header = "_header_1suhr_1";
+const wrapper = "_wrapper_1suhr_5";
+const header_main_row = "_header_main_row_1suhr_11";
+const mobile_header = "_mobile_header_1suhr_12";
+const logo_wrap = "_logo_wrap_1suhr_18";
+const primary_links = "_primary_links_1suhr_22";
+const main_nav_link = "_main_nav_link_1suhr_26";
+const sub_nav_link = "_sub_nav_link_1suhr_48";
+const signin_wrap = "_signin_wrap_1suhr_50";
+const signin_btn = "_signin_btn_1suhr_51";
+const sub_nav = "_sub_nav_1suhr_48";
+const header_sub_row = "_header_sub_row_1suhr_97";
+const signin_dropdown = "_signin_dropdown_1suhr_115";
+const shadow = "_shadow_1suhr_125";
+const signin_header = "_signin_header_1suhr_133";
+const signin_subheader = "_signin_subheader_1suhr_140";
+const opacity = "_opacity_1suhr_162";
+const fadeInDown = "_fadeInDown_1suhr_1";
+const signin_footer = "_signin_footer_1suhr_168";
+const open = "_open_1suhr_189";
+const dd_wrapper = "_dd_wrapper_1suhr_201";
+const dd_media = "_dd_media_1suhr_208";
+const dd_media_img = "_dd_media_img_1suhr_213";
+const dd_site_navs = "_dd_site_navs_1suhr_217";
+const dd_media_header = "_dd_media_header_1suhr_224";
+const mt_8 = "_mt_8_1suhr_234";
+const mt_16 = "_mt_16_1suhr_238";
+const ml_8 = "_ml_8_1suhr_242";
+const dd_media_cta = "_dd_media_cta_1suhr_246";
+const reversed_row = "_reversed_row_1suhr_278";
+const headline = "_headline_1suhr_288";
+const nav_anchor = "_nav_anchor_1suhr_294";
+const headline_cta = "_headline_cta_1suhr_302";
+const site_lists = "_site_lists_1suhr_317";
+const hamburger = "_hamburger_1suhr_355";
+const mobile_only = "_mobile_only_1suhr_369";
+const mobile_logo = "_mobile_logo_1suhr_375";
+const highlight = "_highlight_1suhr_380";
+const mobile_nav = "_mobile_nav_1suhr_416";
+const mobile_opened = "_mobile_opened_1suhr_427";
+const mobile_nav_item = "_mobile_nav_item_1suhr_435";
+const has_dropdown = "_has_dropdown_1suhr_450";
+const icon_wrap = "_icon_wrap_1suhr_471";
+const mobile_footer = "_mobile_footer_1suhr_476";
+const mobile_footer_content = "_mobile_footer_content_1suhr_481";
+const mobile_footer_media = "_mobile_footer_media_1suhr_495";
+const footer_cta = "_footer_cta_1suhr_501";
+const inner_wrapper = "_inner_wrapper_1suhr_529";
+const btn = "_btn_1suhr_534";
+const sub_menu = "_sub_menu_1suhr_539";
+const main = "_main_1suhr_26";
+const dd_footer = "_dd_footer_1suhr_564";
+const desktop_only = "_desktop_only_1suhr_584";
 const styles = {
   header,
   wrapper,
@@ -72,7 +70,6 @@ const styles = {
   signin_subheader,
   opacity,
   fadeInDown,
-  sigin_footer,
   signin_footer,
   open,
   dd_wrapper,
@@ -95,7 +92,6 @@ const styles = {
   highlight,
   mobile_nav,
   mobile_opened,
-  _mobile_opened,
   mobile_nav_item,
   has_dropdown,
   icon_wrap,
@@ -111,7 +107,6 @@ const styles = {
   desktop_only
 };
 export {
-  _mobile_opened,
   btn,
   dd_footer,
   dd_media,
@@ -155,7 +150,6 @@ export {
   primary_links,
   reversed_row,
   shadow,
-  sigin_footer,
   signin_btn,
   signin_dropdown,
   signin_footer,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -10,19 +10,19 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                   */
 import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
+import "../../Button/Button.css.js";
+import { useState } from "react";
+import "../../ApyCalculator/ApyCalculator.css.js";
 import "../../Modal/contextApi/store.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import "clsx";
-import { useState } from "react";
-import "../../Button/Button.css.js";
 import { useLocation } from "react-use";
-/* empty css                                                   */
+import "../../IconBillboard/IconBillboard.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                             */
-import "../../IconBillboard/IconBillboard.css.js";
 /* empty css                                             */
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
@@ -40,6 +40,8 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
 import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
+import "../../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                       */
 import "../../Carousel/index.js";
 /* empty css                                                                       */
@@ -79,7 +81,7 @@ import "../../Table/Table.css.js";
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */
-import { sub_nav } from "./SubNavbar.css.js";
+import { sub_nav, dd_media } from "./SubNavbar.css.js";
 function SubNavBar() {
   const { pathname } = useLocation();
   const [hoveredLink, setHoveredLink] = useState(void 0);
@@ -450,14 +452,14 @@ function SubNavBar() {
     hoveredLink === "bank" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "Checking" }),
@@ -749,14 +751,14 @@ function SubNavBar() {
     hoveredLink === "borrow" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsxs("p", { role: "heading", children: [
@@ -1096,14 +1098,14 @@ function SubNavBar() {
     hoveredLink === "invest" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "Introducing Axos FundFinder+" }),
@@ -1352,14 +1354,14 @@ function SubNavBar() {
     hoveredLink === "plan" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "All your finances. In one place." }),
@@ -1572,14 +1574,14 @@ function SubNavBar() {
     hoveredLink === "sbb" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "Open a Business Banking Account" }),
@@ -1909,14 +1911,14 @@ function SubNavBar() {
     hoveredLink === "combank" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "Commercial Banking" }),
@@ -2184,14 +2186,14 @@ function SubNavBar() {
     hoveredLink === "comlending" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "Commercial Lending" }),
@@ -2305,7 +2307,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https:https://images.axos.com/o9ov1v03uwqk/cHRJYycmvcbYj6ppcTQvg/ea375c834b0ced5ba646d1e88bb7828e/nav-submenu-lending-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/cHRJYycmvcbYj6ppcTQvg/ea375c834b0ced5ba646d1e88bb7828e/nav-submenu-lending-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2436,14 +2438,14 @@ function SubNavBar() {
     hoveredLink === "wholelending" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: 'Say "YES" to Your Clients' }),
@@ -2622,14 +2624,14 @@ function SubNavBar() {
     hoveredLink === "sbc" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "Small Balance Commercial Real Estate" }),
@@ -2783,14 +2785,14 @@ function SubNavBar() {
     hoveredLink === "dealerservices" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        className: `${styles.dd_wrapper} ${styles.desktop_only} `,
         role: "menu",
         onMouseLeave: handleMouseLeave,
         children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
                   /* @__PURE__ */ jsx("p", { role: "heading", children: "Dealer Services" }),

package/dist/NavigationMenu/AxosBank/SubNavbar.css.d.ts

@@ -1,4 +1,2 @@
 export declare const sub_nav: string;
 export declare const dd_media: string;
-export declare const dd_media_btn: string;
-export declare const absolute: string;

package/dist/NavigationMenu/AxosBank/SubNavbar.css.js

@@ -3,11 +3,7 @@
 /* empty css                             */
 var sub_nav = "lone1v0";
 var dd_media = "lone1v1";
-var dd_media_btn = "lone1v2";
-var absolute = "lone1v3";
 export {
-  absolute,
   dd_media,
-  dd_media_btn,
   sub_nav
 };

package/dist/NavigationMenu/AxosBank/index.js

@@ -188,7 +188,14 @@ function NavBar() {
                     id: "signin-drop-menu",
                     children: [
                       /* @__PURE__ */ jsxs("li", { role: "heading", children: [
-                        /* @__PURE__ */ jsx("span", { className: styles.signin_header, children: "Personal" }),
+                        /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            className: styles.signin_header,
+                            href: `/personal`,
+                            children: "Personal"
+                          }
+                        ),
                         /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
                           /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
                             Link,
@@ -208,54 +215,33 @@ function NavBar() {
                           ) })
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxs("li", { role: "heading", children: [
-                        /* @__PURE__ */ jsx("span", { className: `${styles.signin_header}`, children: "Business" }),
-                        /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
-                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(Link, { href: "/business/login", role: "menuitem", children: "Business Banking Login" }) }),
-                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
-                            Link,
-                            {
-                              href: "/business/MWA-business-banking",
-                              role: "menuitem",
-                              children: "MWA Business Banking"
-                            }
-                          ) }),
-                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(Link, { href: "/commercial-portal", role: "menuitem", children: "Commercial Portal" }) })
-                        ] })
-                      ] }),
                       /* @__PURE__ */ jsxs("li", { role: "heading", children: [
                         /* @__PURE__ */ jsx(
-                          "span",
+                          Link,
                           {
-                            role: "menuitem",
-                            className: `${styles.signin_header}`,
-                            children: "Partners"
+                            className: styles.signin_header,
+                            href: `/business`,
+                            children: "Business"
                           }
                         ),
                         /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(Link, { href: "/business/login", role: "menuitem", children: "Business Banking Login" }) }),
                           /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
                             Link,
                             {
-                              href: "https://thirdpartylending.axosbank.com/index",
+                              href: "/business/MWA-business-banking",
                               role: "menuitem",
-                              children: "Wholesale and Correspondent"
+                              children: "MWA Business Banking"
                             }
                           ) }),
-                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
-                            Link,
-                            {
-                              href: "https://arms.axosadvisor.com/",
-                              role: "menuitem",
-                              children: "Advisor Login"
-                            }
-                          ) })
+                          /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(Link, { href: "/commercial-portal", role: "menuitem", children: "Commercial Portal" }) })
                         ] })
                       ] }),
                       /* @__PURE__ */ jsxs("li", { role: "heading", children: [
                         /* @__PURE__ */ jsx(
-                          "span",
+                          Link,
                           {
-                            role: "menuitem",
+                            href: `/partners`,
                             className: `${styles.signin_header}`,
                             children: "Partners"
                           }
@@ -282,7 +268,7 @@ function NavBar() {
                       /* @__PURE__ */ jsxs(
                         "li",
                         {
-                          className: `${styles.signin_subheader} ${styles.sigin_footer} relative`,
+                          className: `${styles.signin_subheader} ${styles.signin_footer} relative`,
                           children: [
                             /* @__PURE__ */ jsx(Link, { href: "/customer-support", role: "menuitem", children: "Customer Support" }),
                             /* @__PURE__ */ jsx(Link, { href: "/return-to-application", role: "menuitem", children: "Return to Application" })

package/dist/SetContainer/SetContainer.js

@@ -16,13 +16,13 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-/* empty css                                                */
+import "../ApyCalculator/ApyCalculator.css.js";
+import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
-import { header_section } from "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
@@ -40,6 +40,8 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */

package/dist/assets/AnnualFeeCalculator/AnnualFeeCalculator.css

@@ -0,0 +1,125 @@
+.tosm7c1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+  border: 1px solid #D4D4D4;
+}
+.tosm7c2 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+.tosm7c3 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+.tosm7c4 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+.tosm7c5 {
+  width: 50%;
+  padding: 4rem;
+}
+.tosm7c6 {
+  padding: 4rem 28px 4rem 28px;
+}
+.tosm7c7 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.tosm7c9 {
+  flex-basis: 50%;
+}
+.tosm7ca {
+  color: #1e3860;
+  font-family: Encode Sans;
+  font-size: 34px;
+  font-weight: 500;
+  letter-spacing: .2px;
+  line-height: 1.29;
+}
+.tosm7cb {
+  width: 100%;
+}
+.tosm7cc {
+  position: relative;
+  padding-right: 1rem;
+}
+.tosm7cc::after {
+  content: "";
+  position: absolute;
+  background-color: #bdbdbd;
+  height: 100%;
+  width: 1px;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.tosm7cd {
+  border-bottom: 1px solid #bdbdbd;
+  padding: 1.5rem 0;
+}
+.tosm7ce {
+  margin: auto;
+  min-width: 100%;
+  padding: 77px 0 60px;
+}
+.tosm7cf {
+  width: 100%;
+  -webkit-appearance: none;
+  height: 12px;
+  background: linear-gradient(47.5deg, #1e3860 0, #158994 10%, #38d7a4 20%, #d4d4d4 20%);
+  outline: 0;
+  opacity: .7;
+  -webkit-transition: opacity .2s, background .2s;
+  transition: opacity .2s, background .2s;
+  border-radius: 1rem;
+}
+.tosm7cf::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 2rem;
+  height: 2rem;
+  border: 1px solid #2670af;
+  border-radius: 50%;
+  background-color: #fff;
+  cursor: pointer;
+  -webkit-transition: all .35s ease;
+  transition: all .35s ease;
+}
+.tosm7cf::-moz-range-thumb {
+  width: 2rem;
+  height: 2rem;
+  border: 1px solid #2670af;
+  border-radius: 50%;
+  background-color: #fff;
+  cursor: pointer;
+  -moz-transition: all .35s ease;
+  transition: all .35s ease;
+}
+.tosm7cf::-webkit-slider-thumb:hover {
+  -webkit-transform: scale(1.2);
+  transform: scale(1.2);
+}
+.tosm7cf::-moz-range-thumb:hover {
+  transform: scale(1.2);
+}
+@media screen and (max-width:1023px) {
+  .tosm7c5 {
+    width: 100%;
+  }
+  .tosm7c8 {
+    flex-direction: column;
+  }
+  .tosm7cg {
+    padding-top: 0!important;
+  }
+  .tosm7ch {
+    padding-bottom: 0!important;
+  }
+}
+@media screen and (max-width:600px) {
+  .tosm7c5 {
+    padding: 2rem;
+  }
+}