@axos-web-dev/shared-components 0.0.75 → 0.0.77

package/dist/MonthlyPaymentCalculator/index.js

@@ -0,0 +1,212 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { calc_container, container, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
+import { button } from "../Button/Button.css.js";
+import { getVariant } from "../utils/getVariant.js";
+import { title } from "../IconBillboard/IconBillboard.css.js";
+const MonthlyPaymentCalculator = ({
+  variant,
+  header
+}) => {
+  const [loanAmountDisplay, setLoanAmountDisplay] = useState("");
+  const [loanAmount, setLoanAmount] = useState(void 0);
+  const [loanDuration, setLoanDuration] = useState(60);
+  const [interestRateDisplay, setInterestRateDisplay] = useState("");
+  const [interestRate, setInterestRate] = useState("");
+  const [estimatedPayment, setEstimatedPayment] = useState(0);
+  const [loanAmountError, setLoanAmountError] = useState(null);
+  const [interestRateError, setInterestRateError] = useState(
+    null
+  );
+  const formatToCurrency = (value) => {
+    const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
+    if (isNaN(numericValue)) {
+      return "";
+    }
+    return numericValue.toLocaleString("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    });
+  };
+  const validateInputs = () => {
+    let isValid = true;
+    if (!loanAmount || isNaN(loanAmount) || loanAmount < 1e4 || loanAmount > 9e4) {
+      setLoanAmountError("Please enter an amount between $10,000 and $90,000.");
+      isValid = false;
+    } else {
+      setLoanAmountError(null);
+    }
+    if (!interestRate || isNaN(parseFloat(interestRate))) {
+      setInterestRateError("Please enter an Interest Rate.");
+      isValid = false;
+    } else {
+      setInterestRateError(null);
+    }
+    return isValid;
+  };
+  const handleLoanAmountChange = (event) => {
+    const value = event.target.value;
+    const formattedValue = formatToCurrency(value);
+    setLoanAmountDisplay(formattedValue);
+    const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
+    setLoanAmount(isNaN(numericValue) ? void 0 : numericValue);
+  };
+  const handleLoanDurationChange = (event) => {
+    setLoanDuration(Number(event.target.value));
+  };
+  const formatToPercentage = (value) => {
+    const numericValue = value.replace(/[^0-9.]/g, "");
+    if (numericValue === "") {
+      return "";
+    } else if (numericValue.endsWith("%")) {
+      return numericValue;
+    } else {
+      return numericValue.substring(0, numericValue.length - 2) + numericValue.substring(numericValue.length - 2) + "%";
+    }
+  };
+  const handleInterestRateChange = (event) => {
+    let value = event.target.value;
+    if (value.length < interestRateDisplay.length) {
+      if (interestRateDisplay.length > 1 && interestRateDisplay.endsWith("%")) {
+        value = interestRateDisplay.substring(0, interestRateDisplay.length - 2) + "%";
+      } else if (interestRateDisplay.length === 1) {
+        value = "";
+      } else {
+        value = interestRateDisplay.substring(
+          0,
+          interestRateDisplay.length - 1
+        );
+      }
+    } else {
+      value = formatToPercentage(value);
+    }
+    setInterestRateDisplay(value);
+    setInterestRate(value.replace(/[^0-9.]/g, ""));
+  };
+  const calculateMonthlyPayment = () => {
+    const numericInterestRate = parseFloat(interestRate);
+    const monthlyInterestRate = numericInterestRate / 100 / 12;
+    const months = loanDuration;
+    if (!isNaN(loanAmount || 0) && !isNaN(numericInterestRate)) {
+      const monthlyPayment = (loanAmount || 0) * monthlyInterestRate / (1 - Math.pow(1 + monthlyInterestRate, -months));
+      setEstimatedPayment(monthlyPayment);
+    } else {
+      setEstimatedPayment(0);
+    }
+  };
+  const handleCalculate = () => {
+    if (validateInputs()) {
+      calculateMonthlyPayment();
+    } else {
+      setEstimatedPayment(0);
+    }
+  };
+  return /* @__PURE__ */ jsx("section", { className: `section_spacer`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rounded ${calc_container} ${container({ variant: getVariant(variant) })}`,
+      children: [
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          "h2",
+          {
+            className: `text_center ${title({ variant: getVariant(variant) })}`,
+            children: header
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `flex center text_center push_up_32 bottom ${inputs_container}`,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "loanAmount", id: "amount1", children: "Loan Amount ($10,000 - $90,000)" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: `text_center bordered ${input_box}`,
+                    id: "loanAmount",
+                    maxLength: 10,
+                    name: "loanAmount",
+                    type: "text",
+                    placeholder: "$0",
+                    value: loanAmountDisplay,
+                    onChange: handleLoanAmountChange
+                  }
+                ),
+                loanAmountError && /* @__PURE__ */ jsx("span", { className: error_message, children: loanAmountError })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "loanDuration", children: "Loan Duration (Months)" }),
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    className: `text_center bordered ${input_box}`,
+                    id: "loanDuration",
+                    name: "loanDuration",
+                    value: loanDuration,
+                    onChange: handleLoanDurationChange,
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "12", children: "12" }),
+                      /* @__PURE__ */ jsx("option", { value: "24", children: "24" }),
+                      /* @__PURE__ */ jsx("option", { value: "36", children: "36" }),
+                      /* @__PURE__ */ jsx("option", { value: "48", children: "48" }),
+                      /* @__PURE__ */ jsx("option", { value: "60", children: "60" }),
+                      /* @__PURE__ */ jsx("option", { value: "72", children: "72" }),
+                      /* @__PURE__ */ jsx("option", { value: "84", children: "84" }),
+                      /* @__PURE__ */ jsx("option", { value: "96", children: "96" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "interestRate", children: "Interest Rate" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: `text_center bordered ${input_box}`,
+                    id: "interestRate",
+                    maxLength: 6,
+                    name: "interestRate",
+                    type: "text",
+                    placeholder: "0.00%",
+                    value: interestRateDisplay,
+                    onChange: handleInterestRateChange
+                  }
+                ),
+                interestRateError && /* @__PURE__ */ jsx("span", { className: error_message, children: interestRateError })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: `flex center middle push_up_32`, children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: `${button({
+                color: "primary",
+                size: "medium",
+                rounded: "medium"
+              })} center`,
+              type: "button",
+              value: "Calculate",
+              onClick: handleCalculate
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
+            /* @__PURE__ */ jsx("span", { className: calculation_header, children: "Estimated Monthly Payment:" }),
+            /* @__PURE__ */ jsxs("span", { id: "estimatedPayment", className: payment_results, children: [
+              "$",
+              estimatedPayment.toFixed(2)
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  ) }) });
+};
+export {
+  MonthlyPaymentCalculator
+};

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

@@ -1,56 +1,56 @@
-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 header = "_header_gpru8_1";
+const wrapper = "_wrapper_gpru8_5";
+const header_main_row = "_header_main_row_gpru8_11";
+const mobile_header = "_mobile_header_gpru8_12";
+const logo_wrap = "_logo_wrap_gpru8_18";
+const primary_links = "_primary_links_gpru8_22";
+const main_nav_link = "_main_nav_link_gpru8_26";
+const sub_nav_link = "_sub_nav_link_gpru8_45";
+const signin_wrap = "_signin_wrap_gpru8_47";
+const signin_btn = "_signin_btn_gpru8_48";
+const sub_nav = "_sub_nav_gpru8_45";
+const header_sub_row = "_header_sub_row_gpru8_94";
+const signin_dropdown = "_signin_dropdown_gpru8_117";
+const shadow = "_shadow_gpru8_127";
+const signin_header = "_signin_header_gpru8_135";
+const signin_subheader = "_signin_subheader_gpru8_142";
+const opacity = "_opacity_gpru8_164";
+const fadeInDown = "_fadeInDown_gpru8_1";
+const signin_footer = "_signin_footer_gpru8_170";
+const open = "_open_gpru8_191";
+const dd_wrapper = "_dd_wrapper_gpru8_203";
+const dd_media = "_dd_media_gpru8_211";
+const dd_media_img = "_dd_media_img_gpru8_216";
+const dd_site_navs = "_dd_site_navs_gpru8_220";
+const dd_media_header = "_dd_media_header_gpru8_227";
+const mt_8 = "_mt_8_gpru8_237";
+const mt_16 = "_mt_16_gpru8_241";
+const ml_8 = "_ml_8_gpru8_245";
+const dd_media_cta = "_dd_media_cta_gpru8_249";
+const reversed_row = "_reversed_row_gpru8_281";
+const headline = "_headline_gpru8_291";
+const nav_anchor = "_nav_anchor_gpru8_298";
+const headline_cta = "_headline_cta_gpru8_306";
+const site_lists = "_site_lists_gpru8_321";
+const hamburger = "_hamburger_gpru8_359";
+const mobile_only = "_mobile_only_gpru8_373";
+const mobile_logo = "_mobile_logo_gpru8_379";
+const highlight = "_highlight_gpru8_384";
+const mobile_nav = "_mobile_nav_gpru8_411";
+const mobile_opened = "_mobile_opened_gpru8_422";
+const mobile_nav_item = "_mobile_nav_item_gpru8_430";
+const has_dropdown = "_has_dropdown_gpru8_445";
+const icon_wrap = "_icon_wrap_gpru8_466";
+const mobile_footer = "_mobile_footer_gpru8_471";
+const mobile_footer_content = "_mobile_footer_content_gpru8_476";
+const mobile_footer_media = "_mobile_footer_media_gpru8_490";
+const footer_cta = "_footer_cta_gpru8_496";
+const inner_wrapper = "_inner_wrapper_gpru8_524";
+const btn = "_btn_gpru8_529";
+const sub_menu = "_sub_menu_gpru8_534";
+const main = "_main_gpru8_26";
+const dd_footer = "_dd_footer_gpru8_559";
+const desktop_only = "_desktop_only_gpru8_588";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -10,20 +10,21 @@ 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 "../../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
@@ -38,6 +39,7 @@ import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
+import "../../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
 /* empty css                                                       */
@@ -59,12 +61,12 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
 import "../../ImageBillboard/ImageBillboard.css.js";
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                   */
-import Link from "next/link.js";
 /* empty css                                       */
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
 import Image from "next/image.js";
+import Link from "next/link.js";
 /* empty css                          */
 import styles from "./NavBar.module.js";
 import { subNavItems } from "./NavData.js";
@@ -327,6 +329,7 @@ function SubNavBar() {
             href: `https://lavictoirefinance.com/dealers`,
             id: "partNav1",
             role: "menuitem",
+            onMouseEnter: handleMouseLeave,
             children: "New! Marine Dealer Floorplan Finance"
           }
         ) }),
@@ -398,6 +401,7 @@ function SubNavBar() {
             href: `https://www.axosadvisor.com`,
             id: "partNav4",
             role: "menuitem",
+            onMouseEnter: handleMouseLeave,
             children: "Financial Advisors"
           }
         ) }),
@@ -436,7 +440,7 @@ function SubNavBar() {
           Link,
           {
             href: `/partners/strategic-partnerships`,
-            id: "partNav5",
+            id: "partNav6",
             role: "menuitem",
             children: "Strategic Partnerships"
           }
@@ -919,6 +923,15 @@ function SubNavBar() {
                           ),
                           children: "Make a Payment"
                         }
+                      ) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          href: findMoreAxosDomains(
+                            "{AXOSBANK}/personal/mortgages/rate-watch"
+                          ),
+                          children: "Rate Watch"
+                        }
                       ) })
                     ] })
                   ] }),
@@ -1176,7 +1189,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/1plPiU22JsVdZW6B6XkBi9/48a215c44b93e59698ec2e8c4356de0d/nav-submenu-mp-icon.webp`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/1plPiU22JsVdZW6B6XkBi9/14d55691945fba0ba77a7433c6dae988/nav-submenu-mp-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -1285,7 +1298,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/1enbU0rQRzTsm4mVsSNaso/a66b96035ed67fb344f7909657dc5f9f/nav-submenu-retirement-icon.webp`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/1enbU0rQRzTsm4mVsSNaso/1cd6f813063d71515a09ee338250215a/nav-submenu-retirement-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -1776,7 +1789,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/133568596d61f666498222a1562ae745/cog.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/45369b473bdd3b280748ceee566542dc/nav-submenu-services-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -1844,7 +1857,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/ffaedafe6ca18108beb16dc2985ef5f3/nav-submenu-other-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2082,7 +2095,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/133568596d61f666498222a1562ae745/cog.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/3Nfbmfh8GeqQ05IBe9Jrmu/45369b473bdd3b280748ceee566542dc/nav-submenu-services-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2146,7 +2159,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/ffaedafe6ca18108beb16dc2985ef5f3/nav-submenu-other-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2305,7 +2318,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
@@ -2389,7 +2402,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/ffaedafe6ca18108beb16dc2985ef5f3/nav-submenu-other-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2518,7 +2531,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/2hdeAHrWhgXNPJRcSVIDSb/025a108b701a787bbced58e0b4a912e6/nav-submenu-wcpl-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/2hdeAHrWhgXNPJRcSVIDSb/8f1684584f4bdbf5ca73fea6e913d11a/nav-submenu-wcpl-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2577,7 +2590,7 @@ function SubNavBar() {
                     /* @__PURE__ */ jsx(
                       Image,
                       {
-                        src: `https://images.axos.com/o9ov1v03uwqk/3z0IpbDIGgyl25Qm0clJkr/72cdd3b09c474f03995f713a3325c639/nav-submenu-resources-icon.svg`,
+                        src: `https://images.axos.com/o9ov1v03uwqk/5gl7pjl2PM7tFJpCaIl4RC/456ef17e517ab221895716596da8760a/nav-submenu-other-icon.svg`,
                         alt: "",
                         width: 20,
                         height: 20
@@ -2657,7 +2670,7 @@ function SubNavBar() {
                   {
                     className: `${styles.headline} flex_row middle between`,
                     children: [
-                      /* @__PURE__ */ jsx("p", { role: "heading", children: "Expand your options" }),
+                      /* @__PURE__ */ jsx("p", { role: "heading", children: "Diverse portfolio of lending options" }),
                       /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
                         /* @__PURE__ */ jsx(
                           Image,
@@ -2692,7 +2705,7 @@ function SubNavBar() {
                   /* @__PURE__ */ jsx(
                     Image,
                     {
-                      src: `https://images.axos.com/o9ov1v03uwqk/2hdeAHrWhgXNPJRcSVIDSb/025a108b701a787bbced58e0b4a912e6/nav-submenu-wcpl-icon.svg`,
+                      src: `https://images.axos.com/o9ov1v03uwqk/1REUyghtG4xnJtAsZDgRbT/89de7055038937a1392d53c3c0ad7340/nav-submenu-sbc-icon.svg`,
                       alt: "",
                       width: 20,
                       height: 20

package/dist/NavigationMenu/NavItem/index.js

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import Link from "next/link.js";
 const NavItem = ({
   className,
   url,
@@ -10,7 +9,7 @@ const NavItem = ({
 }) => {
   const handleClick = () => onClick && onClick(index);
   return /* @__PURE__ */ jsx("li", { className, children: /* @__PURE__ */ jsx(
-    Link,
+    "a",
     {
       href: url,
       className: isActive ? "active" : "",

package/dist/SetContainer/SetContainer.js

@@ -16,14 +16,15 @@ 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 "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -38,6 +39,7 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
@@ -58,12 +60,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */
@@ -104,7 +106,7 @@ const SetContainer = ({
       style: { ...style },
       children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
         (headline || bodyCopy || icon) && /* @__PURE__ */ jsxs("div", { className: heading, children: [
-          icon && /* @__PURE__ */ jsx("div", { className: "mb_16", children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+          icon && /* @__PURE__ */ jsx("div", { className: "mb_16", children: ["primary", "secondary"].includes(container_variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
           eyebrow && /* @__PURE__ */ jsx(
             "span",
             {