@axos-web-dev/shared-components 0.0.65 → 0.0.67

package/dist/AlertBanner/index.js

@@ -5,9 +5,9 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import SvgLockIcon from "../icons/LockIcon/index.js";
 import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
-/* empty css                                                */
 import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
 const AlertBanner = ({
   alertType,

package/dist/ArticlesSet/ArticlesSet.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from 'react';
 import { QuaternaryTypes } from '../utils/variant.types';
+import { FC, ReactNode } from 'react';
 import { ArticleProps } from '../Article';
 
 export interface ArticleSetProps {

package/dist/ArticlesSet/ArticlesSet.js

@@ -48,7 +48,7 @@ const ArticlesSet = ({
                 {
                   id: "Symbols",
                   stroke: "none",
-                  "stroke-width": "1",
+                  strokeWidth: "1",
                   fill: "none",
                   "fill-rule": "evenodd",
                   transform: "rotate(90deg)",

package/dist/AwardsBanner/AwardsBanner.js

@@ -2,15 +2,15 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { AwardsItem } from "../AwardsItem/AwardsItem.js";
 import { awards_section, awards_row } from "./AwardsBanner.css.js";
 const AwardsBanner = ({ id, awardsItems }) => {
-  return /* @__PURE__ */ jsx("section", { className: awards_section, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${awards_row} flex middle mobile`, children: awardsItems?.map((award, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("section", { className: awards_section, id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${awards_row} flex middle mobile`, children: awardsItems?.map((award) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     AwardsItem,
     {
-      id: `id_${id}`,
+      id: award?.id,
       starRating: award?.starRating,
       awardsName: award?.awardsName,
       awardsSource: award?.awardsSource
     },
-    index
+    award?.id
   ) })) }) }) });
 };
 export {

package/dist/Calculators/calculators.js

@@ -76,6 +76,26 @@ const calculators = /* @__PURE__ */ new Map([
   [
     "Calculate a Loan Payment",
     { src: "https://www.fintactix.com/bofi/tools/debt/d08" }
+  ],
+  [
+    "Compare Two Vehicle Loans",
+    {
+      src: "https://www.fintactix.com/bofi/tools/auto/a05"
+    }
+  ],
+  [
+    "Calculate a Mortgage Payment",
+    {
+      src: "https://www.fintactix.com/bofi/tools/mortgage/m01"
+    }
+  ],
+  [
+    "Time to Refinance?",
+    { src: "https://www.fintactix.com/bofi/tools/mortgage/m07" }
+  ],
+  [
+    "Rent or buy?",
+    { src: "https://www.fintactix.com/bofi/tools/mortgage/m02" }
   ]
 ]);
 export {

package/dist/Carousel/index.js

@@ -6,10 +6,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
+/* empty css                                                */
 import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
 import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
-/* empty css                                                */
 /* empty css                                          */
 /* empty css                                          */
 import { getVariant } from "../utils/getVariant.js";

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Hyperlink } from "../Hyperlink/index.js";
 import { getVariant } from "../utils/getVariant.js";
 import { padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
 const ExecutiveBio = ({
@@ -88,9 +89,9 @@ const ExecutiveBio = ({
             children: [
               executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
                 /* @__PURE__ */ jsx(
-                  "a",
+                  Hyperlink,
                   {
-                    href: `${executiveLinkedIn}`,
+                    targetUrl: `${executiveLinkedIn}`,
                     className: `${headline_setting({ variant })} btn_link`,
                     children: "LinkedIn"
                   }
@@ -117,9 +118,9 @@ const ExecutiveBio = ({
               ] }),
               executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
                 /* @__PURE__ */ jsx(
-                  "a",
+                  Hyperlink,
                   {
-                    href: `${executiveWebsite}`,
+                    targetUrl: `${executiveWebsite}`,
                     className: `${headline_setting({ variant })} btn_link`,
                     children: "Website"
                   }

package/dist/Forms/SuccesForm.js

@@ -134,7 +134,7 @@ function SuccesFormWrapper({
           }
         ),
         /* @__PURE__ */ jsx("h1", { id: "submittedText", children: headline || "Submitted!" }),
-        /* @__PURE__ */ jsx("p", { id: "thankYouText", children: bodyCopy ? bodyCopy : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { id: "thankYouText", children: bodyCopy ? bodyCopy : /* @__PURE__ */ jsxs(Fragment, { children: [
           "Thank you!",
           /* @__PURE__ */ jsx("br", {}),
           "A Banking expert will be in contact with you shortly"

package/dist/LandingPageHeader/LandingPageHeader.d.ts

@@ -3,5 +3,6 @@ import { QuaternaryTypes } from '../utils/variant.types';
 export interface LandingPageHeaderProps {
     id: string;
     variant: QuaternaryTypes;
+    project?: string;
 }
-export declare const LandingPageHeader: ({ id, variant: fullVariant, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LandingPageHeader: ({ id, variant: fullVariant, project, }: LandingPageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -1,84 +1,99 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
+import SvgComponent$3 from "../icons/Logos/AAS.js";
+import SvgComponent$1 from "../icons/Logos/AFS.js";
+import SvgComponent from "../icons/Logos/AXA.js";
+import SvgComponent$2 from "../icons/Logos/AXC.js";
+import SvgComponent$4 from "../icons/Logos/AXI.js";
+import SvgComponent$5 from "../icons/Logos/AXOS.js";
 import { getVariant } from "../utils/getVariant.js";
-import { lp_theme, lp_container, lp_hover, svg_fill } from "./LandingPageHeader.css.js";
+import { svg_fill, lp_theme, lp_container, lp_hover } from "./LandingPageHeader.css.js";
 const LandingPageHeader = ({
   id,
-  variant: fullVariant = "primary"
+  variant: fullVariant = "primary",
+  project = "AXB"
 }) => {
   const variant = getVariant(fullVariant);
+  const website = /* @__PURE__ */ new Map([
+    [
+      "AXA",
+      /* @__PURE__ */ jsx(
+        SvgComponent,
+        {
+          classNameFill: `${svg_fill({ variant })}`,
+          height: 36,
+          width: 120
+        }
+      )
+    ],
+    [
+      "AFS",
+      /* @__PURE__ */ jsx(
+        SvgComponent$1,
+        {
+          classNameFill: `${svg_fill({ variant })}`,
+          height: 36,
+          width: 120
+        }
+      )
+    ],
+    [
+      "AXC",
+      /* @__PURE__ */ jsx(
+        SvgComponent$2,
+        {
+          classNameFill: `${svg_fill({ variant })}`,
+          height: 36,
+          width: 120
+        }
+      )
+    ],
+    [
+      "AAS",
+      /* @__PURE__ */ jsx(
+        SvgComponent$3,
+        {
+          classNameFill: `${svg_fill({ variant })}`,
+          height: 36,
+          width: 120
+        }
+      )
+    ],
+    [
+      "AXI",
+      /* @__PURE__ */ jsx(
+        SvgComponent$4,
+        {
+          classNameFill: `${svg_fill({ variant })}`,
+          height: 36,
+          width: 120
+        }
+      )
+    ],
+    [
+      "AXB",
+      /* @__PURE__ */ jsx(
+        SvgComponent$5,
+        {
+          height: 30,
+          width: 120,
+          classNameFill: `${svg_fill({ variant })}`
+        }
+      )
+    ]
+  ]);
   return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: `${lp_container} flex center middle`, children: /* @__PURE__ */ jsx(
     "a",
     {
       href: "/",
       className: lp_hover,
       "aria-label": "axos logo, return to homepage",
-      children: /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          width: "120",
-          height: "27",
-          viewBox: "0 0 120 27",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: [
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M35.9428 0.576394C35.4899 0.123506 34.79 0.123506 34.3371 0.576394L33.6784 1.23514C33.2255 1.68803 33.2255 2.38794 33.6784 2.84083L44.0948 13.2984L33.6784 23.756C33.2255 24.2089 33.2255 24.9088 33.6784 25.3617L34.3371 26.0204C34.79 26.4733 35.4899 26.4733 35.9428 26.0204L48.6237 13.2984L35.9428 0.576394Z",
-                fill: "#FAA74A"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M115.157 2.38795C115.157 1.02929 116.186 0 117.545 0C118.903 0 119.933 1.02929 119.933 2.38795C119.933 3.74661 118.903 4.7759 117.545 4.7759C116.186 4.7759 115.157 3.74661 115.157 2.38795ZM119.645 2.38795C119.645 1.1528 118.78 0.288201 117.545 0.288201C116.31 0.288201 115.445 1.19398 115.445 2.38795C115.445 3.6231 116.31 4.4877 117.545 4.4877C118.739 4.52887 119.645 3.58193 119.645 2.38795ZM117.133 3.58193H116.804V1.11163C116.968 1.07046 117.174 1.07046 117.38 1.07046C117.998 1.07046 118.368 1.35866 118.368 1.89389C118.368 2.30561 118.08 2.55264 117.792 2.63498L118.615 3.6231H118.245L117.504 2.71732H117.174L117.133 3.58193ZM117.133 2.42912H117.421C117.751 2.42912 118.039 2.26444 118.039 1.89389C118.039 1.56452 117.792 1.39983 117.38 1.39983C117.298 1.39983 117.174 1.39983 117.092 1.39983L117.133 2.42912Z",
-                fill: "#1e3860",
-                className: `${svg_fill({ variant })}`
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M105.687 11.8162C105.687 11.8162 104.493 11.528 103.835 11.281C101.735 10.5399 99.7999 9.42828 99.7999 7.41088C99.7999 5.0641 101.817 3.4584 104.864 3.4584C106.881 3.4584 108.446 4.03481 109.558 5.14644L109.928 5.51698C110.381 5.96987 111.081 5.96987 111.534 5.51698L112.193 4.85824C112.645 4.40535 112.645 3.70543 112.193 3.25255C112.028 3.04669 111.822 2.882 111.822 2.882C110.052 1.19397 107.623 0.288193 104.864 0.288193C102.353 0.288193 100.335 0.946938 98.6471 2.34677C97.0414 3.70543 96.2592 5.39347 96.2592 7.45205C96.2592 12.475 100.953 13.7101 105.07 14.8218L105.193 14.8629C108.816 15.7275 110.628 17.1685 110.628 19.1448C110.628 21.6562 108.528 23.1384 105.07 23.1384C102.888 23.1384 100.953 22.3973 99.6352 21.0798L99.2647 20.7093C98.8118 20.2564 98.1119 20.2564 97.659 20.7093L96.8767 21.4916C96.4239 21.9444 96.4239 22.6444 96.8767 23.0972L97.2473 23.4678C99.1412 25.3205 101.859 26.3498 105.07 26.3498C107.746 26.3498 109.928 25.6911 111.657 24.3324C113.345 23.0561 114.169 21.2857 114.169 19.1036C114.251 14.4512 110.216 12.8455 105.687 11.8162Z",
-                fill: "#1e3860",
-                className: `${svg_fill({ variant })}`
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M76.4145 0.247032C69.2094 0.247032 63.4042 6.0934 63.4042 13.2984C63.4042 20.5035 69.2094 26.3498 76.4145 26.3498C83.6195 26.3498 89.4247 20.5035 89.4247 13.2984C89.4247 6.0934 83.5783 0.247032 76.4145 0.247032ZM76.4145 3.45842C81.8491 3.45842 86.2545 7.86378 86.2545 13.2984C86.2545 18.7331 81.8491 23.1384 76.4145 23.1384C70.9798 23.1384 66.5744 18.7331 66.5744 13.2984C66.5744 7.86378 70.9798 3.45842 76.4145 3.45842Z",
-                fill: "#1e3860",
-                className: `${svg_fill({ variant })}`
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M59.04 25.3617L58.3812 26.0204C57.9284 26.4733 57.2284 26.4733 56.7755 26.0204L47.9237 17.1685L50.1881 14.9041L59.04 23.756C59.4929 24.1677 59.4929 24.9088 59.04 25.3617Z",
-                fill: "#1e3860",
-                className: `${svg_fill({ variant })}`
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M59.04 1.23514L58.3812 0.576394C57.9284 0.123506 57.2284 0.123506 56.7755 0.576394L47.9237 9.42828L50.1881 11.6927L59.04 2.84083C59.4929 2.42911 59.4929 1.68803 59.04 1.23514Z",
-                fill: "#1e3860",
-                className: `${svg_fill({ variant })}`
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M22.8502 13.3396C22.8091 18.7331 18.4037 23.1384 13.0102 23.1384C7.57557 23.1384 3.17021 18.7331 3.17021 13.2984C3.17021 7.86378 7.61674 3.45842 13.0102 3.45842C18.4037 3.45842 22.8091 7.8226 22.8502 13.2573V13.3396ZM24.9088 0.247032H23.9619C23.3443 0.247032 22.8091 0.741091 22.8091 1.39984V4.73474C20.4623 1.97624 16.9627 0.247032 13.0102 0.247032C5.80519 0.247032 0 6.0934 0 13.2984C0 20.5035 5.84636 26.3498 13.0102 26.3498C16.9215 26.3498 20.4623 24.6206 22.8502 21.8621V25.197C22.8502 25.8146 23.3443 26.3498 24.003 26.3498H24.95C25.5676 26.3498 26.1028 25.8558 26.1028 25.197V1.39984C26.0616 0.782263 25.5676 0.247032 24.9088 0.247032Z",
-                fill: "#1e3860",
-                className: `${svg_fill({ variant })}`
-              }
-            )
-          ]
-        }
-      )
+      children: website.get(project)
     }
   ) }) });
 };

package/dist/LandingPageHeader/index.d.ts

@@ -1 +1,2 @@
 export * from './LandingPageHeader';
+export * from './LandingPageHeader.css';

package/dist/LandingPageHeader/index.js

@@ -1,4 +1,9 @@
 import { LandingPageHeader } from "./LandingPageHeader.js";
+import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader.css.js";
 export {
-  LandingPageHeader
+  LandingPageHeader,
+  lp_container,
+  lp_hover,
+  lp_theme,
+  svg_fill
 };

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

@@ -1,59 +1,61 @@
-const header = "_header_4yygj_1";
-const wrapper = "_wrapper_4yygj_9";
-const header_main_row = "_header_main_row_4yygj_21";
-const mobile_header = "_mobile_header_4yygj_23";
-const logo_wrap = "_logo_wrap_4yygj_35";
-const primary_links = "_primary_links_4yygj_43";
-const main_nav_link = "_main_nav_link_4yygj_51";
-const sub_nav_link = "_sub_nav_link_4yygj_95";
-const signin_wrap = "_signin_wrap_4yygj_99";
-const signin_btn = "_signin_btn_4yygj_101";
-const sub_nav = "_sub_nav_4yygj_95";
-const header_sub_row = "_header_sub_row_4yygj_185";
-const signin_dropdown = "_signin_dropdown_4yygj_217";
-const shadow = "_shadow_4yygj_237";
-const signin_header = "_signin_header_4yygj_253";
-const signin_subheader = "_signin_subheader_4yygj_267";
-const opacity = "_opacity_4yygj_311";
-const fadeInDown = "_fadeInDown_4yygj_1";
-const footer = "_footer_4yygj_323";
-const open = "_open_4yygj_355";
-const dd_wrapper = "_dd_wrapper_4yygj_379";
-const dd_media = "_dd_media_4yygj_389";
-const dd_media_img = "_dd_media_img_4yygj_399";
-const dd_site_navs = "_dd_site_navs_4yygj_407";
-const dd_media_header = "_dd_media_header_4yygj_421";
-const mt_8 = "_mt_8_4yygj_439";
-const mt_16 = "_mt_16_4yygj_447";
-const ml_8 = "_ml_8_4yygj_455";
-const dd_media_cta = "_dd_media_cta_4yygj_463";
-const reversed_row = "_reversed_row_4yygj_491";
-const headline = "_headline_4yygj_523";
-const nav_anchor = "_nav_anchor_4yygj_535";
-const headline_cta = "_headline_cta_4yygj_551";
-const site_lists = "_site_lists_4yygj_581";
-const hamburger = "_hamburger_4yygj_651";
-const mobile_only = "_mobile_only_4yygj_679";
-const mobile_logo = "_mobile_logo_4yygj_691";
-const highlight = "_highlight_4yygj_701";
-const mobile_nav = "_mobile_nav_4yygj_773";
-const mobile_opened = "_mobile_opened_4yygj_795";
-const mobile_nav_item = "_mobile_nav_item_4yygj_803";
-const has_dropdown = "_has_dropdown_4yygj_833";
-const icon_wrap = "_icon_wrap_4yygj_875";
-const mobile_footer = "_mobile_footer_4yygj_885";
-const mobile_footer_content = "_mobile_footer_content_4yygj_895";
-const mobile_footer_media = "_mobile_footer_media_4yygj_923";
-const footer_cta = "_footer_cta_4yygj_935";
-const inner_wrapper = "_inner_wrapper_4yygj_991";
-const btn = "_btn_4yygj_1001";
-const sub_menu = "_sub_menu_4yygj_1011";
-const main = "_main_4yygj_51";
-const dd_footer = "_dd_footer_4yygj_1061";
-const desktop_only = "_desktop_only_4yygj_1101";
+const header = "_header_ltfms_1";
+const wrapper = "_wrapper_ltfms_5";
+const main_nav = "_main_nav_ltfms_11";
+const header_main_row = "_header_main_row_ltfms_18";
+const mobile_header = "_mobile_header_ltfms_19";
+const logo_wrap = "_logo_wrap_ltfms_25";
+const primary_links = "_primary_links_ltfms_29";
+const main_nav_link = "_main_nav_link_ltfms_33";
+const sub_nav_link = "_sub_nav_link_ltfms_55";
+const signin_wrap = "_signin_wrap_ltfms_57";
+const signin_btn = "_signin_btn_ltfms_58";
+const sub_nav = "_sub_nav_ltfms_55";
+const header_sub_row = "_header_sub_row_ltfms_100";
+const signin_dropdown = "_signin_dropdown_ltfms_116";
+const shadow = "_shadow_ltfms_126";
+const signin_header = "_signin_header_ltfms_134";
+const signin_subheader = "_signin_subheader_ltfms_141";
+const opacity = "_opacity_ltfms_163";
+const fadeInDown = "_fadeInDown_ltfms_1";
+const footer = "_footer_ltfms_169";
+const open = "_open_ltfms_185";
+const dd_wrapper = "_dd_wrapper_ltfms_197";
+const dd_media = "_dd_media_ltfms_202";
+const dd_media_img = "_dd_media_img_ltfms_207";
+const dd_site_navs = "_dd_site_navs_ltfms_211";
+const dd_media_header = "_dd_media_header_ltfms_218";
+const mt_8 = "_mt_8_ltfms_227";
+const mt_16 = "_mt_16_ltfms_231";
+const ml_8 = "_ml_8_ltfms_235";
+const dd_media_cta = "_dd_media_cta_ltfms_239";
+const reversed_row = "_reversed_row_ltfms_253";
+const headline = "_headline_ltfms_269";
+const nav_anchor = "_nav_anchor_ltfms_275";
+const headline_cta = "_headline_cta_ltfms_283";
+const site_lists = "_site_lists_ltfms_298";
+const hamburger = "_hamburger_ltfms_333";
+const mobile_only = "_mobile_only_ltfms_347";
+const mobile_logo = "_mobile_logo_ltfms_353";
+const highlight = "_highlight_ltfms_358";
+const mobile_nav = "_mobile_nav_ltfms_394";
+const mobile_opened = "_mobile_opened_ltfms_405";
+const mobile_nav_item = "_mobile_nav_item_ltfms_409";
+const has_dropdown = "_has_dropdown_ltfms_424";
+const icon_wrap = "_icon_wrap_ltfms_445";
+const mobile_footer = "_mobile_footer_ltfms_450";
+const mobile_footer_content = "_mobile_footer_content_ltfms_455";
+const mobile_footer_media = "_mobile_footer_media_ltfms_469";
+const footer_cta = "_footer_cta_ltfms_475";
+const inner_wrapper = "_inner_wrapper_ltfms_503";
+const btn = "_btn_ltfms_508";
+const sub_menu = "_sub_menu_ltfms_514";
+const main = "_main_ltfms_11";
+const dd_footer = "_dd_footer_ltfms_539";
+const desktop_only = "_desktop_only_ltfms_559";
 const styles = {
   header,
   wrapper,
+  main_nav,
   header_main_row,
   mobile_header,
   logo_wrap,
@@ -132,6 +134,7 @@ export {
   inner_wrapper,
   logo_wrap,
   main,
+  main_nav,
   main_nav_link,
   ml_8,
   mobile_footer,

package/dist/NavigationMenu/AxosAdvisorServices/NavData.js

@@ -20,7 +20,7 @@ const subNavItems = {
     },
     {
       name: "Sales Team",
-      url: "/personalized-support/sales-team",
+      url: "/sales-team",
       id: "ps_3"
     }
   ],

package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.d.ts

@@ -1 +1 @@
-export default function SubNavBar(): import("react/jsx-runtime").JSX.Element | null;
+export default function SubNavBar(): import("react/jsx-runtime").JSX.Element;

package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import { useLocation } from "react-use";
 import styles from "./NavBar.module.js";
 import { subNavItems } from "./NavData.js";
@@ -9,15 +10,18 @@ function SubNavBar() {
   const support = subNavItems.support;
   const technology = subNavItems.technology;
   const solutions = subNavItems.solutions;
-  if (![
-    "/personalized-support",
-    "/intuitive-technology",
-    "/sales-team",
-    "/growth-solutions"
-  ].some((el) => pathname?.includes(el))) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
+  const [showNavbar, setShowNavbar] = useState(false);
+  useEffect(() => {
+    setShowNavbar(
+      () => [
+        "/personalized-support",
+        "/intuitive-technology",
+        "/sales-team",
+        "/growth-solutions"
+      ].some((el) => pathname?.includes(el))
+    );
+  }, [pathname]);
+  return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
     (pathname?.includes("/personalized-support") || pathname?.includes("/sales-team")) && support?.map(
       (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
     ),
@@ -27,7 +31,7 @@ function SubNavBar() {
     pathname?.includes("/growth-solutions") && solutions.map(
       (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
     )
-  ] }) }) }) }) });
+  ] }) }) }) }) }) : /* @__PURE__ */ jsx(Fragment, {});
 }
 export {
   SubNavBar as default

package/dist/NavigationMenu/AxosAdvisorServices/index.js

@@ -47,7 +47,7 @@ function NavBar() {
   });
   return /* @__PURE__ */ jsxs("header", { id: "header", children: [
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
-      /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
+      /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav_link} flex_row middle`, children: [
         /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
           "a",
           {

package/dist/Table/Table.d.ts

@@ -28,7 +28,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     style?: import('react').CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | undefined;
     radioGroup?: string | undefined;
     role?: import('react').AriaRole | undefined;
     about?: string | undefined;
@@ -53,7 +53,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
+    unselectable?: "off" | "on" | undefined;
     inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;