@axos-web-dev/shared-components 1.0.2 → 1.0.4

package/dist/HeroBanner/HeroBanner.js

@@ -5,10 +5,11 @@ import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
+import Image from "next/image.js";
 import clsx from "clsx";
-import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img, reversed_lg_image } from "./HeroBanner.css.js";
+import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
 import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
-import { selection_section_icon_img, selection_section_icon, selection_section_bg, selection_headline_text, selection_section_content, selection_section } from "./SelectionBanner.css.js";
+import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,
   eyebrow,
@@ -105,19 +106,38 @@ const HeroBanner = ({
                 )
               ) })
             ] }),
-            !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                decoding: "async",
-                "data-nimg": 1,
-                className: "img_fluid",
-                style: { color: "transparent" },
-                src: `${image?.src}?fm=webp&w=604&h=480&fit=fill`,
-                alt: image?.alt
-              }
-            ) }) : /* @__PURE__ */ jsxs("div", { className: clsx(selection_section), children: [
-              /* @__PURE__ */ jsx("div", { className: clsx(selection_section_bg) }),
-              /* @__PURE__ */ jsxs("div", { className: clsx(selection_section_content), children: [
+            !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
+              /* @__PURE__ */ jsx(
+                "source",
+                {
+                  srcSet: `https:${image?.src}?fm=avif&w=604&h=480&fit=fill`,
+                  type: "image/avif"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "source",
+                {
+                  srcSet: `https:${image?.src}?fm=webp&w=604&h=480&fit=fill`,
+                  type: "image/webp"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Image,
+                {
+                  decoding: "async",
+                  "data-nimg": 1,
+                  className: "img_fluid",
+                  style: { color: "transparent" },
+                  src: `https:${image?.src}?w=604&h=480&fit=fill&q=85`,
+                  alt: "",
+                  height: 480,
+                  width: 604,
+                  priority: true
+                }
+              )
+            ] }) }) : /* @__PURE__ */ jsxs("div", { className: selection_section, children: [
+              /* @__PURE__ */ jsx("div", { className: selection_section_bg }),
+              /* @__PURE__ */ jsxs("div", { className: selection_section_content, children: [
                 /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx(
                     "h3",
@@ -149,26 +169,20 @@ const HeroBanner = ({
                       rounded: "medium",
                       square: true,
                       children: [
-                        typeof icon !== "undefined" ? /* @__PURE__ */ jsx(
-                          "div",
+                        typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: selection_section_icon, children: /* @__PURE__ */ jsx(
+                          "span",
                           {
-                            className: clsx(selection_section_icon),
-                            children: /* @__PURE__ */ jsx(
-                              "span",
-                              {
-                                style: {
-                                  mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
-                                  WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
-                                },
-                                className: clsx(
-                                  selection_section_icon_img({
-                                    variant: getVariant(variant)
-                                  })
-                                )
-                              }
+                            style: {
+                              mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
+                              WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
+                            },
+                            className: clsx(
+                              selection_section_icon_img({
+                                variant: getVariant(variant)
+                              })
                             )
                           }
-                        ) : null,
+                        ) }) : null,
                         displayText
                       ]
                     },
@@ -292,7 +306,33 @@ const HeroBanner = ({
               {
                 className: `${lg_hero_img} ${imagePlacement !== "Right" ? reversed_lg_image : ""} rounded`,
                 role: "presentation",
-                children: /* @__PURE__ */ jsx("img", { alt: "", className: lg_hero_sizing, src: image?.src })
+                children: /* @__PURE__ */ jsxs("picture", { className: img_contents, children: [
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${image?.src}?fm=avif`,
+                      type: "image/avif"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "source",
+                    {
+                      srcSet: `https:${image?.src}?fm=webp`,
+                      type: "image/webp"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Image,
+                    {
+                      src: `https:${image?.src}?q=85`,
+                      className: lg_hero_sizing,
+                      alt: "",
+                      height: 600,
+                      width: 792,
+                      priority: true
+                    }
+                  )
+                ] })
               }
             )
           ]

package/dist/HeroBanner/index.js

@@ -1,5 +1,5 @@
 import { HeroBanner } from "./HeroBanner.js";
-import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, logout, reversed, reversed_lg_image } from "./HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner.css.js";
 import { selection_headline_text, selection_section, selection_section_bg, selection_section_content, selection_section_icon, selection_section_icon_img } from "./SelectionBanner.css.js";
 export {
   HeroBanner,
@@ -12,6 +12,7 @@ export {
   hero_img,
   hero_text,
   hero_wrapper,
+  img_contents,
   logout,
   reversed,
   reversed_lg_image,

package/dist/Hyperlink/index.js

@@ -63,6 +63,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
@@ -90,7 +91,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/IconBillboard/IconBillboard.js

@@ -33,7 +33,7 @@ const IconBillboard = (props) => {
       id,
       children: [
         /* @__PURE__ */ jsxs("div", { className: `middle ${layout({ side })}`, children: [
-          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon?.src, className: "img_fluid", alt: icon?.alt }) }),
+          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon?.src, className: "img_fluid", alt: icon?.alt ?? "" }) }),
           /* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
             /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
               /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -1,7 +1,8 @@
+"use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useEffect, createElement } from "react";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -34,6 +35,19 @@ const ImageBillboard = ({
 }) => {
   const billboard_variant = getVariant(variant);
   position = position?.toLocaleLowerCase();
+  const headingRef = useRef(null);
+  const [headingLevel, setHeadingLevel] = useState("h2");
+  useEffect(() => {
+    if (headingRef.current) {
+      const section = headingRef.current.closest("section");
+      if (section) {
+        const existingH2 = section.querySelector("h2.header_2.mb_16");
+        if (existingH2) {
+          setHeadingLevel("h3");
+        }
+      }
+    }
+  }, []);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -49,14 +63,19 @@ const ImageBillboard = ({
         position === "right" && "reversed"
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: image_background,
-            style: { backgroundImage: `url(${image.src})` },
-            "aria-label": image.alt
-          }
-        ) : /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [
+          /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=avif`, type: "image/avif" }),
+          /* @__PURE__ */ jsx("source", { srcSet: `${image?.src}?fm=webp`, type: "image/webp" }),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              decoding: "async",
+              "data-nimg": 1,
+              src: `${image?.src}?q=85`,
+              alt: image?.alt ?? ""
+            }
+          )
+        ] }) }) : /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(
@@ -74,23 +93,24 @@ const ImageBillboard = ({
         ) }),
         /* @__PURE__ */ jsxs("div", { className: body, children: [
           /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
-            /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [
-              /* @__PURE__ */ jsx(
+            (eyebrow || headline) && /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [
+              eyebrow && /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: `supertag ${supertag({ variant: billboard_variant })}`,
                   children: eyebrow
                 }
               ),
-              /* @__PURE__ */ jsx(
-                "h3",
+              headline && createElement(
+                headingLevel,
                 {
-                  className: `header_3 ${header({ variant: billboard_variant })}`,
-                  children: headline
-                }
+                  ref: headingRef,
+                  className: `header_3 ${header({ variant: billboard_variant })}`
+                },
+                headline
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
+            bodyCopy && /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
             bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(
               ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
                 /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(

package/dist/ImageLink/ImageLink.js

@@ -75,6 +75,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                             */
 /* empty css                                              */
 /* empty css                                                      */
+import "next/image.js";
 /* empty css                                            */
 /* empty css                                    */
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -87,7 +88,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/ImageLink/ImageLinkSet.js

@@ -75,6 +75,7 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
 /* empty css                                                         */
+import "next/image.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
@@ -93,7 +94,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/ImageLink/index.js

@@ -61,6 +61,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
@@ -88,7 +89,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/Insight/Featured/CategorySelector.js

@@ -62,6 +62,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -88,7 +89,6 @@ import "next/navigation.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                         */
 /* empty css                                                          */
@@ -164,14 +164,20 @@ const CategorySelector = (props) => {
 const InsightItem = (props) => {
   const { id, image, readingTime, title: itemTitle, url } = props;
   return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(selector_small_item), children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: image?.url,
-        alt: image?.alt,
-        className: clsx(featured_maingrid_img, selector_img)
-      }
-    ),
+    /* @__PURE__ */ jsxs("picture", { children: [
+      /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=avif`, type: "image/avif" }),
+      /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=webp`, type: "image/webp" }),
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: `${image?.url}?q=85`,
+          className: clsx(featured_maingrid_img, selector_img),
+          height: 207,
+          loading: "lazy",
+          alt: ""
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item, selector_grid_content), children: [
       /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
       /* @__PURE__ */ jsxs("div", { children: [

package/dist/Insight/Featured/Featured.js

@@ -64,6 +64,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
+import Image from "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -92,7 +93,6 @@ import "next/navigation.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                         */
 /* empty css                                                          */
@@ -124,8 +124,8 @@ const FeaturedItem = (props) => {
   } = props;
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsxs("a", { href: url ?? "/", className: featured_subgrid_item, children: [
-    /* @__PURE__ */ jsx("h3", { className: clsx(supertag({ variant }), featured_supertag), children: (typeof supertagText == "string" && supertagText.replaceAll("-", " ")) ?? "" }),
-    /* @__PURE__ */ jsx("h2", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
+    /* @__PURE__ */ jsx("h2", { className: clsx(supertag({ variant }), featured_supertag), children: (typeof supertagText == "string" && supertagText.replaceAll("-", " ")) ?? "" }),
+    /* @__PURE__ */ jsx("h3", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(
         ClockIcon,
@@ -151,17 +151,36 @@ const Featured = (props) => {
       id,
       className: clsx(featured_section, set_container({ variant })),
       children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
-        /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
+        headline && /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
         /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
           /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid), children: [
-            /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: main?.image?.url,
-                alt: main?.image?.alt,
-                className: clsx(featured_maingrid_img)
-              }
-            ),
+            /* @__PURE__ */ jsxs("picture", { children: [
+              /* @__PURE__ */ jsx(
+                "source",
+                {
+                  srcSet: `https:${main?.image?.url}?fm=avif`,
+                  type: "image/avif"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "source",
+                {
+                  srcSet: `https:${main?.image?.url}?fm=webp`,
+                  type: "image/webp"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Image,
+                {
+                  src: `https:${main?.image?.url}?q=85`,
+                  className: clsx(featured_maingrid_img),
+                  width: 703,
+                  height: 340,
+                  priority: true,
+                  alt: ""
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
               /* @__PURE__ */ jsx(
                 "h2",
@@ -174,12 +193,7 @@ const Featured = (props) => {
                 }
               ),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx(
-                  ClockIcon,
-                  {
-                    className: clsx(featured_center_vertical)
-                  }
-                ),
+                /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
                 " ",
                 /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
               ] })

package/dist/Insight/Featured/Header.js

@@ -62,6 +62,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -88,7 +89,6 @@ import "next/navigation.js";
 /* empty css                                                                    */
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                         */
 /* empty css                                                          */

package/dist/Modal/Modal.js

@@ -61,6 +61,7 @@ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
@@ -89,7 +90,6 @@ import "next/navigation.js";
 /* empty css                                                                 */
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */

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

@@ -1,26 +1,26 @@
-import '../../assets/NavigationMenu/AxosALTS/NavBar.css.css';const alts_header = "_alts_header_agj9f_1";
-const alts_wrapper = "_alts_wrapper_agj9f_5";
-const alts_header_main_row = "_alts_header_main_row_agj9f_11";
-const alts_mobile_header = "_alts_mobile_header_agj9f_12";
-const alts_logo_wrap = "_alts_logo_wrap_agj9f_18";
-const alts_primary_links = "_alts_primary_links_agj9f_22";
-const alts_main_nav_link = "_alts_main_nav_link_agj9f_27";
-const alts_hamburger = "_alts_hamburger_agj9f_63";
-const alts_mobile_logo = "_alts_mobile_logo_agj9f_77";
-const alts_mobile_nav = "_alts_mobile_nav_agj9f_102";
-const alts_mobile_opened = "_alts_mobile_opened_agj9f_113";
-const alts_mobile_nav_item = "_alts_mobile_nav_item_agj9f_121";
-const alts_icon_wrap = "_alts_icon_wrap_agj9f_136";
-const alts_mobile_footer = "_alts_mobile_footer_agj9f_141";
-const alts_mobile_footer_content = "_alts_mobile_footer_content_agj9f_146";
-const alts_mobile_footer_media = "_alts_mobile_footer_media_agj9f_157";
-const alts_inner_wrapper = "_alts_inner_wrapper_agj9f_167";
-const alts_btn = "_alts_btn_agj9f_172";
-const alts_sub_menu = "_alts_sub_menu_agj9f_177";
-const alts_skip_btn = "_alts_skip_btn_agj9f_185";
-const alts_desktop_only = "_alts_desktop_only_agj9f_209";
-const alts_main_nav = "_alts_main_nav_agj9f_27";
-const alts_mobile_only = "_alts_mobile_only_agj9f_261";
+import '../../assets/NavigationMenu/AxosALTS/NavBar.css.css';const alts_header = "_alts_header_1s4n2_1";
+const alts_wrapper = "_alts_wrapper_1s4n2_5";
+const alts_header_main_row = "_alts_header_main_row_1s4n2_11";
+const alts_mobile_header = "_alts_mobile_header_1s4n2_12";
+const alts_logo_wrap = "_alts_logo_wrap_1s4n2_18";
+const alts_primary_links = "_alts_primary_links_1s4n2_22";
+const alts_main_nav_link = "_alts_main_nav_link_1s4n2_27";
+const alts_hamburger = "_alts_hamburger_1s4n2_63";
+const alts_mobile_logo = "_alts_mobile_logo_1s4n2_77";
+const alts_mobile_nav = "_alts_mobile_nav_1s4n2_102";
+const alts_mobile_opened = "_alts_mobile_opened_1s4n2_113";
+const alts_mobile_nav_item = "_alts_mobile_nav_item_1s4n2_121";
+const alts_icon_wrap = "_alts_icon_wrap_1s4n2_136";
+const alts_mobile_footer = "_alts_mobile_footer_1s4n2_141";
+const alts_mobile_footer_content = "_alts_mobile_footer_content_1s4n2_146";
+const alts_mobile_footer_media = "_alts_mobile_footer_media_1s4n2_157";
+const alts_inner_wrapper = "_alts_inner_wrapper_1s4n2_167";
+const alts_btn = "_alts_btn_1s4n2_172";
+const alts_sub_menu = "_alts_sub_menu_1s4n2_177";
+const alts_skip_btn = "_alts_skip_btn_1s4n2_185";
+const alts_desktop_only = "_alts_desktop_only_1s4n2_209";
+const alts_main_nav = "_alts_main_nav_1s4n2_27";
+const alts_mobile_only = "_alts_mobile_only_1s4n2_261";
 const styles = {
   alts_header,
   alts_wrapper,

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -62,6 +62,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -89,7 +90,6 @@ import "next/navigation.js";
 /* empty css                                                  */
 /* empty css                                    */
 import "../AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                       */
 /* empty css                                        */

package/dist/NavigationMenu/AxosALTS/index.js

@@ -63,6 +63,7 @@ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 import "../../Carousel/index.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
+import "next/image.js";
 import "../../HeroBanner/HeroBanner.css.js";
 import "../../HeroBanner/LargeBanner.css.js";
 import "../../HeroBanner/SelectionBanner.css.js";
@@ -91,7 +92,6 @@ import "next/navigation.js";
 /* empty css                                                  */
 /* empty css                                    */
 import "../AxosBank/NavData.js";
-import "next/image.js";
 import "next/link.js";
 /* empty css                                       */
 /* empty css                                        */