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

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

@@ -1,55 +1,55 @@
-import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';const header = "_header_epxpu_1";
-const wrapper = "_wrapper_epxpu_9";
-const header_main_row = "_header_main_row_epxpu_19";
-const mobile_header = "_mobile_header_epxpu_21";
-const logo_wrap = "_logo_wrap_epxpu_33";
-const primary_links = "_primary_links_epxpu_41";
-const main_nav_link = "_main_nav_link_epxpu_49";
-const sub_nav_link = "_sub_nav_link_epxpu_113";
-const signin_wrap = "_signin_wrap_epxpu_117";
-const signin_btn = "_signin_btn_epxpu_119";
-const header_sub_row = "_header_sub_row_epxpu_195";
-const signin_dropdown = "_signin_dropdown_epxpu_235";
-const shadow = "_shadow_epxpu_255";
-const signin_header = "_signin_header_epxpu_271";
-const signin_subheader = "_signin_subheader_epxpu_285";
-const opacity = "_opacity_epxpu_329";
-const fadeInDown = "_fadeInDown_epxpu_1";
-const footer = "_footer_epxpu_341";
-const open = "_open_epxpu_373";
-const dd_wrapper = "_dd_wrapper_epxpu_397";
-const dd_media = "_dd_media_epxpu_407";
-const dd_media_img = "_dd_media_img_epxpu_417";
-const dd_site_navs = "_dd_site_navs_epxpu_425";
-const dd_media_header = "_dd_media_header_epxpu_439";
-const mt_8 = "_mt_8_epxpu_457";
-const mt_16 = "_mt_16_epxpu_465";
-const ml_8 = "_ml_8_epxpu_473";
-const dd_media_cta = "_dd_media_cta_epxpu_481";
-const reversed_row = "_reversed_row_epxpu_509";
-const headline = "_headline_epxpu_541";
-const nav_anchor = "_nav_anchor_epxpu_553";
-const headline_cta = "_headline_cta_epxpu_569";
-const site_lists = "_site_lists_epxpu_599";
-const hamburger = "_hamburger_epxpu_669";
-const mobile_only = "_mobile_only_epxpu_697";
-const mobile_logo = "_mobile_logo_epxpu_709";
-const highlight = "_highlight_epxpu_719";
-const mobile_nav = "_mobile_nav_epxpu_791";
-const mobile_opened = "_mobile_opened_epxpu_813";
-const mobile_nav_item = "_mobile_nav_item_epxpu_829";
-const has_dropdown = "_has_dropdown_epxpu_859";
-const icon_wrap = "_icon_wrap_epxpu_901";
-const mobile_footer = "_mobile_footer_epxpu_911";
-const mobile_footer_content = "_mobile_footer_content_epxpu_921";
-const mobile_footer_media = "_mobile_footer_media_epxpu_951";
-const footer_cta = "_footer_cta_epxpu_963";
-const inner_wrapper = "_inner_wrapper_epxpu_1019";
-const btn = "_btn_epxpu_1029";
-const sub_menu = "_sub_menu_epxpu_1039";
-const main = "_main_epxpu_49";
-const dd_footer = "_dd_footer_epxpu_1089";
-const desktop_only = "_desktop_only_epxpu_1127";
+const header = "_header_9w33l_1";
+const wrapper = "_wrapper_9w33l_5";
+const header_main_row = "_header_main_row_9w33l_10";
+const mobile_header = "_mobile_header_9w33l_11";
+const logo_wrap = "_logo_wrap_9w33l_17";
+const primary_links = "_primary_links_9w33l_21";
+const main_nav_link = "_main_nav_link_9w33l_25";
+const sub_nav_link = "_sub_nav_link_9w33l_57";
+const signin_wrap = "_signin_wrap_9w33l_59";
+const signin_btn = "_signin_btn_9w33l_60";
+const header_sub_row = "_header_sub_row_9w33l_98";
+const signin_dropdown = "_signin_dropdown_9w33l_118";
+const shadow = "_shadow_9w33l_128";
+const signin_header = "_signin_header_9w33l_136";
+const signin_subheader = "_signin_subheader_9w33l_143";
+const opacity = "_opacity_9w33l_165";
+const fadeInDown = "_fadeInDown_9w33l_1";
+const footer = "_footer_9w33l_171";
+const open = "_open_9w33l_187";
+const dd_wrapper = "_dd_wrapper_9w33l_199";
+const dd_media = "_dd_media_9w33l_204";
+const dd_media_img = "_dd_media_img_9w33l_209";
+const dd_site_navs = "_dd_site_navs_9w33l_213";
+const dd_media_header = "_dd_media_header_9w33l_220";
+const mt_8 = "_mt_8_9w33l_229";
+const mt_16 = "_mt_16_9w33l_233";
+const ml_8 = "_ml_8_9w33l_237";
+const dd_media_cta = "_dd_media_cta_9w33l_241";
+const reversed_row = "_reversed_row_9w33l_255";
+const headline = "_headline_9w33l_271";
+const nav_anchor = "_nav_anchor_9w33l_277";
+const headline_cta = "_headline_cta_9w33l_285";
+const site_lists = "_site_lists_9w33l_300";
+const hamburger = "_hamburger_9w33l_335";
+const mobile_only = "_mobile_only_9w33l_349";
+const mobile_logo = "_mobile_logo_9w33l_355";
+const highlight = "_highlight_9w33l_360";
+const mobile_nav = "_mobile_nav_9w33l_396";
+const mobile_opened = "_mobile_opened_9w33l_407";
+const mobile_nav_item = "_mobile_nav_item_9w33l_415";
+const has_dropdown = "_has_dropdown_9w33l_430";
+const icon_wrap = "_icon_wrap_9w33l_451";
+const mobile_footer = "_mobile_footer_9w33l_456";
+const mobile_footer_content = "_mobile_footer_content_9w33l_461";
+const mobile_footer_media = "_mobile_footer_media_9w33l_476";
+const footer_cta = "_footer_cta_9w33l_482";
+const inner_wrapper = "_inner_wrapper_9w33l_510";
+const btn = "_btn_9w33l_515";
+const sub_menu = "_sub_menu_9w33l_520";
+const main = "_main_9w33l_25";
+const dd_footer = "_dd_footer_9w33l_545";
+const desktop_only = "_desktop_only_9w33l_564";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js

@@ -1,4 +1,4 @@
-import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.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                                       */

package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js

@@ -1,4 +1,4 @@
-import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/Typography/Typography.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                                       */

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

@@ -1,56 +1,56 @@
-import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';const header = "_header_1rlwu_1";
-const wrapper = "_wrapper_1rlwu_9";
-const main_nav = "_main_nav_1rlwu_19";
-const header_main_row = "_header_main_row_1rlwu_33";
-const mobile_header = "_mobile_header_1rlwu_35";
-const logo_wrap = "_logo_wrap_1rlwu_59";
-const primary_links = "_primary_links_1rlwu_67";
-const main_nav_link = "_main_nav_link_1rlwu_75";
-const sub_nav_link = "_sub_nav_link_1rlwu_139";
-const signin_wrap = "_signin_wrap_1rlwu_143";
-const signin_btn = "_signin_btn_1rlwu_145";
-const header_sub_row = "_header_sub_row_1rlwu_219";
-const signin_dropdown = "_signin_dropdown_1rlwu_259";
-const shadow = "_shadow_1rlwu_279";
-const signin_header = "_signin_header_1rlwu_295";
-const signin_subheader = "_signin_subheader_1rlwu_309";
-const opacity = "_opacity_1rlwu_353";
-const fadeInDown = "_fadeInDown_1rlwu_1";
-const footer = "_footer_1rlwu_365";
-const open = "_open_1rlwu_397";
-const dd_wrapper = "_dd_wrapper_1rlwu_421";
-const dd_media = "_dd_media_1rlwu_431";
-const dd_media_img = "_dd_media_img_1rlwu_441";
-const dd_site_navs = "_dd_site_navs_1rlwu_449";
-const dd_media_header = "_dd_media_header_1rlwu_463";
-const mt_8 = "_mt_8_1rlwu_481";
-const mt_16 = "_mt_16_1rlwu_489";
-const ml_8 = "_ml_8_1rlwu_497";
-const dd_media_cta = "_dd_media_cta_1rlwu_505";
-const reversed_row = "_reversed_row_1rlwu_533";
-const headline = "_headline_1rlwu_565";
-const nav_anchor = "_nav_anchor_1rlwu_577";
-const headline_cta = "_headline_cta_1rlwu_593";
-const site_lists = "_site_lists_1rlwu_623";
-const hamburger = "_hamburger_1rlwu_693";
-const mobile_only = "_mobile_only_1rlwu_721";
-const mobile_logo = "_mobile_logo_1rlwu_733";
-const highlight = "_highlight_1rlwu_743";
-const mobile_nav = "_mobile_nav_1rlwu_815";
-const mobile_opened = "_mobile_opened_1rlwu_837";
-const mobile_nav_item = "_mobile_nav_item_1rlwu_853";
-const has_dropdown = "_has_dropdown_1rlwu_883";
-const icon_wrap = "_icon_wrap_1rlwu_925";
-const mobile_footer = "_mobile_footer_1rlwu_935";
-const mobile_footer_content = "_mobile_footer_content_1rlwu_945";
-const mobile_footer_media = "_mobile_footer_media_1rlwu_975";
-const footer_cta = "_footer_cta_1rlwu_987";
-const inner_wrapper = "_inner_wrapper_1rlwu_1045";
-const btn = "_btn_1rlwu_1055";
-const sub_menu = "_sub_menu_1rlwu_1067";
-const main = "_main_1rlwu_19";
-const dd_footer = "_dd_footer_1rlwu_1117";
-const desktop_only = "_desktop_only_1rlwu_1157";
+const header = "_header_yenuk_1";
+const wrapper = "_wrapper_yenuk_5";
+const main_nav = "_main_nav_yenuk_10";
+const header_main_row = "_header_main_row_yenuk_17";
+const mobile_header = "_mobile_header_yenuk_18";
+const logo_wrap = "_logo_wrap_yenuk_30";
+const primary_links = "_primary_links_yenuk_34";
+const main_nav_link = "_main_nav_link_yenuk_38";
+const sub_nav_link = "_sub_nav_link_yenuk_70";
+const signin_wrap = "_signin_wrap_yenuk_72";
+const signin_btn = "_signin_btn_yenuk_73";
+const header_sub_row = "_header_sub_row_yenuk_110";
+const signin_dropdown = "_signin_dropdown_yenuk_130";
+const shadow = "_shadow_yenuk_140";
+const signin_header = "_signin_header_yenuk_148";
+const signin_subheader = "_signin_subheader_yenuk_155";
+const opacity = "_opacity_yenuk_177";
+const fadeInDown = "_fadeInDown_yenuk_1";
+const footer = "_footer_yenuk_183";
+const open = "_open_yenuk_199";
+const dd_wrapper = "_dd_wrapper_yenuk_211";
+const dd_media = "_dd_media_yenuk_216";
+const dd_media_img = "_dd_media_img_yenuk_221";
+const dd_site_navs = "_dd_site_navs_yenuk_225";
+const dd_media_header = "_dd_media_header_yenuk_232";
+const mt_8 = "_mt_8_yenuk_241";
+const mt_16 = "_mt_16_yenuk_245";
+const ml_8 = "_ml_8_yenuk_249";
+const dd_media_cta = "_dd_media_cta_yenuk_253";
+const reversed_row = "_reversed_row_yenuk_267";
+const headline = "_headline_yenuk_283";
+const nav_anchor = "_nav_anchor_yenuk_289";
+const headline_cta = "_headline_cta_yenuk_297";
+const site_lists = "_site_lists_yenuk_312";
+const hamburger = "_hamburger_yenuk_347";
+const mobile_only = "_mobile_only_yenuk_361";
+const mobile_logo = "_mobile_logo_yenuk_367";
+const highlight = "_highlight_yenuk_372";
+const mobile_nav = "_mobile_nav_yenuk_408";
+const mobile_opened = "_mobile_opened_yenuk_419";
+const mobile_nav_item = "_mobile_nav_item_yenuk_427";
+const has_dropdown = "_has_dropdown_yenuk_442";
+const icon_wrap = "_icon_wrap_yenuk_463";
+const mobile_footer = "_mobile_footer_yenuk_468";
+const mobile_footer_content = "_mobile_footer_content_yenuk_473";
+const mobile_footer_media = "_mobile_footer_media_yenuk_488";
+const footer_cta = "_footer_cta_yenuk_494";
+const inner_wrapper = "_inner_wrapper_yenuk_523";
+const btn = "_btn_yenuk_528";
+const sub_menu = "_sub_menu_yenuk_534";
+const main = "_main_yenuk_10";
+const dd_footer = "_dd_footer_yenuk_559";
+const desktop_only = "_desktop_only_yenuk_579";
 const styles = {
   header,
   wrapper,

package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js

@@ -1,4 +1,4 @@
-import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.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                                       */

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,109 @@
+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 clsx from "clsx";
+import { Sign_in_btn, signin_subheader } from "./NavBar.css.js";
+import styles from "./NavBar.module.js";
+const DropwdownButton = ({ item }) => {
+  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: 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: subSubItem?.url, children: subSubItem?.label })
+              },
+              subSubItem?.id
+            ) : null
+          ) })
+        ] }, subItem?.id);
+      }),
+      /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
+          children: footerItems.map(
+            (subItem) => subItem ? /* @__PURE__ */ jsx("a", { href: subItem?.url, children: subItem?.label }, subItem.id) : null
+          )
+        },
+        "footer-items"
+      )
+    ];
+  };
+  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;

package/dist/NavigationMenu/AxosBank/Menu.js

@@ -0,0 +1,119 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import Link from "next/link.js";
+import { forwardRef } from "react";
+import styles from "./NavBar.module.js";
+import { dd_media } from "./SubNavbar.css.js";
+const Menu = forwardRef(
+  ({
+    id,
+    header,
+    headerOnHover,
+    description,
+    image,
+    bannerCta,
+    subNavItems,
+    helpUrl,
+    onDownKeyContainer: handleKeyDownContainer,
+    onMouseLeave: handleMouseLeave
+  }, containerRef) => {
+    const renderNavItems = Array.isArray(subNavItems) ? subNavItems.map((item) => /* @__PURE__ */ jsx(SubNavItem, { ...item }, item.id)) : [];
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(`${styles.dd_wrapper} ${styles.desktop_only}`),
+        role: "menu",
+        onMouseLeave: handleMouseLeave,
+        ref: containerRef,
+        tabIndex: 0,
+        onKeyDown: (event) => handleKeyDownContainer(event, id ?? ""),
+        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} ${dd_media} w_auto text_center`,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
+                  /* @__PURE__ */ jsx("p", { role: "heading", children: header }),
+                  /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: description })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_img}`, children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: image.src,
+                    alt: image.alt,
+                    width: image.width,
+                    height: image.height
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_cta}`, children: Array.isArray(bannerCta) && bannerCta?.map(
+                  (cta, index) => /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      href: cta.url ?? "",
+                      "aria-label": cta.ariaLabel,
+                      className: clsx(
+                        "text_center",
+                        index === 0 && "bg_white"
+                      ),
+                      children: cta.label
+                    },
+                    cta.id
+                  )
+                  // null
+                ) })
+              ]
+            }
+          ),
+          /* @__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("span", { role: "heading", children: headerOnHover }),
+                  /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
+                    /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
+                        alt: "",
+                        width: 20,
+                        height: 20
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx(
+                      Link,
+                      {
+                        href: helpUrl ?? "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/support",
+                        children: "Help & Support"
+                      }
+                    ) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("hr", {}),
+                /* @__PURE__ */ jsx("div", { className: `${styles.site_lists} flex_row`, children: renderNavItems })
+              ]
+            }
+          )
+        ] }) })
+      }
+    );
+  }
+);
+const SubNavItem = ({ icon, label, url, items }) => {
+  const renderItems = items?.map((item) => {
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.label }) }, item.id);
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
+    /* @__PURE__ */ jsx("img", { src: icon, alt: "", width: 20, height: 20 }),
+    /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: url ?? "", role: "heading", children: label }) }),
+      renderItems
+    ] })
+  ] });
+};
+export {
+  Menu,
+  SubNavItem
+};

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

@@ -1,2 +1,13 @@
-declare const MobileDrawerMenu: () => import("react/jsx-runtime").JSX.Element;
+import { Navigation } from '../../utils';
+
+export interface MenuLink {
+    url: string;
+    ariaLabel: string;
+}
+export interface MenuTree {
+    [label: string]: MenuLink | MenuTree;
+}
+declare const MobileDrawerMenu: ({ menu }: {
+    menu: Navigation;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MobileDrawerMenu;