@axos-web-dev/shared-components 1.0.18 → 1.0.19

package/dist/HeroBanner/LargeBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/HeroBanner/LargeBanner.css';import '../assets/Typography/Typography.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                          */

package/dist/HeroBanner/SelectionBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/Hyperlink/Hyperlink.css.js

@@ -1,4 +1,4 @@
-/* empty css                             */
+import '../assets/Hyperlink/Hyperlink.css';/* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var hyperlink = createRuntimeFn({ defaultClassName: "hvs5ng0", variantClassNames: { variant: { primary: "hvs5ng1", secondary: "hvs5ng2", "default": "hvs5ng3" } }, defaultVariants: { variant: "default" }, compoundVariants: [] });
 export {

package/dist/Hyperlink/index.js

@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/IconBillboard/IconBillboard.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/IconBillboard/IconBillboard.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/IconBillboard/IconBillboard.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { billboard_icon, containerIconBillboard, layout, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { billboard_icon, layout, headerIconBillboard, title, list, content, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const Icon = ({ children }) => /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children });
 const IconBillboard = (props) => {
   const {

package/dist/ImageBillboard/ExitIntentModal/ModalWrapper.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ReactNode } from 'react';
+
+interface ModalWrapperProps {
+    children: ReactNode;
+    onClose: () => void;
+    modalRef: React.RefObject<HTMLDivElement>;
+}
+export declare const ModalWrapper: ({ children, onClose, modalRef, }: ModalWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ImageBillboard/ExitIntentModal/ModalWrapper.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { exit_intent_backdrop, exit_intent, modal_close_button } from "../ImageBillboard.css.js";
+const ModalWrapper = ({
+  children,
+  onClose,
+  modalRef
+}) => {
+  const wrapperRef = useRef(null);
+  useEffect(() => {
+    const originalOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = originalOverflow;
+    };
+  }, []);
+  useEffect(() => {
+    const focusableSelectors = [
+      "a[href]",
+      "button:not([disabled])",
+      '[tabindex]:not([tabindex="-1"])'
+    ];
+    const trapFocus = (e) => {
+      if (e.key !== "Tab") return;
+      const focusableEls = modalRef.current?.querySelectorAll(
+        focusableSelectors.join(",")
+      );
+      if (!focusableEls || focusableEls.length === 0) return;
+      const first = focusableEls[0];
+      const last = focusableEls[focusableEls.length - 1];
+      if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    const focusFirst = () => {
+      const focusableEls = modalRef.current?.querySelectorAll(
+        focusableSelectors.join(",")
+      );
+      focusableEls?.[0]?.focus();
+    };
+    focusFirst();
+    document.addEventListener("keydown", trapFocus);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("keydown", trapFocus);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [modalRef]);
+  const handleEscape = (e) => {
+    if (e.key === "Escape") {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: exit_intent_backdrop, role: "presentation", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: exit_intent,
+      ref: modalRef,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "exit-intent-heading",
+      "aria-describedby": "exit-intent-description",
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Close modal",
+            className: modal_close_button,
+            onClick: onClose,
+            children: "Close"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { ref: wrapperRef, children })
+      ]
+    }
+  ) });
+};
+export {
+  ModalWrapper
+};

package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.d.ts

@@ -0,0 +1,5 @@
+export declare const useExitIntentModal: (enabled: boolean) => {
+    isVisible: boolean;
+    close: () => void;
+    modalRef: import('react').MutableRefObject<HTMLDivElement | null>;
+};

package/dist/ImageBillboard/ExitIntentModal/useExitIntentModal.js

@@ -0,0 +1,90 @@
+"use client";
+import { useState, useRef, useEffect } from "react";
+const useExitIntentModal = (enabled) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const modalRef = useRef(null);
+  useEffect(() => {
+    if (!enabled) return;
+    const STORAGE_KEY = "exitIntentShown";
+    const sessionExpiry = 24 * 60 * 60 * 1e3;
+    const hasShown = () => {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      if (!stored) return false;
+      const { timestamp } = JSON.parse(stored);
+      return Date.now() - timestamp < sessionExpiry;
+    };
+    const markShown = () => {
+      localStorage.setItem(
+        STORAGE_KEY,
+        JSON.stringify({ timestamp: Date.now() })
+      );
+    };
+    const showBanner = () => {
+      if (!hasShown()) {
+        setIsVisible(true);
+        markShown();
+      }
+    };
+    const handleMouseLeave = (e) => {
+      if (e.clientY <= 0) showBanner();
+    };
+    const handleScroll = () => {
+      const scrollY = window.scrollY;
+      const maxScroll = document.body.scrollHeight - window.innerHeight;
+      const percentScrolled = scrollY / maxScroll * 100;
+      if (percentScrolled > 60) {
+        window.addEventListener("scroll", detectScrollUp);
+      }
+    };
+    const detectScrollUp = () => {
+      if (window.scrollY < window.innerHeight * 0.25) {
+        showBanner();
+        window.removeEventListener("scroll", detectScrollUp);
+      }
+    };
+    let inactivityTimer;
+    const resetInactivity = () => {
+      clearTimeout(inactivityTimer);
+      inactivityTimer = setTimeout(() => {
+        showBanner();
+      }, 15e3);
+    };
+    const startListeners = () => {
+      document.addEventListener("mouseleave", handleMouseLeave);
+      window.addEventListener("scroll", handleScroll);
+      document.addEventListener("mousemove", resetInactivity);
+      document.addEventListener("keydown", resetInactivity);
+    };
+    const initTimeout = setTimeout(startListeners, 1e4);
+    resetInactivity();
+    return () => {
+      clearTimeout(initTimeout);
+      clearTimeout(inactivityTimer);
+      document.removeEventListener("mouseleave", handleMouseLeave);
+      window.removeEventListener("scroll", handleScroll);
+      document.removeEventListener("mousemove", resetInactivity);
+      document.removeEventListener("keydown", resetInactivity);
+      window.removeEventListener("scroll", detectScrollUp);
+    };
+  }, [enabled]);
+  useEffect(() => {
+    if (!isVisible) return;
+    const handleClickOutside = (e) => {
+      if (modalRef.current && !modalRef.current.contains(e.target)) {
+        setIsVisible(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isVisible]);
+  return {
+    isVisible,
+    close: () => setIsVisible(false),
+    modalRef
+  };
+};
+export {
+  useExitIntentModal
+};

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

@@ -163,3 +163,6 @@ 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 exit_intent_backdrop: string;
+export declare const exit_intent: string;
+export declare const modal_close_button: string;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/ImageBillboard/ImageBillboard.css';import '../assets/SetContainer/SetContainer.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
@@ -29,6 +29,9 @@ 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";
 export {
   apy_billboard,
   billboard,
@@ -40,10 +43,13 @@ export {
   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,

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

@@ -31,4 +31,5 @@ export interface ImageBillboardInterface {
     textImageLineTwoBig?: ReactNode | string;
     textImageLineThreeSmall?: ReactNode | string;
     internalName?: string;
+    exitIntent?: boolean;
 }

package/dist/ImageBillboard/ImageBillboard.js

@@ -3,7 +3,7 @@ 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";
-/* empty 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                                                    */

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, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;
+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;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect, createElement } from "react";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
@@ -8,15 +8,17 @@ 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";
-/* empty 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 { getVariant } from "../utils/getVariant.js";
 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, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas } from "./ImageBillboard.css.js";
+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";
 const ImageBillboard = ({
   id,
   variant,
@@ -32,10 +34,14 @@ const ImageBillboard = ({
   textImageLineOneSmall,
   textImageLineTwoBig,
   textImageLineThreeSmall,
-  internalName
+  internalName,
+  exitIntent = false
 }) => {
   const billboard_variant = getVariant(variant);
   position = position?.toLocaleLowerCase();
+  const { isVisible, close, modalRef } = useExitIntentModal(
+    exitIntent ?? false
+  );
   const headingRef = useRef(null);
   const [headingLevel, setHeadingLevel] = useState("h2");
   useEffect(() => {
@@ -49,7 +55,7 @@ const ImageBillboard = ({
       }
     }
   }, []);
-  return /* @__PURE__ */ jsxs(
+  const renderBillboard = () => /* @__PURE__ */ jsxs(
     "div",
     {
       id: internalName?.replace(/ /g, "-") ?? id,
@@ -94,12 +100,20 @@ const ImageBillboard = ({
                 headingLevel,
                 {
                   ref: headingRef,
-                  className: `header_3 ${header({ variant: billboard_variant })}`
+                  className: `header_3 ${header({ variant: billboard_variant })}`,
+                  id: exitIntent ? "exit-intent-heading" : void 0
                 },
                 headline
               )
             ] }),
-            bodyCopy && /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
+            bodyCopy && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `push_up ${body_copy}`,
+                id: exitIntent ? "exit-intent-description" : void 0,
+                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(
@@ -172,6 +186,10 @@ const ImageBillboard = ({
     },
     id
   );
+  if (exitIntent) {
+    return isVisible ? /* @__PURE__ */ jsx(ModalWrapper, { modalRef, onClose: close, children: renderBillboard() }) : null;
+  }
+  return renderBillboard();
 };
 export {
   ImageBillboard

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, header, imagePlacement, image_background, mh_330, 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, 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 { ImageBillboard } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
@@ -14,10 +14,13 @@ export {
   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,

package/dist/ImageLink/ImageLink.css.js

@@ -1,4 +1,4 @@
-/* empty css                             */
+import '../assets/ImageLink/ImageLink.css';/* empty css                             */
 var image_link_set = "xd6m5c0";
 export {
   image_link_set

package/dist/ImageLink/ImageLink.js

@@ -3,7 +3,7 @@ import { Hyperlink } from "../Hyperlink/index.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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/Modal/Modal.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/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                                                    */

package/dist/ImageLink/ImageLinkSet.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { buttons } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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/Modal/Modal.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/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/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                                                    */

package/dist/ImageLink/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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/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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/Input/Checkbox.css.js

@@ -1,4 +1,4 @@
-/* empty css                            */
+import '../assets/Input/Checkbox.css';/* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
 var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });

package/dist/Input/Dropdown.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/Input/Dropdown.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var selectInput = "_1vzv2cd0";

package/dist/Input/Input.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Input/Input.css';import '../assets/Input/Checkbox.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                            */

package/dist/Input/RadioButton.css.js

@@ -1,4 +1,4 @@
-/* empty css                               */
+import '../assets/Input/RadioButton.css';/* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var fieldset = createRuntimeFn({ defaultClassName: "_1gnyc3c0", variantClassNames: { direction: { row: "_1gnyc3c1", column: "_1gnyc3c2", "default": "_1gnyc3c3" } }, defaultVariants: {}, compoundVariants: [] });
 var fieldset_wrapper = "_1gnyc3c4";

package/dist/Inputs/Input.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Inputs/Input.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                         */

package/dist/Insight/Featured/CategorySelector.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Insight/Featured/CategorySelector.js

@@ -4,7 +4,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 import ClockIcon from "../../icons/Clock/index.js";
-/* empty css                                   */
+import '../../assets/Modal/Modal.css';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/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/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                                                       */
@@ -79,7 +79,7 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                            */
 import "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
-import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
+import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } from "./Featured.css.js";
 /* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
@@ -113,7 +113,7 @@ import "next/script.js";
 /* empty css                                                 */
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_link_mobile, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
+import { selector_title_link, selector_more, selector_link, selector_grid_items, selector_link_mobile, selector_section, selector_img, selector_title, selector_grid_content, selector_small_item } from "./CategorySelector.css.js";
 const CategorySelector = (props) => {
   const {
     id,

package/dist/Insight/Featured/Featured.css.js

@@ -1,4 +1,4 @@
-/* empty css                                             */
+import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
 /* empty css                            */
 var featured_section = "_1sr2o6v0";
 var featured_title = "_1sr2o6v1";

package/dist/Insight/Featured/Featured.js

@@ -3,7 +3,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 import ClockIcon from "../../icons/Clock/index.js";
-/* empty css                                   */
+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                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -82,7 +82,7 @@ import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_hero, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
 /* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";

package/dist/Insight/Featured/Header.css.js

@@ -1,4 +1,4 @@
-/* empty css                          */
+import '../../assets/Insight/Featured/Header.css';/* empty css                          */
 var header_featured = "_19yqlq40";
 var breadcumbs_header_featured_section = "_19yqlq41";
 var breadcumb_link = "_19yqlq42";

package/dist/Insight/Featured/Header.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                   */
+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/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                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -110,7 +110,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */
-import { header_in_insight, header_featured, header_title_featured } from "./Header.css.js";
+import { header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
 const BreadcumbHeader = (props) => {
   const { section, showTitle = true } = props;
   return /* @__PURE__ */ jsx(