@axos-web-dev/shared-components 2.0.0-dev.1 → 2.0.0-dev.2-nav-0

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -1,164 +1,33 @@
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "react/jsx-runtime";
-import "../../icons/ArrowIcon/ArrowIcon.css.js";
-import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/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/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
-/* empty css                                      */
-/* empty css                                  */
-/* empty css                                       */
-/* empty css                                                       */
-/* empty css                                                   */
-import "clsx";
-import "react";
-import "../../Chevron/Chevron.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../IconBillboard/IconBillboard.css.js";
-import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
-/* empty css                                             */
-/* empty css                                             */
-import "../../Interstitial/Interstitial-variants.css.js";
-/* empty css                                   */
-import "../../Modal/contextApi/store.js";
-import "../../Button/Button.css.js";
-import "react-use";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../../Calculators/calculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../../Table/Table.css.js";
-import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
-import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import "@hookform/resolvers/zod";
-import "../../Input/Checkbox.js";
-import "../../Input/CurrencyInput.js";
-import "../../Input/Dropdown.js";
-import "../../Input/Dropdown.css.js";
-import "../../Input/Input.js";
-import "../../Input/Input.css.js";
-import "../../Input/InputAmount.js";
-import "../../Input/InputPhone.js";
-import "../../Input/InputTextArea.js";
-import "../../Input/DownPaymentInput.js";
-import "../../Input/RadioButton.js";
-import "../../Input/PercentageInput.js";
-import "react-hook-form";
-import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import "../../Forms/Forms.css.js";
-import "../../Forms/HoneyPot/index.js";
-import "../../Forms/SalesforceFieldsForm.js";
-import "../../Input/RadioButton.css.js";
-import "../../Input/Checkbox.css.js";
-import "../../LoadingIndicator/LoadingIndicator.css.js";
-import "../../Inputs/Input.css.js";
-/* empty css                                                            */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
-import "iframe-resizer";
-/* empty css                                                                                   */
-import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
-/* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                                       */
-/* empty css                                                       */
-import "../../Carousel/index.js";
-/* empty css                                                      */
-/* empty css                                      */
-import "../../Chatbot/store/chat.js";
-import "../../Chatbot/authenticate.js";
-/* empty css                                       */
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.css.js";
-import "next/image.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-import "../../SetContainer/SetContainer.css.js";
-import "../../Tab/Tab.css.js";
-import "../../icons/Star/Star.css.js";
-import "../../ContentBanner/ContentBanner.css.js";
-/* empty css                                                 */
-import "../../ExecutiveBio/ExecutiveBio.css.js";
-import "../../FaqAccordion/index.js";
-import "../../FooterDisclosure/FooterDisclosure.css.js";
-/* empty css                                                             */
-/* empty css                                                            */
-/* empty css                                               */
-import "../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                                 */
-/* empty css                                                         */
-/* empty css                                               */
-import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                       */
-import "next/navigation.js";
-/* empty css                                          */
-/* empty css                                               */
-/* empty css                                                  */
-import "next/link.js";
-import "../AxosBank/MobileMenu/MobileNavData.js";
-/* empty css                                    */
-import "../AxosBank/NavData.js";
-/* empty css                                       */
-/* empty css                                        */
-/* empty css                          */
-/* empty css                                      */
-import "../LaVictoire/NavData.js";
-import "../../PageNavItem/PageNavItem.css.js";
-import "react-slick";
-/* empty css                                                    */
-/* empty css                                             */
-/* empty css                                                       */
-/* empty css                                                     */
-import "../../StepItem/StepItem.css.js";
-import "../../StepItemSet/StepItemSet.css.js";
-/* empty css                                           */
-/* empty css                                   */
-/* empty css                                                     */
-/* empty css                                                   */
-/* empty css                                                 */
-const navItemsRaw = [
+const getNavItems = (resolveUrl) => [
   {
     domain: "/undefined",
     name: "ALTS",
-    url: findMoreAxosDomains(
+    url: resolveUrl(
       "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions"
     )
   },
   {
     domain: "/digital-banking-for-funds",
     name: "Digital Banking",
-    url: findMoreAxosDomains(
+    url: resolveUrl(
       "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions/digital-banking-for-funds"
     )
   },
   {
     domain: "/solutions-for-fund-admins",
     name: "Fund Admin Solutions",
-    url: findMoreAxosDomains(
+    url: resolveUrl(
       "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions/solutions-for-fund-admins"
     )
   },
   {
     domain: "/insured-cash-sweep",
     name: "ICS",
-    url: findMoreAxosDomains(
+    url: resolveUrl(
       "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions/insured-cash-sweep"
     )
   }
 ];
-const navItems = JSON.parse(JSON.stringify(navItemsRaw));
 export {
-  navItems
+  getNavItems
 };

package/dist/NavigationMenu/AxosALTS/index.js

@@ -16,12 +16,11 @@ import "../../Chevron/Chevron.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
-import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
 /* empty css                                   */
-import "../../Modal/contextApi/store.js";
+import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../ArticlesSet/ArticlesSet.css.js";
@@ -108,14 +107,12 @@ import "next/navigation.js";
 /* empty css                                          */
 /* empty css                                               */
 /* empty css                                                  */
-import "next/link.js";
-import "../AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                    */
-import "../AxosBank/NavData.js";
+import "next/link.js";
+import "../AxosBank/Menu.js";
 /* empty css                                       */
 /* empty css                                        */
 /* empty css                                      */
-import "../LaVictoire/NavData.js";
 import "../../PageNavItem/PageNavItem.css.js";
 import "react-slick";
 /* empty css                                                    */
@@ -129,10 +126,12 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                                     */
 /* empty css                                                   */
 /* empty css                                                 */
-import { navItems } from "./NavData.js";
+import { getNavItems } from "./NavData.js";
 import { alt_main_nav_link } from "./NavBar.css.js";
 import styles from "./NavBar.module.js";
 function NavBar() {
+  const { resolveUrl } = useGlobalContext();
+  const navItems = getNavItems(resolveUrl);
   const [isOpenMobile, setisOpenMobile] = useState(false);
   const [activeIndex, setActiveIndex] = useState();
   const mobileToggle = () => setisOpenMobile(!isOpenMobile);
@@ -171,7 +170,7 @@ function NavBar() {
                   /* @__PURE__ */ jsx("div", { className: styles.alts_logo_wrap, children: /* @__PURE__ */ jsx(
                     "a",
                     {
-                      href: findMoreAxosDomains("{AXOSBANK}/labs"),
+                      href: resolveUrl("{AXOSBANK}/labs"),
                       "aria-label": "return to Alternative Lending and Treasury Solution webpage",
                       children: /* @__PURE__ */ jsxs(
                         "svg",
@@ -286,7 +285,7 @@ function NavBar() {
                 children: /* @__PURE__ */ jsx(
                   "a",
                   {
-                    href: findMoreAxosDomains("{AXOSBANK}/labs"),
+                    href: resolveUrl("{AXOSBANK}/labs"),
                     "aria-label": "return to Alternative Lending and Treasury Solution webpage",
                     children: /* @__PURE__ */ jsxs(
                       "svg",
@@ -394,7 +393,7 @@ function NavBar() {
             /* @__PURE__ */ jsx("li", { className: `${styles.alts_mobile_nav_item}`, children: /* @__PURE__ */ jsx(
               "a",
               {
-                href: findMoreAxosDomains(
+                href: resolveUrl(
                   "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions"
                 ),
                 role: "button",
@@ -405,7 +404,7 @@ function NavBar() {
             /* @__PURE__ */ jsx("li", { className: `${styles.alts_mobile_nav_item}`, children: /* @__PURE__ */ jsx(
               "a",
               {
-                href: findMoreAxosDomains(
+                href: resolveUrl(
                   "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions/digital-banking-for-funds"
                 ),
                 role: "button",
@@ -416,7 +415,7 @@ function NavBar() {
             /* @__PURE__ */ jsx("li", { className: `${styles.alts_mobile_nav_item}`, children: /* @__PURE__ */ jsx(
               "a",
               {
-                href: findMoreAxosDomains(
+                href: resolveUrl(
                   "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions/solutions-for-fund-admins"
                 ),
                 role: "button",
@@ -427,7 +426,7 @@ function NavBar() {
             /* @__PURE__ */ jsx("li", { className: `${styles.alts_mobile_nav_item}`, children: /* @__PURE__ */ jsx(
               "a",
               {
-                href: findMoreAxosDomains(
+                href: resolveUrl(
                   "{AXOSBANK}/labs/alternative-lending-and-treasury-solutions/insured-cash-sweep"
                 ),
                 role: "button",

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -4,7 +4,6 @@ import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
 import { useRef, useState, useEffect } from "react";
 import "react-use";
-import "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import { usePathname } from "next/navigation.js";

package/dist/NavigationMenu/AxosAdvisor/index.js

@@ -4,7 +4,6 @@ import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
 import { useState, useRef, useEffect } from "react";
 import { useClickAway } from "react-use";
-import "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import { NavItem } from "../NavItem/index.js";

package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js

@@ -5,7 +5,6 @@ import { useLocation } from "react-use";
 import styles from "./NavBar.module.js";
 import { subNavItems } from "./NavData.js";
 import { sub_nav } from "./SubNavbar.css.js";
-import "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
 function SubNavBar() {
   const { pathname } = useLocation();

package/dist/NavigationMenu/AxosAdvisorServices/index.js

@@ -4,7 +4,6 @@ import { Button } from "../../Button/Button.js";
 import "../../Button/Button.css.js";
 import { useState, useRef, useEffect } from "react";
 import { useClickAway } from "react-use";
-import "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
 import clsx from "clsx";
 import { NavItem } from "../NavItem/index.js";

package/dist/NavigationMenu/AxosBank/DropwdownButton.d.ts

@@ -0,0 +1,7 @@
+import { SubNavItems } from '../utils';
+
+interface DropwdownButtonProps {
+    item: SubNavItems;
+}
+export declare const DropwdownButton: ({ item }: DropwdownButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/NavigationMenu/AxosBank/DropwdownButton.js

@@ -0,0 +1,239 @@
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Button } from "../../Button/Button.js";
+import "../../Button/Button.css.js";
+import React from "react";
+import "react-use";
+import "../../Chevron/Chevron.css.js";
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
+import "../../icons/ArrowIcon/ArrowIcon.css.js";
+import "../../icons/CheckIcon/CheckIcon.css.js";
+import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Chatbot.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                      */
+/* empty css                                  */
+/* empty css                                       */
+/* empty css                                                       */
+/* empty css                                                   */
+import clsx from "clsx";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../ArticlesSet/ArticlesSet.css.js";
+import "../../IconBillboard/IconBillboard.css.js";
+import "../../Calculators/calculator.css.js";
+import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import { useGlobalContext } from "../../Modal/contextApi/store.js";
+import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../../Table/Table.css.js";
+import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../../Input/Checkbox.js";
+import "../../Input/CurrencyInput.js";
+import "../../Input/Dropdown.js";
+import "../../Input/Dropdown.css.js";
+import "../../Input/Input.js";
+import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
+import "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
+import "../../Input/DownPaymentInput.js";
+import "../../Input/RadioButton.js";
+import "../../Input/PercentageInput.js";
+import "react-hook-form";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
+import "../../Forms/SalesforceFieldsForm.js";
+/* empty css                                             */
+/* empty css                                             */
+import "../../Input/RadioButton.css.js";
+import "../../Input/Checkbox.css.js";
+import "../../LoadingIndicator/LoadingIndicator.css.js";
+import "../../Interstitial/Interstitial-variants.css.js";
+import "../../Inputs/Input.css.js";
+/* empty css                                                            */
+import "../../Hyperlink/Hyperlink.css.js";
+/* empty css                                                         */
+import "iframe-resizer";
+/* empty css                                                                                   */
+import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+/* empty css                                       */
+import "react-dom";
+/* empty css                                   */
+import "../../Auth/SignInPassword.js";
+/* empty css                                                 */
+/* empty css                                             */
+/* empty css                                       */
+/* empty css                                                       */
+import "../../Carousel/index.js";
+/* empty css                                                      */
+/* empty css                                      */
+import "../../Chatbot/store/chat.js";
+import "../../Chatbot/authenticate.js";
+/* empty css                                       */
+/* empty css                                          */
+import "../../Chatbot/store/messages.js";
+/* empty css                                                                       */
+import "../../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../../HeroBanner/HeroBanner.css.js";
+import "../../HeroBanner/LargeBanner.css.js";
+import "../../HeroBanner/SelectionBanner.css.js";
+import "../../SetContainer/SetContainer.css.js";
+import "../../Tab/Tab.css.js";
+import "../../icons/Star/Star.css.js";
+import "../../ContentBanner/ContentBanner.css.js";
+/* empty css                                                 */
+import "../../ExecutiveBio/ExecutiveBio.css.js";
+import "../../FaqAccordion/index.js";
+import "../../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                             */
+/* empty css                                                            */
+/* empty css                                               */
+import "../../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+/* empty css                                           */
+/* empty css                                           */
+/* empty css                                                 */
+/* empty css                                                         */
+/* empty css                                               */
+import "../../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                       */
+import "next/navigation.js";
+/* empty css                                          */
+/* empty css                                               */
+/* empty css                                                  */
+import "next/link.js";
+import { Sign_in_btn, signin_subheader } from "./NavBar.css.js";
+import styles from "./NavBar.module.js";
+import "./Menu.js";
+/* empty css                             */
+/* empty css                                        */
+/* empty css                                    */
+/* empty css                                      */
+import "../../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                    */
+/* empty css                                             */
+/* empty css                                                       */
+/* empty css                                                     */
+import "../../StepItem/StepItem.css.js";
+import "../../StepItemSet/StepItemSet.css.js";
+/* empty css                                           */
+/* empty css                                   */
+/* empty css                                                     */
+/* empty css                                                   */
+/* empty css                                                 */
+/* empty css                                   */
+const DropwdownButton = ({ item }) => {
+  const { resolveUrl } = useGlobalContext();
+  const [isOpenSignIn, setIsOpenSignIn] = React.useState(false);
+  const toggle = () => {
+    setIsOpenSignIn(!isOpenSignIn);
+  };
+  const withItems = item.subItems.filter((item2) => item2 && "menuItems" in item2);
+  const footerItems = item.subItems.filter(
+    (item2) => item2 && !("menuItems" in item2)
+  );
+  console.log(withItems, footerItems);
+  const renderSubItems = () => {
+    return [
+      withItems.map((subItem) => {
+        return subItem && /* @__PURE__ */ jsxs("li", { role: "heading", children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              className: styles.signin_header,
+              href: resolveUrl(subItem?.url),
+              children: subItem?.label
+            }
+          ),
+          /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: "menuItems" in subItem && subItem?.menuItems?.subItems?.map(
+            (subSubItem) => subSubItem && /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: `${styles.signin_subheader} ${signin_subheader}`,
+                children: /* @__PURE__ */ jsx("a", { href: resolveUrl(subSubItem?.url), children: subSubItem?.label })
+              },
+              subSubItem?.id
+            )
+          ) })
+        ] }, subItem?.id);
+      }),
+      /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
+          children: footerItems.map(
+            (subItem) => subItem && /* @__PURE__ */ jsx("a", { href: resolveUrl(subItem?.url), children: subItem?.label }, subItem.id)
+          )
+        },
+        "footer-item-nav"
+      )
+    ];
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        className: clsx(
+          styles.signin_btn,
+          "flex_row",
+          "center",
+          "middle",
+          isOpenSignIn ? styles.open : "",
+          Sign_in_btn
+        ),
+        as: "button",
+        type: "button",
+        color: "primary",
+        id: "signIn",
+        action: toggle,
+        size: "small",
+        "aria-controls": "signin-drop-menu",
+        role: "menuitem",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: item.label }),
+          /* @__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__ */ jsx(
+          "ul",
+          {
+            className: "list_unstyled",
+            "aria-expanded": isOpenSignIn,
+            id: "signin-drop-menu",
+            children: renderSubItems()
+          }
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  DropwdownButton
+};

package/dist/NavigationMenu/AxosBank/Menu.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+
+export interface MenuProps {
+    id?: string;
+    header: ReactNode;
+    headerOnHover: ReactNode;
+    description: ReactNode;
+    image: {
+        src: string;
+        alt: string;
+        width: number;
+        height: number;
+    };
+    bannerCta?: {
+        id: string;
+        label: string;
+        url: string;
+        ariaLabel?: string;
+    };
+    subNavItems?: SubNavItemProps[];
+    helpUrl?: string;
+    onDownKeyContainer: (event: React.KeyboardEvent<HTMLDivElement>, id: string) => void;
+    onMouseLeave: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface SubNavItemProps {
+    id: string;
+    icon: string;
+    label: string;
+    url: string;
+    items: {
+        id: string;
+        label: string;
+        url: string;
+    }[];
+}
+export declare const SubNavItem: ({ icon, label, url, items }: SubNavItemProps) => import("react/jsx-runtime").JSX.Element;