@axos-web-dev/shared-components 0.0.3 → 0.0.4

package/dist/ImageBillboard/index.js

@@ -1,123 +1,21 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Chevron } from "../Chevron/index.js";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
-import SvgCheckIcon from "../icons/CheckIcon/index.js";
-/* empty css                                                    */
-import { getVariant } from "../utils/getVariant.js";
-import { Button } from "../Button/index.js";
-import { section_text, header, inline_container, billboard, billboard_container, billboard_img, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
-const ImageBillboard = ({
-  id,
-  variant,
-  headline,
-  bodyCopy,
-  additionalDetails,
-  imageBillboards
-}) => {
-  const inline = imageBillboards.length > 1;
-  const billboard_variant = getVariant(variant);
-  return /* @__PURE__ */ jsxs("section", { className: `containment section_spacer`, children: [
-    (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
-      headline && /* @__PURE__ */ jsx(
-        "h2",
-        {
-          className: `header_2 ${header({ variant: billboard_variant })}`,
-          children: headline
-        }
-      ),
-      bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: `${inline_container}`, children: imageBillboards.map(
-      ({
-        id: id2,
-        bordered,
-        imagePlacement,
-        eyebrow,
-        headline: headline2,
-        bodyCopy: bodyCopy2,
-        bullets,
-        image,
-        callToActionRow
-      }) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `
-              ${billboard({ variant: billboard_variant })} ${inline ? "" : billboard_container} 
-              rounded flex ${inline ? "flex_col" : "flex_row"} ${bordered ? "bordered" : ""} ${imagePlacement.toLowerCase() === "left" && !inline ? "reversed" : ""}`,
-          children: [
-            /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: /* @__PURE__ */ jsx("img", { src: image.src, className: "img_fluid", alt: image.alt }) }),
-            /* @__PURE__ */ jsxs("div", { className: body, children: [
-              /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
-                /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: `supertag ${supertag({ variant: billboard_variant })}`,
-                      children: eyebrow
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: `header_3 ${header({ variant: billboard_variant })}`,
-                      children: headline2
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "push_up", children: bodyCopy2 }),
-                /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(({ id: id3, icon, copy }) => /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
-                  /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(
-                    SvgCheckIcon,
-                    {
-                      variant: billboard_variant === "primary" || billboard_variant === "secondary" ? "primary" : "secondary"
-                    }
-                  ) : /* @__PURE__ */ jsx("img", { src: icon.src, alt: icon.altText }) }),
-                  /* @__PURE__ */ jsx("span", { children: copy })
-                ] }, id3)) })
-              ] }),
-              callToActionRow && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `${billboard_ctas} push_up_24 flex ${inline ? "flex_col" : "flex_row"} gap_24 ${callToActionRow.length > 1 ? "middle" : ""} center`,
-                  children: callToActionRow.map(
-                    ({
-                      id: id3,
-                      variant: variant2,
-                      displayText,
-                      targetUrl,
-                      type
-                    }) => type === "Button" ? /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        targetUrl,
-                        color: getVariant(variant2),
-                        size: "medium",
-                        rounded: "medium",
-                        children: displayText
-                      },
-                      id3
-                    ) : /* @__PURE__ */ jsx(
-                      Chevron,
-                      {
-                        targetUrl,
-                        variant: getVariant(variant2),
-                        children: displayText
-                      },
-                      id3
-                    )
-                  )
-                }
-              )
-            ] })
-          ]
-        },
-        id2
-      )
-    ) }),
-    additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
-  ] }, id);
-};
+import { ImageBillboardSet } from "./ImageBillboard.js";
+import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_img, body, header, imagePlacement, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard.css.js";
+import { ImageBillboard } from "./ImageBillboardSet.js";
 export {
-  ImageBillboard
+  ImageBillboard,
+  ImageBillboardSet,
+  billboard,
+  billboard_body,
+  billboard_container,
+  billboard_ctas,
+  billboard_header_section,
+  billboard_img,
+  body,
+  header,
+  imagePlacement,
+  section_text_ImageBillboard,
+  single_container,
+  supertag,
+  three_inline,
+  two_inline
 };
-//# sourceMappingURL=index.js.map

package/dist/Input/Input.css.d.ts

@@ -137,4 +137,3 @@ export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-//# sourceMappingURL=Input.css.d.ts.map

package/dist/Input/Input.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var icon = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -18,4 +20,3 @@ export {
   labelClassName,
   wrapper
 };
-//# sourceMappingURL=Input.css.js.map

package/dist/Input/index.d.ts

@@ -9,4 +9,3 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     helperText?: ReactNode;
 }
 export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/Input/index.js

@@ -33,4 +33,3 @@ const Input = (props) => {
 export {
   Input
 };
-//# sourceMappingURL=index.js.map

package/dist/Inputs/Input.css.d.ts

@@ -137,4 +137,3 @@ export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-//# sourceMappingURL=Input.css.d.ts.map

package/dist/Inputs/Input.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var icon = createRuntimeFn({ defaultClassName: "_157e2fz0", variantClassNames: { size: { small: "_157e2fz1", medium: "_157e2fz2", large: "_157e2fz3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -18,4 +20,3 @@ export {
   labelClassName,
   wrapper
 };
-//# sourceMappingURL=Input.css.js.map

package/dist/Modal/Modal.css.d.ts

@@ -9,4 +9,3 @@ export declare const modal_subtitle: string;
 export declare const modal_body: string;
 export declare const modal_footer: string;
 export declare const site_link: string;
-//# sourceMappingURL=Modal.css.d.ts.map

package/dist/Modal/Modal.css.js

@@ -1,4 +1,5 @@
-import "../themes/vars.css.ts.vanilla.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                         */
 var hr = "_427id30";
 var solid = "_427id31";
@@ -24,4 +25,3 @@ export {
   site_link,
   solid
 };
-//# sourceMappingURL=Modal.css.js.map

package/dist/Modal/Modal.interface.d.ts

@@ -5,4 +5,3 @@ export interface ModalProps {
     onAccept: () => void;
     onCancel: () => void;
 }
-//# sourceMappingURL=Modal.interface.d.ts.map

package/dist/Modal/Modal.interface.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=Modal.interface.js.map

package/dist/Modal/index.d.ts

@@ -1,4 +1,3 @@
 import { FC } from "react";
 import { ModalProps } from "./Modal.interface";
 export declare const Modal: FC<ModalProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/Modal/index.js

@@ -2,8 +2,9 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { chevron } from "../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";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import "../AlertBanner/AlertBanner.css.js";
 import { Button } from "../Button/index.js";
@@ -12,21 +13,23 @@ import "react";
 /* empty css                                                */
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
+/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
-import "../HeroBanner/HeroBanner.css.js";
-import "../ImageBillboard/ImageBillboard.css.js";
 import "clsx";
+/* empty css                                              */
+import "../ImageBillboard/ImageBillboard.css.js";
 import "../Input/Input.css.js";
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
-/* empty css                                */
-/* empty css                                   */
 import { modal, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
 const Modal = ({
   headline,
@@ -80,4 +83,3 @@ const Modal = ({
 export {
   Modal
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,55 +1,55 @@
-const header = "_header_1pkl5_1";
-const wrapper = "_wrapper_1pkl5_9";
-const header_main_row = "_header_main_row_1pkl5_21";
-const mobile_header = "_mobile_header_1pkl5_23";
-const logo_wrap = "_logo_wrap_1pkl5_35";
-const primary_links = "_primary_links_1pkl5_43";
-const main_nav_link = "_main_nav_link_1pkl5_51";
-const sub_nav_link = "_sub_nav_link_1pkl5_95";
-const signin_wrap = "_signin_wrap_1pkl5_99";
-const signin_btn = "_signin_btn_1pkl5_101";
-const sub_nav = "_sub_nav_1pkl5_95";
-const header_sub_row = "_header_sub_row_1pkl5_183";
-const signin_dropdown = "_signin_dropdown_1pkl5_215";
-const shadow = "_shadow_1pkl5_235";
-const signin_header = "_signin_header_1pkl5_251";
-const signin_subheader = "_signin_subheader_1pkl5_265";
-const opacity = "_opacity_1pkl5_309";
-const fadeInDown = "_fadeInDown_1pkl5_1";
-const footer = "_footer_1pkl5_321";
-const open = "_open_1pkl5_353";
-const dd_wrapper = "_dd_wrapper_1pkl5_377";
-const dd_media = "_dd_media_1pkl5_389";
-const dd_media_img = "_dd_media_img_1pkl5_399";
-const dd_site_navs = "_dd_site_navs_1pkl5_407";
-const dd_media_header = "_dd_media_header_1pkl5_421";
-const mt_8 = "_mt_8_1pkl5_439";
-const mt_16 = "_mt_16_1pkl5_447";
-const ml_8 = "_ml_8_1pkl5_455";
-const dd_media_cta = "_dd_media_cta_1pkl5_463";
-const reversed_row = "_reversed_row_1pkl5_491";
-const headline = "_headline_1pkl5_523";
-const nav_anchor = "_nav_anchor_1pkl5_533";
-const headline_cta = "_headline_cta_1pkl5_549";
-const site_lists = "_site_lists_1pkl5_577";
-const hamburger = "_hamburger_1pkl5_647";
-const mobile_only = "_mobile_only_1pkl5_675";
-const mobile_logo = "_mobile_logo_1pkl5_687";
-const mobile_nav = "_mobile_nav_1pkl5_733";
-const mobile_opened = "_mobile_opened_1pkl5_753";
-const mobile_nav_item = "_mobile_nav_item_1pkl5_761";
-const has_dropdown = "_has_dropdown_1pkl5_791";
-const icon_wrap = "_icon_wrap_1pkl5_833";
-const mobile_footer = "_mobile_footer_1pkl5_843";
-const mobile_footer_content = "_mobile_footer_content_1pkl5_855";
-const mobile_footer_media = "_mobile_footer_media_1pkl5_883";
-const footer_cta = "_footer_cta_1pkl5_895";
-const inner_wrapper = "_inner_wrapper_1pkl5_959";
-const btn = "_btn_1pkl5_969";
-const sub_menu = "_sub_menu_1pkl5_979";
-const main = "_main_1pkl5_51";
-const dd_footer = "_dd_footer_1pkl5_1029";
-const desktop_only = "_desktop_only_1pkl5_1067";
+const header = "_header_13ij6_1";
+const wrapper = "_wrapper_13ij6_5";
+const header_main_row = "_header_main_row_13ij6_11";
+const mobile_header = "_mobile_header_13ij6_12";
+const logo_wrap = "_logo_wrap_13ij6_18";
+const primary_links = "_primary_links_13ij6_22";
+const main_nav_link = "_main_nav_link_13ij6_26";
+const sub_nav_link = "_sub_nav_link_13ij6_48";
+const signin_wrap = "_signin_wrap_13ij6_50";
+const signin_btn = "_signin_btn_13ij6_51";
+const sub_nav = "_sub_nav_13ij6_48";
+const header_sub_row = "_header_sub_row_13ij6_92";
+const signin_dropdown = "_signin_dropdown_13ij6_108";
+const shadow = "_shadow_13ij6_118";
+const signin_header = "_signin_header_13ij6_126";
+const signin_subheader = "_signin_subheader_13ij6_133";
+const opacity = "_opacity_13ij6_155";
+const fadeInDown = "_fadeInDown_13ij6_1";
+const footer = "_footer_13ij6_161";
+const open = "_open_13ij6_177";
+const dd_wrapper = "_dd_wrapper_13ij6_189";
+const dd_media = "_dd_media_13ij6_195";
+const dd_media_img = "_dd_media_img_13ij6_200";
+const dd_site_navs = "_dd_site_navs_13ij6_204";
+const dd_media_header = "_dd_media_header_13ij6_211";
+const mt_8 = "_mt_8_13ij6_220";
+const mt_16 = "_mt_16_13ij6_224";
+const ml_8 = "_ml_8_13ij6_228";
+const dd_media_cta = "_dd_media_cta_13ij6_232";
+const reversed_row = "_reversed_row_13ij6_246";
+const headline = "_headline_13ij6_262";
+const nav_anchor = "_nav_anchor_13ij6_267";
+const headline_cta = "_headline_cta_13ij6_275";
+const site_lists = "_site_lists_13ij6_289";
+const hamburger = "_hamburger_13ij6_324";
+const mobile_only = "_mobile_only_13ij6_338";
+const mobile_logo = "_mobile_logo_13ij6_344";
+const mobile_nav = "_mobile_nav_13ij6_367";
+const mobile_opened = "_mobile_opened_13ij6_377";
+const mobile_nav_item = "_mobile_nav_item_13ij6_381";
+const has_dropdown = "_has_dropdown_13ij6_396";
+const icon_wrap = "_icon_wrap_13ij6_417";
+const mobile_footer = "_mobile_footer_13ij6_422";
+const mobile_footer_content = "_mobile_footer_content_13ij6_428";
+const mobile_footer_media = "_mobile_footer_media_13ij6_442";
+const footer_cta = "_footer_cta_13ij6_448";
+const inner_wrapper = "_inner_wrapper_13ij6_480";
+const btn = "_btn_13ij6_485";
+const sub_menu = "_sub_menu_13ij6_490";
+const main = "_main_13ij6_26";
+const dd_footer = "_dd_footer_13ij6_515";
+const desktop_only = "_desktop_only_13ij6_534";
 const styles = {
   header,
   wrapper,
@@ -159,4 +159,3 @@ export {
   sub_nav_link,
   wrapper
 };
-//# sourceMappingURL=NavBar.module.js.map

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

@@ -1,2 +1 @@
-export default function SubNavBar(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SubNavBar.d.ts.map
+export default function SubNavBar(): import("react/jsx-runtime").JSX.Element | null;

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -1,8 +1,218 @@
-import { jsx, Fragment } from "react/jsx-runtime";
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useLocation } from "react-use";
+import styles from "./NavBar.module.js";
 function SubNavBar() {
-  return /* @__PURE__ */ jsx(Fragment, {});
+  const subNav1 = useRef(null);
+  const mouseOver = function(e) {
+    const dataId = e.target.getAttribute("id");
+    const navRef = eval(dataId);
+    document.querySelectorAll("[data-id*='subNav']").forEach((nav) => {
+      nav.style.display = "none";
+    });
+    navRef.current.style.display = "block";
+  };
+  const mouseLeave = function(_e) {
+    document.querySelectorAll("[data-id*='subNav']").forEach((nav) => {
+      nav.style.display = "none";
+    });
+  };
+  const allDropDowns = document.querySelectorAll("[id*='dd_'] > a");
+  allDropDowns.forEach((elem) => {
+    elem.addEventListener("click", function(event) {
+      const node = event.target.parentNode.lastChild.classList.contains(
+        "expand"
+      ) instanceof Element;
+      switch (node) {
+        case true:
+          event.target.parentNode.lastChild.classList.remove("expand");
+          break;
+        case false:
+          const prevRadio = document.querySelector(".expand");
+          if (prevRadio)
+            prevRadio.classList.remove("expand");
+          event.target.parentNode.lastChild.classList.add("expand");
+          break;
+      }
+    });
+  });
+  const { pathname } = useLocation();
+  if (!(pathname == null ? void 0 : pathname.includes("/products"))) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { className: "list_unstyled flex_row middle", children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: "#",
+          id: "subNav1",
+          role: "menuitem",
+          onMouseEnter: mouseOver,
+          children: [
+            "Private Client",
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "15",
+                height: "12",
+                viewBox: "0 0 20 12",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                style: { marginLeft: "8px" },
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
+                    fill: "white"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Select-High-Yield-Money-Market",
+          id: "subNav2",
+          role: "menuitem",
+          onMouseEnter: mouseOver,
+          children: "Select High Yield Money Market"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/Products/Select-CDs", id: "subNav3", role: "menuitem", children: "Select CDs" }) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Select-Checking",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Select Checking"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Select-Savings",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Select Savings"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/Products/Business-Banking",
+          id: "subNav4",
+          role: "menuitem",
+          children: "Business Banking"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/Products/Mortgage", id: "subNav4", role: "menuitem", children: "Mortgage" }) })
+    ] }) }) }) }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `${styles.dd_wrapper} ${styles.desktop_only} relative`,
+        role: "menu",
+        "data-id": "subNav1",
+        ref: subNav1,
+        onMouseLeave: mouseLeave,
+        children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `${styles.dd_media} ${styles.opacity} primary_gradient_bg w_auto text_center`,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
+                  /* @__PURE__ */ jsxs("p", { role: "heading", children: [
+                    "Up to 0.40% APY",
+                    /* @__PURE__ */ jsx("sup", { children: "*" })
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: "Higher transaction limits with Private Client Checking." })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_img}`, children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: "https://images.axos.com/o9ov1v03uwqk/7z2HxgB0SX9YKQa2lxQ8vL/c5bf3f11053844623958e7f86d62d535/dd_img.png",
+                    alt: "",
+                    width: 232,
+                    height: 232
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_cta}`, children: /* @__PURE__ */ jsx("a", { href: "tel:877-887-3030 ", className: "text_center bg_white ", children: "Call (877)-887-3030" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: `${styles.headline} flex_row middle between`, children: [
+                  /* @__PURE__ */ jsx("p", { role: "heading", children: "Discover the World of Premium Banking" }),
+                  /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
+                    /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        width: "20",
+                        height: "20",
+                        viewBox: "0 0 20 20",
+                        fill: "none",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            d: "M10 1.25C14.8325 1.25 18.75 5.16751 18.75 10C18.75 14.8325 14.8325 18.75 10 18.75C5.16751 18.75 1.25 14.8325 1.25 10C1.25 5.16751 5.16751 1.25 10 1.25ZM10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5ZM10 13.125C10.5178 13.125 10.9375 13.5447 10.9375 14.0625C10.9375 14.5803 10.5178 15 10 15C9.48223 15 9.0625 14.5803 9.0625 14.0625C9.0625 13.5447 9.48223 13.125 10 13.125ZM10 5C11.5085 5 12.5 6.11546 12.5 7.5C12.5 8.19375 12.2463 8.61355 11.5601 9.3212L11.3794 9.50444L11.1007 9.79159C10.7846 10.1307 10.6575 10.3327 10.6306 10.5369L10.625 10.625V11.875H9.375V10.625L9.38039 10.4569C9.42029 9.85929 9.68587 9.45248 10.3149 8.80379L10.4956 8.62056L10.7743 8.33341C11.1355 7.94588 11.25 7.73736 11.25 7.5C11.25 6.77517 10.7832 6.25 10 6.25C9.36596 6.25 8.83162 6.86132 8.75852 7.38182L8.75 7.5H7.5L7.50649 7.33864C7.59696 6.20479 8.62337 5 10 5Z",
+                            fill: "#4A5560"
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx("a", { href: "{AXOSBANK}/Customer-Support", children: "Help & Support" }) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("hr", {}),
+                /* @__PURE__ */ jsx("div", { className: `${styles.site_lists} flex_row`, children: /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      width: "24",
+                      height: "24",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M8.25 15.75V20.25H3.75V15.75H8.25ZM14.25 15.75V20.25H9.75V15.75H14.25ZM20.25 15.75V20.25H15.75V15.75H20.25ZM6.75 17.25H5.25V18.75H6.75V17.25ZM12.75 17.25H11.25V18.75H12.75V17.25ZM18.75 17.25H17.25V18.75H18.75V17.25ZM8.25 9.75V14.25H3.75V9.75H8.25ZM14.25 9.75V14.25H9.75V9.75H14.25ZM20.25 9.75V14.25H15.75V9.75H20.25ZM6.75 11.25H5.25V12.75H6.75V11.25ZM12.75 11.25H11.25V12.75H12.75V11.25ZM18.75 11.25H17.25V12.75H18.75V11.25ZM8.25 3.75V8.25H3.75V3.75H8.25ZM14.25 3.75V8.25H9.75V3.75H14.25ZM20.25 3.75V8.25H15.75V3.75H20.25ZM6.75 5.25H5.25V6.75H6.75V5.25ZM12.75 5.25H11.25V6.75H12.75V5.25ZM18.75 5.25H17.25V6.75H18.75V5.25Z",
+                          fill: "#4A5560"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
+                    /* @__PURE__ */ jsx("li", { role: "heading", children: "Products" }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/Products/Premier-Private-Client-Banking", children: "Advisor Private Client Banking" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/Products/InsureGuard-for-Advisor", children: "InsureGuard+" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/Products/Premier-World-Checking-and-Savings", children: "Advisor World Checking and Savings" }) })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsx("div", { className: `flex_row ${styles.dd_footer}`, children: /* @__PURE__ */ jsxs("p", { children: [
+                  /* @__PURE__ */ jsx("sup", { children: "*" }),
+                  " The Annual Percentage Yield (APY) is accurate as of 3/5/2024."
+                ] }) })
+              ]
+            }
+          )
+        ] }) })
+      }
+    )
+  ] });
 }
 export {
   SubNavBar as default
 };
-//# sourceMappingURL=SubNavBar.js.map

package/dist/NavigationMenu/AxosAdvisor/index.d.ts

@@ -1,2 +1,2 @@
-export default function NavBar(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+declare function NavBar(): import("react/jsx-runtime").JSX.Element;
+export default NavBar;

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -2,14 +2,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useState, useRef } from "react";
-import SubNavBar from "./SubNavBar.js";
+import { useClickAway } from "react-use";
 import styles from "./NavBar.module.js";
+import SubNavBar from "./SubNavBar.js";
 function NavBar() {
   const [isOpenSignIn, setisOpenSignIn] = useState(false);
   const [isOpenMobile, setisOpenMobile] = useState(false);
   const ref = useRef(null);
   const toggle = () => setisOpenSignIn(!isOpenSignIn);
   const mobileToggle = () => setisOpenMobile(!isOpenMobile);
+  useClickAway(ref, (e) => {
+    var _a;
+    if (((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.tagName) !== "A") {
+      setisOpenSignIn((_state) => false);
+    }
+  });
   return /* @__PURE__ */ jsxs("header", { id: "header", children: [
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
       /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
@@ -406,4 +413,3 @@ function NavBar() {
 export {
   NavBar as default
 };
-//# sourceMappingURL=index.js.map