@axos-web-dev/shared-components 1.0.8 → 1.0.9-9.dev.1

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";
@@ -17,6 +19,7 @@ import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
 import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
+import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./HoneyPot/index.js";
 import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
@@ -40,11 +43,13 @@ export {
   ClearingForm,
   CommercialDeposits,
   CommercialLending,
+  CommercialPremiumFinance,
   ContactCompany,
   ContactCompanyTitle,
   ContactUs,
   ContactUsAAS,
   ContactUsBusiness,
+  ContactUsBusinessNameAndEmail,
   ContactUsLVF,
   ContactUsNMLSId,
   CpraRequest,
@@ -52,6 +57,7 @@ export {
   DealerServices,
   EmailOnly,
   EmailUs,
+  HoneyPot,
   MortgageRate,
   MortgageRateFilters,
   QuickPricer,
@@ -84,8 +90,10 @@ export {
   headerContainer,
   headerForm,
   hide_options,
+  honeyPotSchema,
   iconForm,
   iconbillboards_option_apply_now,
+  isValidHoneyPot,
   mb_form,
   modalCheckboxContainer,
   modalMobile,

package/dist/HelpArticle/HelpArticle.css.d.ts

@@ -0,0 +1,4 @@
+export declare const helpArticle_headline: string;
+export declare const insight_headline_2: string;
+export declare const helpArticle_p: string;
+export declare const helpArticle_container: string;

package/dist/HelpArticle/HelpArticle.css.js

@@ -0,0 +1,12 @@
+import '../assets/HelpArticle/HelpArticle.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                               */
+var helpArticle_headline = "_1yo1bp90";
+var insight_headline_2 = "_1yo1bp91";
+var helpArticle_p = "_1yo1bp92";
+var helpArticle_container = "_1yo1bp93";
+export {
+  helpArticle_container,
+  helpArticle_headline,
+  helpArticle_p,
+  insight_headline_2
+};

package/dist/HelpArticle/index.d.ts

@@ -0,0 +1 @@
+export * from './HelpArticle.css';

package/dist/HelpArticle/index.js

@@ -0,0 +1,7 @@
+import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle.css.js";
+export {
+  helpArticle_container,
+  helpArticle_headline,
+  helpArticle_p,
+  insight_headline_2
+};

package/dist/HeroBanner/HeroBanner.css.d.ts

@@ -2,21 +2,21 @@ export declare const logout: string;
 export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             borderBottom: "1px solid #d4d4d4";
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -26,50 +26,52 @@ export declare const reversed_lg_image: string;
 export declare const hero_text: string;
 export declare const hero_wrapper: string;
 export declare const hero_img: string;
+export declare const img_contents: string;
 export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const hero_btns: string;
 export declare const hero_embedded_image: string;
-export declare const img_contents: string;
+export declare const hero_sub_bullets: string;
+export declare const hero_bullet_item: string;

package/dist/HeroBanner/HeroBanner.css.js

@@ -13,19 +13,23 @@ var reversed_lg_image = "_1ye8k3f8";
 var hero_text = "_1ye8k3f9";
 var hero_wrapper = "_1ye8k3fa";
 var hero_img = "_1ye8k3fb";
-var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fc", variantClassNames: { variant: { primary: "_1ye8k3fd", secondary: "_1ye8k3fe", tertiary: "_1ye8k3ff", quaternary: "_1ye8k3fg" } }, defaultVariants: {}, compoundVariants: [] });
-var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fh", variantClassNames: { variant: { primary: "_1ye8k3fi", secondary: "_1ye8k3fj", tertiary: "_1ye8k3fk", quaternary: "_1ye8k3fl" } }, defaultVariants: {}, compoundVariants: [] });
-var hero_btns = "_1ye8k3fm";
-var hero_embedded_image = "_1ye8k3fn";
-var img_contents = "_1ye8k3fo";
+var img_contents = "_1ye8k3fc";
+var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fd", variantClassNames: { variant: { primary: "_1ye8k3fe", secondary: "_1ye8k3ff", tertiary: "_1ye8k3fg", quaternary: "_1ye8k3fh" } }, defaultVariants: {}, compoundVariants: [] });
+var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fi", variantClassNames: { variant: { primary: "_1ye8k3fj", secondary: "_1ye8k3fk", tertiary: "_1ye8k3fl", quaternary: "_1ye8k3fm" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_btns = "_1ye8k3fn";
+var hero_embedded_image = "_1ye8k3fo";
+var hero_sub_bullets = "_1ye8k3fp";
+var hero_bullet_item = "_1ye8k3fq";
 export {
   headline_text,
   heroSupertag,
   hero_banner,
   hero_btns,
+  hero_bullet_item,
   hero_content,
   hero_embedded_image,
   hero_img,
+  hero_sub_bullets,
   hero_text,
   hero_wrapper,
   img_contents,

package/dist/HeroBanner/HeroBanner.d.ts

@@ -1,3 +1,3 @@
 import { HeroBannerInterface } from './HeroBanner.interface';
 
-export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, selection, isSelectionBanner, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, subBodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, selection, isSelectionBanner, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/HeroBanner/HeroBanner.interface.d.ts

@@ -1,3 +1,4 @@
+import { BulletItemProps } from '../BulletItem';
 import { ChevronProps } from '../Chevron/Chevron.interface';
 import { ReactNode } from 'react';
 
@@ -25,5 +26,7 @@ export interface HeroBannerInterface extends HeroBannerWithImage, HeroBannerWith
     eyebrow?: string | ReactNode;
     headline?: string | ReactNode;
     bodyCopy?: string | ReactNode;
+    bullets: BulletItemProps[];
+    subBodyCopy?: string | ReactNode;
     callToActionRow?: ChevronProps[];
 }

package/dist/HeroBanner/HeroBanner.js

@@ -4,10 +4,18 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import SvgCheckIcon from "../icons/CheckIcon/index.js";
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
 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, img_contents, reversed_lg_image } from "./HeroBanner.css.js";
+import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, 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, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
@@ -15,6 +23,8 @@ const HeroBanner = ({
   eyebrow,
   headline,
   bodyCopy,
+  bullets,
+  subBodyCopy,
   callToActionRow,
   bannerType = "Hero",
   image,
@@ -59,6 +69,42 @@ const HeroBanner = ({
                 }
               ),
               /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
+              bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up_24", children: bullets.map(
+                ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    className: `list_item flex ${hero_bullet_item}`,
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "img_item", children: getVariant(variant) ? /* @__PURE__ */ jsx(
+                        SvgCheckIcon,
+                        {
+                          variant: getVariant(variant) === "primary" || getVariant(variant) === "secondary" ? "primary" : "secondary"
+                        }
+                      ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
+                      /* @__PURE__ */ jsx("span", { children: copy })
+                    ]
+                  },
+                  id2
+                ) : /* @__PURE__ */ jsx(
+                  "ul",
+                  {
+                    className: clsx(hero_sub_bullets, "mb_0", "push_up"),
+                    children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                      /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
+                        "img",
+                        {
+                          style: { maxWidth: "max-content" },
+                          src: icon?.src,
+                          alt: icon?.altText
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx("span", { children: copy })
+                    ] })
+                  },
+                  id2
+                )
+              ) }),
+              subBodyCopy && /* @__PURE__ */ jsx("div", { className: "push_up_24", children: subBodyCopy }),
               callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
                 ({
                   id: id2,

package/dist/HeroBanner/LargeBanner.css.d.ts

@@ -1,16 +1,16 @@
 export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
         };
     };
 }>;
@@ -18,52 +18,52 @@ export declare const lg_hero_content: string;
 export declare const lg_hero_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const lg_hero_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const lg_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;

package/dist/HeroBanner/SelectionBanner.css.d.ts

@@ -1,19 +1,19 @@
 export declare const selection_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            background: `var(--${string})`;
             backgroundClip: "text";
             WebkitTextFillColor: "transparent";
             textShadow: "0px 0px #00000000";
         };
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -24,16 +24,16 @@ export declare const selection_section_icon: string;
 export declare const selection_section_icon_img: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})`;
         };
         secondary: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})`;
         };
         tertiary: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})`;
         };
         quaternary: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})`;
         };
     };
 }>;

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, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner.css.js";
+import { headline_text, heroSupertag, hero_banner, hero_btns, hero_bullet_item, hero_content, hero_embedded_image, hero_img, hero_sub_bullets, 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,
@@ -7,9 +7,11 @@ export {
   heroSupertag,
   hero_banner,
   hero_btns,
+  hero_bullet_item,
   hero_content,
   hero_embedded_image,
   hero_img,
+  hero_sub_bullets,
   hero_text,
   hero_wrapper,
   img_contents,

package/dist/Hyperlink/index.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import "../Chevron/Chevron.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/Modal/Modal.css';import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
 import clsx from "clsx";
 import "react";
-import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
@@ -20,8 +20,6 @@ import { validateLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
-/* empty css                                */
-import { useGlobalContext } from "../Modal/contextApi/store.js";
 import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";
@@ -45,6 +43,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -57,6 +56,12 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
@@ -77,7 +82,10 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                          */
 /* empty css                                                         */
+/* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
@@ -89,9 +97,10 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                   */
 import "../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                       */
 import "../NavigationMenu/AxosALTS/NavData.js";
@@ -107,11 +116,12 @@ import "react-slick";
 import "../StepItem/StepItem.css.js";
 import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
+/* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-/* empty css                                        */
 /* empty css                                              */
+/* empty css                                */
+import { useGlobalContext } from "../Modal/contextApi/store.js";
 import { hyperlink } from "./Hyperlink.css.js";
 const Hyperlink = ({
   children,