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

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -0,0 +1,415 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState, useRef } from "react";
+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: [
+        /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos advisor homepage", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: "https://images.axos.com/o9ov1v03uwqk/vU9AdAj0ocMWUh1zZvRMz/ea6833d1a8b12cd3e4d70c59bd411828/Vector.svg",
+            alt: "",
+            width: 170,
+            height: 51
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx("div", { className: styles.primary_links, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", role: "menu", children: [
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/products", className: "active", role: "menuitem", children: "Products" }) }),
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/find-your-advisor", role: "menuitem", children: "Find Your Advisor" }) }),
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/RIAs", role: "menuitem", children: "RIAs" }) }),
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/resources", role: "menuitem", children: "Resources" }) })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: clsx(styles.mobile_only, styles.hamburger),
+          onClick: mobileToggle,
+          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",
+                {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
+                  fill: "#4A5560"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: /* @__PURE__ */ jsx("a", { href: "/", "aria-label": "return to axos advisor homepage", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: "https://images.axos.com/o9ov1v03uwqk/31HAwvsRwUiiLXvlB7eGwz/275e33a478037ffac05f6e386dc24944/Vector.svg",
+          alt: "",
+          width: 110,
+          height: 33
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.signin_wrap, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.mobile_only, children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `${process.env.NEXT_PUBLIC_LOGIN_APP_LOGIN_URL}/auth/login`,
+            className: "link",
+            children: "Sign In"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `${styles.desktop_only} flex_row middle relative`,
+            ref,
+            children: [
+              /* @__PURE__ */ jsx("a", { href: "/Contact-Us", className: "link", children: "Contact Us" }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: clsx(
+                    styles.signin_btn,
+                    "flex_row",
+                    "center",
+                    "middle",
+                    isOpenSignIn ? styles.open : ""
+                  ),
+                  id: "signIn",
+                  onClick: toggle,
+                  "aria-controls": "signin-drop-menu",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: "Sign In" }),
+                    /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        width: "20",
+                        height: "12",
+                        viewBox: "0 0 20 12",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        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(
+                "div",
+                {
+                  className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
+                  children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsxs(
+                    "ul",
+                    {
+                      className: "list_unstyled",
+                      role: "menu",
+                      "aria-expanded": isOpenSignIn,
+                      id: "signin-drop-menu",
+                      children: [
+                        /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                          /* @__PURE__ */ jsx("a", { href: "#", className: styles.signin_header, children: "Personal" }),
+                          /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: `${process.env.NEXT_PUBLIC_LOGIN_APP_LOGIN_URL}/auth/login`,
+                              role: "menuitem",
+                              children: "Account Login"
+                            }
+                          ) }) })
+                        ] }),
+                        /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                          /* @__PURE__ */ jsx("a", { href: "#", className: `${styles.signin_header}`, children: "Business" }),
+                          /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: "https://www.netteller.com/axosbank",
+                              role: "menuitem",
+                              children: "Business Banking Login"
+                            }
+                          ) }) })
+                        ] }),
+                        /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+                          /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: "#",
+                              role: "menuitem",
+                              className: `${styles.signin_header}`,
+                              children: "Advisors"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: /* @__PURE__ */ jsx("li", { className: styles.signin_subheader, children: /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: "https://arms.axosadvisor.com/",
+                              role: "menuitem",
+                              children: "Advisor Login"
+                            }
+                          ) }) })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          "li",
+                          {
+                            className: `${styles.signin_subheader} ${styles.footer} relative`,
+                            children: /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: "{AXOSBANK}/Return-to-Application",
+                                role: "menuitem",
+                                children: "Return to Application"
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ) })
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(SubNavBar, {}),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          styles.mobile_nav,
+          styles.mobile_only,
+          "relative",
+          "bg_white",
+          isOpenMobile ? styles.mobile_opened : ""
+        ),
+        "aria-expanded": isOpenMobile,
+        role: "menu",
+        children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.inner_wrapper, "bg_white"), children: [
+          /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_header} relative text_center`, children: [
+            /* @__PURE__ */ jsx("p", { role: "heading", children: "Welcome" }),
+            /* @__PURE__ */ jsx("button", { onClick: mobileToggle, "aria-label": "close navigation menu", children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
+                    fill: "#4A5560"
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_body, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+            /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                id: "dd_1",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: "#",
+                      role: "button",
+                      className: `flex_row between ${styles.btn}`,
+                      children: [
+                        "Products",
+                        /* @__PURE__ */ jsx("span", { className: styles.icon_wrap, children: /* @__PURE__ */ jsx(
+                          "svg",
+                          {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "24",
+                            height: "24",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            children: /* @__PURE__ */ jsx(
+                              "path",
+                              {
+                                d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                fill: "#4A5560"
+                              }
+                            )
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: styles.sub_menu, children: [
+                    /* @__PURE__ */ jsx("a", { href: "/products", className: styles.main, role: "heading", children: "Products Home" }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "/Products/Select-High-Yield-Money-Market",
+                        role: "menuitem",
+                        children: "Select High Yield Money Market"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("a", { href: "/Products/Select-CDs", role: "menuitem", children: "Select CDs" }),
+                    /* @__PURE__ */ jsx("a", { href: "/Products/Select-Checking", role: "menuitem", children: "Select Checking" }),
+                    /* @__PURE__ */ jsx("a", { href: "/Products/Select-Savings", role: "menuitem", children: "Select Savings" }),
+                    /* @__PURE__ */ jsx("a", { href: "/Products/Business-Banking", role: "menuitem", children: "Business Banking" }),
+                    /* @__PURE__ */ jsx("a", { href: "/Products/Mortgage", role: "menuitem", children: "Mortgage" }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "/Products/Premier-World-Checking-and-Savings",
+                        className: styles.main,
+                        role: "heading",
+                        children: "Private Client"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "/Products/Premier-Private-Client-Banking",
+                        role: "menuitem",
+                        children: "Advisor Private Client Banking"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("a", { href: "/Products/InsureGuard-for-Advisor", role: "menuitem", children: "InsureGuard+" }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "/Products/Premier-World-Checking-and-Savings",
+                        role: "menuitem",
+                        children: "Advisor World Checking and Savings"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_2", children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "/Find-your-advisor",
+                role: "button",
+                className: `flex_row between ${styles.btn}`,
+                children: "Find Your Advisor"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx("a", { href: "/RIAs", role: "button", className: "flex_row between", children: "RIAs" }) }),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "/Contact-Us",
+                role: "button",
+                className: "flex_row between",
+                children: "Contact Us"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: `${styles.mobile_nav_item} ${styles.has_dropdown}`,
+                id: "dd_2",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: "#",
+                      role: "button",
+                      className: `flex_row between ${styles.btn}`,
+                      children: [
+                        "Sign In",
+                        /* @__PURE__ */ jsx("span", { className: styles.icon_wrap, children: /* @__PURE__ */ jsx(
+                          "svg",
+                          {
+                            xmlns: "http://www.w3.org/2000/svg",
+                            width: "24",
+                            height: "24",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            children: /* @__PURE__ */ jsx(
+                              "path",
+                              {
+                                d: "M2.46875 7.76574L11.9991 17.2961L21.5294 7.76574L20.4687 6.70508L11.9991 15.1749L3.52941 6.70508L2.46875 7.76574Z",
+                                fill: "#4A5560"
+                              }
+                            )
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: styles.sub_menu, children: [
+                    /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Personal" }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: `${process.env.NEXT_PUBLIC_LOGIN_APP_LOGIN_URL}/auth/login`,
+                        role: "menuitem",
+                        children: "Account Login"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Business" }),
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "https://www.netteller.com/axosbank",
+                        role: "menuitem",
+                        children: "Business Banking Login"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: styles.main, role: "heading", children: "Advisors" }),
+                    /* @__PURE__ */ jsx("a", { href: "https://arms.axosadvisor.com/", role: "menuitem", children: "Advisors Login" })
+                  ] })
+                ]
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsxs("div", { className: "flex_row between", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `${styles.mobile_footer_content} flex_col between`,
+                children: [
+                  /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: "Get personalized support" }) }),
+                  /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx("a", { href: "mailto:support@axosadvisor.com", children: "Contact Us" }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_media, children: " " })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  NavBar as default
+};

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

@@ -0,0 +1,125 @@
+const header = "_header_106qs_1";
+const wrapper = "_wrapper_106qs_5";
+const header_main_row = "_header_main_row_106qs_11";
+const mobile_header = "_mobile_header_106qs_12";
+const logo_wrap = "_logo_wrap_106qs_18";
+const primary_links = "_primary_links_106qs_22";
+const main_nav = "_main_nav_106qs_26";
+const main_nav_link = "_main_nav_link_106qs_33";
+const sub_nav_link = "_sub_nav_link_106qs_55";
+const signin_wrap = "_signin_wrap_106qs_57";
+const signin_btn = "_signin_btn_106qs_58";
+const sub_nav = "_sub_nav_106qs_55";
+const header_sub_row = "_header_sub_row_106qs_99";
+const shadow = "_shadow_106qs_115";
+const opacity = "_opacity_106qs_131";
+const fadeInDown = "_fadeInDown_106qs_1";
+const footer = "_footer_106qs_137";
+const open = "_open_106qs_153";
+const mt_8 = "_mt_8_106qs_161";
+const mt_16 = "_mt_16_106qs_165";
+const ml_8 = "_ml_8_106qs_169";
+const reversed_row = "_reversed_row_106qs_173";
+const nav_anchor = "_nav_anchor_106qs_177";
+const site_lists = "_site_lists_106qs_188";
+const hamburger = "_hamburger_106qs_192";
+const mobile_logo = "_mobile_logo_106qs_206";
+const mobile_nav = "_mobile_nav_106qs_229";
+const mobile_opened = "_mobile_opened_106qs_241";
+const mobile_nav_item = "_mobile_nav_item_106qs_245";
+const icon_wrap = "_icon_wrap_106qs_260";
+const mobile_footer = "_mobile_footer_106qs_265";
+const mobile_footer_content = "_mobile_footer_content_106qs_271";
+const mobile_footer_media = "_mobile_footer_media_106qs_285";
+const footer_cta = "_footer_cta_106qs_292";
+const inner_wrapper = "_inner_wrapper_106qs_324";
+const btn = "_btn_106qs_328";
+const sub_menu = "_sub_menu_106qs_333";
+const main = "_main_106qs_26";
+const desktop_only = "_desktop_only_106qs_362";
+const mobile_only = "_mobile_only_106qs_409";
+const styles = {
+  header,
+  wrapper,
+  header_main_row,
+  mobile_header,
+  logo_wrap,
+  primary_links,
+  main_nav,
+  main_nav_link,
+  sub_nav_link,
+  signin_wrap,
+  signin_btn,
+  sub_nav,
+  header_sub_row,
+  shadow,
+  opacity,
+  fadeInDown,
+  footer,
+  open,
+  mt_8,
+  mt_16,
+  ml_8,
+  reversed_row,
+  nav_anchor,
+  site_lists,
+  hamburger,
+  mobile_logo,
+  mobile_nav,
+  mobile_opened,
+  mobile_nav_item,
+  icon_wrap,
+  mobile_footer,
+  mobile_footer_content,
+  mobile_footer_media,
+  footer_cta,
+  inner_wrapper,
+  btn,
+  sub_menu,
+  main,
+  desktop_only,
+  mobile_only
+};
+export {
+  btn,
+  styles as default,
+  desktop_only,
+  fadeInDown,
+  footer,
+  footer_cta,
+  hamburger,
+  header,
+  header_main_row,
+  header_sub_row,
+  icon_wrap,
+  inner_wrapper,
+  logo_wrap,
+  main,
+  main_nav,
+  main_nav_link,
+  ml_8,
+  mobile_footer,
+  mobile_footer_content,
+  mobile_footer_media,
+  mobile_header,
+  mobile_logo,
+  mobile_nav,
+  mobile_nav_item,
+  mobile_only,
+  mobile_opened,
+  mt_16,
+  mt_8,
+  nav_anchor,
+  opacity,
+  open,
+  primary_links,
+  reversed_row,
+  shadow,
+  signin_btn,
+  signin_wrap,
+  site_lists,
+  sub_menu,
+  sub_nav,
+  sub_nav_link,
+  wrapper
+};

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

@@ -0,0 +1,2 @@
+declare const NavBarAFS: () => import("react/jsx-runtime").JSX.Element;
+export default NavBarAFS;

package/dist/NavigationMenu/AxosFiduciary/index.js

@@ -0,0 +1,130 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState } from "react";
+import styles from "./NavBar.module.js";
+const NavBarAFS = () => {
+  const [isOpenMobile, setisOpenMobile] = useState(false);
+  const mobileToggle = () => setisOpenMobile(!isOpenMobile);
+  return /* @__PURE__ */ jsxs("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: [
+        /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "/",
+            "aria-label": "return to axos fiduciary service homepage",
+            children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: "//images.axos.com/o9ov1v03uwqk/3iEpjQOjJBbl5MDVk8XtrV/3927baabf6581ffe27fd79b2293b56ce/afs-logo.svg",
+                alt: "",
+                width: 171,
+                height: 58
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: styles.primary_links, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", role: "menu", children: [
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/about-us", className: "active", role: "menuitem", children: "About Us" }) }),
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/services", role: "menuitem", children: "Services" }) }),
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "/software", role: "menuitem", children: "Software" }) }),
+          /* @__PURE__ */ jsx("li", { className: styles.main_nav_link, children: /* @__PURE__ */ jsx("a", { href: "contact", role: "menuitem", children: "Contact" }) })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: clsx(styles.mobile_only, styles.hamburger),
+          onClick: mobileToggle,
+          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",
+                {
+                  fillRule: "evenodd",
+                  clipRule: "evenodd",
+                  d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
+                  fill: "#4A5560"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: `${styles.mobile_only} ${styles.mobile_logo}`, children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: "//images.axos.com/o9ov1v03uwqk/70DeSnNiwKxnnpoNEmdHYc/c89285e7f92b31397b49e09ddb9ea14d/afs-logo-mobile.svg",
+          alt: "",
+          width: 113,
+          height: 58
+        }
+      ) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          styles.mobile_nav,
+          styles.mobile_only,
+          "relative",
+          "bg_white",
+          isOpenMobile ? styles.mobile_opened : ""
+        ),
+        "aria-expanded": isOpenMobile,
+        role: "menu",
+        children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.inner_wrapper, "bg_white"), children: [
+          /* @__PURE__ */ jsxs("div", { className: `${styles.mobile_header} relative text_center`, children: [
+            /* @__PURE__ */ jsx("p", { role: "heading", children: "Welcome" }),
+            /* @__PURE__ */ jsx("button", { onClick: mobileToggle, "aria-label": "close navigation menu", children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: 24,
+                height: 24,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M20.2812 2.65625L21.3419 3.71691L13.0602 11.9982L21.3419 20.2812L20.2812 21.3419L11.9982 13.0602L3.71691 21.3419L2.65625 20.2812L10.9377 11.9982L2.65625 3.71691L3.71691 2.65625L11.9982 10.9377L20.2812 2.65625Z",
+                    fill: "#4A5560"
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_body, children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled", children: [
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_1", children: /* @__PURE__ */ jsx("a", { href: "#", children: "About Us" }) }),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_2", children: /* @__PURE__ */ jsx("a", { href: "/services", children: "Services" }) }),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_3", children: /* @__PURE__ */ jsx("a", { href: "/Software", children: "Software" }) }),
+            /* @__PURE__ */ jsx("li", { className: `${styles.mobile_nav_item}`, id: "dd_4", children: /* @__PURE__ */ jsx("a", { href: "/Contact", children: "Contact" }) })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: styles.mobile_footer, children: /* @__PURE__ */ jsxs("div", { className: "flex_row between", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `${styles.mobile_footer_content} flex_col between`,
+                children: [
+                  /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: "Contact a Specialist Today!" }) }),
+                  /* @__PURE__ */ jsx("div", { className: styles.footer_cta, children: /* @__PURE__ */ jsx("a", { href: "/contact", children: "Talk With Us" }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: styles.mobile_footer_media, children: " " })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  NavBarAFS as default
+};

package/dist/NavigationMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NavBarAXA } from "./AxosAdvisor";
+export { default as NavBarAFS } from "./AxosFiduciary";