@axos-web-dev/shared-components 1.0.76 → 1.0.77-ext-bal-apy-calc.2

package/dist/Forms/index.js

@@ -4,11 +4,13 @@ import { ApplyNow, getLink } from "./ApplyNow.js";
 import { ClearingForm } from "./ClearingForm.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
 import { CommercialLending } from "./CommercialLending.js";
+import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
 import { ContactCompany } from "./ContactCompany.js";
 import { ContactCompanyTitle } from "./ContactCompanyTitle.js";
 import { ContactUs } from "./ContactUs.js";
 import { ContactUsAAS } from "./ContactUsAAS.js";
 import { ContactUsBusiness } from "./ContactUsBusiness.js";
+import { ContactUsBusinessNameAndEmail } from "./ContactUsBusinessNameEmail.js";
 import { ContactUsLVF } from "./ContactUsLVF.js";
 import { ContactUsNMLSId } from "./ContactUsNMLSId.js";
 import { CpraRequest } from "./CpraRequest.js";
@@ -34,7 +36,6 @@ import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
 import { VendorQuestionnaire } from "./VendorQuestionnaire.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
-import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
 export {
   ApplicationStart,
   ApplyNow,
@@ -47,6 +48,7 @@ export {
   ContactUs,
   ContactUsAAS,
   ContactUsBusiness,
+  ContactUsBusinessNameAndEmail,
   ContactUsLVF,
   ContactUsNMLSId,
   CpraRequest,

package/dist/IconBillboard/IconBillboard.js

@@ -57,8 +57,8 @@ const IconBillboard = (props) => {
               width: icon?.width
             }
           ) }),
-          /* @__PURE__ */ jsxs("div", { className: clsx(content, "flex_col gap_24"), children: [
-            /* @__PURE__ */ jsxs("div", { className: `${headerIconBillboard} flex_col text_center`, children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
+            /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
               headline && createElement(
                 headingLevel,
                 {
@@ -69,10 +69,10 @@ const IconBillboard = (props) => {
               ),
               body && /* @__PURE__ */ jsx("div", { children: body })
             ] }),
-            items && items?.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled flex_col"), children: items?.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
+            items && items?.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items?.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
           ] })
         ] }),
-        callToActionRow && /* @__PURE__ */ jsx("div", { className: `${buttons} flex middle center text_center gap_24`, children: callToActionRow.map(
+        callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
           ({
             id: id2,
             variant: variant2,

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -145,6 +145,7 @@ export declare const header: import('@vanilla-extract/recipes').RuntimeFn<{
 }>;
 export declare const billboard_container: string;
 export declare const billboard_img: string;
+export declare const is_bg_img: string;
 export declare const billboard_body: string;
 export declare const billboard_header_section: string;
 export declare const billboard_ctas: string;
@@ -156,6 +157,8 @@ export declare const section_text_ImageBillboard: string;
 export declare const billboard_image: string;
 export declare const mh_330: string;
 export declare const image_background: string;
+export declare const image_inner_wrapper: string;
+export declare const image_based: string;
 export declare const rate_container: string;
 export declare const rate_pad: string;
 export declare const up_to: string;
@@ -163,6 +166,16 @@ export declare const rate_billboard: string;
 export declare const apy_billboard: string;
 export declare const body_copy: string;
 export declare const sub_bullets: string;
+export declare const top_left: string;
+export declare const top_center: string;
+export declare const top_right: string;
+export declare const center_left: string;
+export declare const center_right: string;
+export declare const center_center: string;
+export declare const bottom_left: string;
+export declare const bottom_right: string;
+export declare const bottom_center: string;
+export declare const remove_padding: string;
 export declare const exit_intent_backdrop: string;
 export declare const exit_intent: string;
 export declare const modal_close_button: string;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -11,27 +11,40 @@ var supertag = createRuntimeFn({ defaultClassName: "_1m7m2a8", variantClassNames
 var header = createRuntimeFn({ defaultClassName: "_1m7m2ad", variantClassNames: { variant: { primary: "_1m7m2ae", secondary: "_1m7m2af", tertiary: "_1m7m2ag", quaternary: "_1m7m2ah" } }, defaultVariants: {}, compoundVariants: [] });
 var billboard_container = "_1m7m2ai";
 var billboard_img = "_1m7m2aj";
-var billboard_body = "_1m7m2ak";
-var billboard_header_section = "_1m7m2al";
-var billboard_ctas = "_1m7m2am";
-var body = "_1m7m2an";
-var single_container = "_1m7m2ao";
-var two_inline = "_1m7m2ap";
-var three_inline = "_1m7m2aq";
-var section_text_ImageBillboard = "_1m7m2ar";
-var billboard_image = "_1m7m2as";
-var mh_330 = "_1m7m2at";
-var image_background = "_1m7m2au";
-var rate_container = "_1m7m2av";
-var rate_pad = "_1m7m2aw";
-var up_to = "_1m7m2ax";
-var rate_billboard = "_1m7m2ay";
-var apy_billboard = "_1m7m2az";
-var body_copy = "_1m7m2a10";
-var sub_bullets = "_1m7m2a11";
-var exit_intent_backdrop = "_1m7m2a12";
-var exit_intent = "_1m7m2a13";
-var modal_close_button = "_1m7m2a14";
+var is_bg_img = "_1m7m2ak";
+var billboard_body = "_1m7m2al";
+var billboard_header_section = "_1m7m2am";
+var billboard_ctas = "_1m7m2an";
+var body = "_1m7m2ao";
+var single_container = "_1m7m2ap";
+var two_inline = "_1m7m2aq";
+var three_inline = "_1m7m2ar";
+var section_text_ImageBillboard = "_1m7m2as";
+var billboard_image = "_1m7m2at";
+var mh_330 = "_1m7m2au";
+var image_background = "_1m7m2av";
+var image_inner_wrapper = "_1m7m2aw";
+var image_based = "_1m7m2ax";
+var rate_container = "_1m7m2ay";
+var rate_pad = "_1m7m2az";
+var up_to = "_1m7m2a10";
+var rate_billboard = "_1m7m2a11";
+var apy_billboard = "_1m7m2a12";
+var body_copy = "_1m7m2a13";
+var sub_bullets = "_1m7m2a14";
+var top_left = "_1m7m2a15";
+var top_center = "_1m7m2a16";
+var top_right = "_1m7m2a17";
+var center_left = "_1m7m2a18";
+var center_right = "_1m7m2a19";
+var center_center = "_1m7m2a1a";
+var bottom_left = "_1m7m2a1b";
+var bottom_right = "_1m7m2a1c";
+var bottom_center = "_1m7m2a1d";
+var remove_padding = "_1m7m2a1e";
+var exit_intent_backdrop = "_1m7m2a1f";
+var exit_intent = "_1m7m2a1g";
+var modal_close_button = "_1m7m2a1h";
 export {
   apy_billboard,
   billboard,
@@ -43,21 +56,34 @@ export {
   billboard_img,
   body,
   body_copy,
+  bottom_center,
+  bottom_left,
+  bottom_right,
+  center_center,
+  center_left,
+  center_right,
   exit_intent,
   exit_intent_backdrop,
   header,
   imagePlacement,
   image_background,
+  image_based,
+  image_inner_wrapper,
+  is_bg_img,
   mh_330,
   modal_close_button,
   rate_billboard,
   rate_container,
   rate_pad,
+  remove_padding,
   section_text_ImageBillboard,
   single_container,
   sub_bullets,
   supertag,
   three_inline,
+  top_center,
+  top_left,
+  top_right,
   two_inline,
   up_to
 };

package/dist/ImageBillboard/ImageBillboard.interface.d.ts

@@ -1,6 +1,5 @@
 import { BulletItemProps } from '../BulletItem';
 import { ChevronProps } from '../Chevron/Chevron.interface';
-import { ImageInterface } from '../IconBillboard';
 import { QuaternaryTypes } from '../utils/variant.types';
 import { ReactNode } from 'react';
 
@@ -13,6 +12,16 @@ export interface ImageBillboardSetProps {
     variant: QuaternaryTypes;
     set?: boolean;
     bordered?: boolean;
+    layout?: "Inline" | "Stacked";
+}
+export interface BillboardImageInterface {
+    src: string;
+    alt?: string;
+    imageType?: "Image" | "Background Image";
+    imageAlignment?: string;
+    imageBackgroundColor?: string;
+    height?: string | number;
+    width?: string | number;
 }
 export interface ImageBillboardInterface {
     id: string;
@@ -24,7 +33,7 @@ export interface ImageBillboardInterface {
     variant: QuaternaryTypes;
     eyebrow: string | ReactNode;
     bullets: BulletItemProps[];
-    image?: ImageInterface;
+    image?: BillboardImageInterface;
     callToActionRow: ChevronProps[];
     set?: boolean;
     textImageLineOneSmall?: ReactNode | string;
@@ -32,4 +41,5 @@ export interface ImageBillboardInterface {
     textImageLineThreeSmall?: ReactNode | string;
     internalName?: string;
     exitIntent?: boolean;
+    layout?: ImageBillboardSetProps["layout"];
 }

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,3 +1,3 @@
 import { ImageBillboardInterface } from './ImageBillboard.interface';
 
-export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, internalName, exitIntent, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ImageBillboard: ({ id, bodyCopy, bordered, bullets, callToActionRow, exitIntent, eyebrow, headline, image, imagePlacement: position, internalName, set, textImageLineOneSmall, textImageLineThreeSmall, textImageLineTwoBig, variant, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useEffect, createElement } from "react";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
@@ -18,24 +18,24 @@ import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { useExitIntentModal } from "./ExitIntentModal/useExitIntentModal.js";
 import { ModalWrapper } from "./ExitIntentModal/ModalWrapper.js";
 import clsx from "clsx";
-import { billboard_img, image_background, up_to, rate_billboard, apy_billboard, rate_pad, rate_container, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, billboard, imagePlacement } from "./ImageBillboard.css.js";
+import { billboard_img, center_center, remove_padding, image_inner_wrapper, image_background, is_bg_img, up_to, rate_billboard, apy_billboard, rate_pad, rate_container, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, billboard, imagePlacement, image_based, bottom_right, bottom_center, bottom_left, center_right, center_left, top_right, top_center, top_left } from "./ImageBillboard.css.js";
 const ImageBillboard = ({
   id,
-  variant,
-  headline,
   bodyCopy,
   bordered = false,
   bullets,
   callToActionRow,
+  exitIntent = false,
   eyebrow,
+  headline,
   image,
   imagePlacement: position = "left",
+  internalName,
   set,
   textImageLineOneSmall,
-  textImageLineTwoBig,
   textImageLineThreeSmall,
-  internalName,
-  exitIntent = false
+  textImageLineTwoBig,
+  variant
 }) => {
   const billboard_variant = getVariant(variant);
   position = position?.toLocaleLowerCase();
@@ -55,22 +55,74 @@ const ImageBillboard = ({
       }
     }
   }, []);
+  const imgAlignment = (alignment) => {
+    switch (alignment) {
+      case "Top Left":
+        return top_left;
+      case "Top Center":
+        return top_center;
+      case "Top Right":
+        return top_right;
+      case "Center Left":
+        return center_left;
+      case "Center Center":
+        return center_center;
+      case "Center Right":
+        return center_right;
+      case "Bottom Left":
+        return bottom_left;
+      case "Bottom Center":
+        return bottom_center;
+      case "Bottom Right":
+        return bottom_right;
+      default:
+        return center_center;
+    }
+  };
   const renderBillboard = () => /* @__PURE__ */ jsxs(
     "div",
     {
       id: internalName?.replace(/ /g, "-") ?? id,
       className: clsx(
-        "billboard",
-        "containment",
+        "billboard rounded flex",
         billboard({ variant: billboard_variant }),
-        `rounded flex`,
         bordered && billboard_variant === "primary" ? "bordered" : "",
         imagePlacement({ position: position?.toLowerCase() }),
-        `${set ? "" : "containment"}`,
-        position === "right" && "reversed"
+        position === "right" && "reversed",
+        set ? "" : "containment",
+        image?.imageType === "Image" ? image_based : ""
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: image?.src, alt: image?.alt ?? "" }) }) : /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(Fragment, { children: image?.imageType === "Image" ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "presentation",
+            className: clsx(
+              "rounded overflow_hidden flex",
+              imgAlignment(image?.imageAlignment ?? center_center),
+              image?.imageBackgroundColor === "transparent" ? remove_padding : "",
+              image_inner_wrapper
+            ),
+            style: image?.imageBackgroundColor ? { background: image?.imageBackgroundColor } : {},
+            children: /* @__PURE__ */ jsx(
+              OptimizeImage,
+              {
+                src: image?.src,
+                alt: image?.alt ?? "",
+                className: "img_fluid",
+                height: image?.height,
+                width: image?.width
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: image_background, role: "presentation", children: /* @__PURE__ */ jsx(
+          OptimizeImage,
+          {
+            src: image?.src,
+            alt: image?.alt ?? "",
+            className: is_bg_img
+          }
+        ) }) }) : /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(

package/dist/ImageBillboard/index.js

@@ -1,5 +1,5 @@
 import { ImageBillboardSet } from "./ImageBillboard.js";
-import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, exit_intent, exit_intent_backdrop, header, imagePlacement, image_background, mh_330, modal_close_button, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, bottom_center, bottom_left, bottom_right, center_center, center_left, center_right, exit_intent, exit_intent_backdrop, header, imagePlacement, image_background, image_based, image_inner_wrapper, is_bg_img, mh_330, modal_close_button, rate_billboard, rate_container, rate_pad, remove_padding, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, top_center, top_left, top_right, two_inline, up_to } from "./ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
@@ -14,21 +14,34 @@ export {
   billboard_img,
   body,
   body_copy,
+  bottom_center,
+  bottom_left,
+  bottom_right,
+  center_center,
+  center_left,
+  center_right,
   exit_intent,
   exit_intent_backdrop,
   header,
   imagePlacement,
   image_background,
+  image_based,
+  image_inner_wrapper,
+  is_bg_img,
   mh_330,
   modal_close_button,
   rate_billboard,
   rate_container,
   rate_pad,
+  remove_padding,
   section_text_ImageBillboard,
   single_container,
   sub_bullets,
   supertag,
   three_inline,
+  top_center,
+  top_left,
+  top_right,
   two_inline,
   up_to
 };

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts

@@ -120,6 +120,9 @@ export declare const menuData: {
                 "Business Savings": string;
                 "Non-Profit Money Market": string;
             };
+            Bundles: {
+                "Axos Business Bundle": string;
+            };
             Services: {
                 "Services Home": string;
                 "Merchant Services": string;

package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js

@@ -359,6 +359,11 @@ const menuData = {
           "{AXOSBANK}/business/savings/business-money-market-accounts/non-profit-money-market"
         )
       },
+      Bundles: {
+        "Axos Business Bundle": findMoreAxosDomains(
+          "{AXOSBANK}/business/axos-business-bundle"
+        )
+      },
       Services: {
         "Services Home": findMoreAxosDomains("{AXOSBANK}/business/services"),
         "Merchant Services": findMoreAxosDomains(

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -130,7 +130,6 @@ function SubNavBar() {
   const handleMouseLeave = () => setHoveredLink(void 0);
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
   const AXOS_ONE_APY_CHECKING = +process.env.NEXT_PUBLIC_AXOS_ONE_APY_CHECKING;
-  const media = "https://www.axos.com/images";
   const containerRef = useRef(null);
   const [isClient, setIsClient] = useState(false);
   const support = subNavItems.support;
@@ -765,9 +764,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/17Q3IVqKwSGO9cMqFUWF4o/axos-one-nav.png`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/17Q3IVqKwSGO9cMqFUWF4o/axos-one-nav.png"
+                          ),
                           alt: "",
                           width: 233,
                           height: 233
@@ -1133,9 +1134,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/6tVncmpCfCXbilZHhFUYJ5/nav-submenu-borrow.webp`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/6tVncmpCfCXbilZHhFUYJ5/nav-submenu-borrow.webp"
+                          ),
                           alt: "",
                           width: 232,
                           height: 232
@@ -1498,9 +1501,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/2bREH0KGxe7C82N4cdathQ/nav-submenu-invest.webp`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/2bREH0KGxe7C82N4cdathQ/nav-submenu-invest.webp"
+                          ),
                           alt: "",
                           width: 232,
                           height: 232
@@ -1762,9 +1767,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/4vSUrmXEbK80FeuAfe2fqJ/nav-submenu-plan.webp`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/4vSUrmXEbK80FeuAfe2fqJ/nav-submenu-plan.webp"
+                          ),
                           alt: "",
                           width: 232,
                           height: 232
@@ -2031,9 +2038,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/5vHrV4m3DbDQt13GOahbYA/nav-submenu-sbb.png`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/5vHrV4m3DbDQt13GOahbYA/nav-submenu-sbb.png"
+                          ),
                           alt: "",
                           width: 232,
                           height: 232
@@ -2214,6 +2223,38 @@ function SubNavBar() {
                         ) })
                       ] })
                     ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
+                      /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          src: `https://images.axos.com/o9ov1v03uwqk/6bS9epOgzZpJY2jeuepswo/5ee31f624370b44ab1483b537c3fa704/nav-submenu-bundles-icon.svg`,
+                          alt: "",
+                          width: 20,
+                          height: 20
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains(
+                              "{AXOSBANK}/business/axos-business-bundle"
+                            ),
+                            role: "heading",
+                            children: "Bundles"
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                          Link,
+                          {
+                            href: findMoreAxosDomains(
+                              "{AXOSBANK}/business/axos-business-bundle"
+                            ),
+                            children: "Axos Business Bundle"
+                          }
+                        ) })
+                      ] })
+                    ] }),
                     /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
                       /* @__PURE__ */ jsx(
                         Image,
@@ -2434,9 +2475,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/7rELrrwmhLt5Bz9KqxLgMM/nav-submen-combank.png`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/7rELrrwmhLt5Bz9KqxLgMM/nav-submen-combank.png"
+                          ),
                           alt: "",
                           width: 232,
                           height: 232
@@ -2731,9 +2774,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/6PMA1kEss89S6m1BawAltW/nav-submenu-comlending.png`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/6PMA1kEss89S6m1BawAltW/nav-submenu-comlending.png"
+                          ),
                           alt: "",
                           width: 232,
                           height: 318
@@ -3001,9 +3046,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/6YLFvmdNVGWcf3bFlimNSs/nav-submenu-wholelending.png`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/6YLFvmdNVGWcf3bFlimNSs/nav-submenu-wholelending.png"
+                          ),
                           alt: "",
                           width: 232,
                           height: 232
@@ -3159,9 +3206,11 @@ function SubNavBar() {
                     {
                       className: `${styles.mt_8} ${styles.dd_media_img}`,
                       children: /* @__PURE__ */ jsx(
-                        Image,
+                        "img",
                         {
-                          src: `${media}/3wtG13mXSTgSzMoB0YU3Ot/nav-submenu-dealer.png`,
+                          src: findMoreAxosDomains(
+                            "{AXOS}/images/3wtG13mXSTgSzMoB0YU3Ot/nav-submenu-dealer.png"
+                          ),
                           alt: "",
                           width: 232,
                           height: 162

package/dist/SetContainer/SetContainer.d.ts

@@ -11,4 +11,4 @@ export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBi
     numberOfColumns?: string;
     additionalDetails?: ReactNode | string;
 }
-export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, icon, eyebrow, style, isolate, className, numberOfColumns, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, icon, eyebrow, style, isolate, className, numberOfColumns, layout, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SetContainer/SetContainer.js

@@ -138,7 +138,8 @@ const SetContainer = ({
   style,
   isolate,
   className,
-  numberOfColumns
+  numberOfColumns,
+  layout = "Inline"
 }) => {
   const container_variant = getVariant(variant);
   const numOfCols = getNumOfColumns(numberOfColumns);
@@ -158,14 +159,16 @@ const SetContainer = ({
           eyebrow && /* @__PURE__ */ jsx(
             "span",
             {
-              className: `mb_32 ${heroSupertag({ variant: container_variant })}`,
+              className: heroSupertag({ variant: container_variant }),
+              role: "heading",
+              "aria-level": 2,
               children: eyebrow
             }
           ),
           headline && /* @__PURE__ */ jsx(
             "h2",
             {
-              className: `header_2 ${header_section({ variant: container_variant })}`,
+              className: `header_1 ${header_section({ variant: container_variant })}`,
               children: headline
             }
           ),
@@ -175,7 +178,8 @@ const SetContainer = ({
           "div",
           {
             className: clsx(
-              numOfCols && columnValues.includes(numOfCols) ? `${set_container_cols({ columns: numOfCols })} cols_${numOfCols}` : inline_container
+              numOfCols && columnValues.includes(numOfCols) ? `${set_container_cols({ columns: numOfCols })} cols_${numOfCols}` : inline_container,
+              layout === "Stacked" ? "stacked" : ""
             ),
             children
           }