@axos-web-dev/shared-components 1.0.36 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (230) hide show
  1. package/dist/ATMLocator/ATMLocator.js +2 -1
  2. package/dist/Accordion/Accordion.css.d.ts +1 -1
  3. package/dist/Accordion/Accordion.css.js +1 -1
  4. package/dist/Accordion/Accordion.js +2 -2
  5. package/dist/AlertBanner/AlertBanner.css.js +1 -1
  6. package/dist/AlertBanner/index.js +1 -1
  7. package/dist/Article/Article.css.d.ts +41 -41
  8. package/dist/Article/Article.css.js +1 -1
  9. package/dist/ArticlesSet/ArticlesSet.css.d.ts +16 -16
  10. package/dist/ArticlesSet/ArticlesSet.css.js +1 -1
  11. package/dist/Auth/Logout.js +1 -1
  12. package/dist/Auth/SignIn.css.js +1 -1
  13. package/dist/Auth/SignInPassword.js +1 -1
  14. package/dist/Avatar/Avatar.module.js +1 -1
  15. package/dist/AwardsBanner/AwardsBanner.css.js +1 -1
  16. package/dist/AwardsItem/AwardsItem.css.js +1 -1
  17. package/dist/Blockquote/Blockquote.module.js +1 -1
  18. package/dist/BulletItem/BulletItem.css.js +1 -1
  19. package/dist/BulletItem/BulletItem.js +1 -1
  20. package/dist/Button/Button.css.d.ts +18 -18
  21. package/dist/Button/Button.css.js +1 -1
  22. package/dist/Button/Button.js +2 -1
  23. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.d.ts +12 -12
  24. package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js +1 -1
  25. package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts +14 -14
  26. package/dist/Calculators/ApyCalculator/ApyCalculator.css.js +1 -1
  27. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  28. package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js +1 -1
  29. package/dist/Calculators/AxosOneCalculator/index.js +2 -2
  30. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts +22 -22
  31. package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js +1 -1
  32. package/dist/Calculators/BalanceAPYCalculator/index.js +2 -2
  33. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.d.ts +18 -18
  34. package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js +1 -1
  35. package/dist/Calculators/BuyDownCalculator/index.js +2 -2
  36. package/dist/Calculators/Calculator.js +2 -1
  37. package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js +1 -1
  38. package/dist/Calculators/MarginTradingCalculator/index.js +2 -2
  39. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  40. package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js +1 -1
  41. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.d.ts +12 -12
  42. package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js +1 -1
  43. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +8 -8
  44. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +1 -1
  45. package/dist/Calculators/SummitApyCalculator/index.js +2 -2
  46. package/dist/Calculators/calculator.css.d.ts +12 -12
  47. package/dist/Calculators/calculator.css.js +1 -1
  48. package/dist/CallToActionBar/CallToActionBar.css.js +1 -1
  49. package/dist/CallToActionBar/index.js +1 -1
  50. package/dist/Carousel/Carousel.css.d.ts +20 -20
  51. package/dist/Carousel/Carousel.css.js +1 -1
  52. package/dist/Carousel/index.js +3 -2
  53. package/dist/Chevron/Chevron.css.d.ts +6 -6
  54. package/dist/Chevron/Chevron.css.js +1 -1
  55. package/dist/Chevron/index.js +3 -2
  56. package/dist/CollectInformationAlert/CollectInformationAlert.css.js +1 -1
  57. package/dist/CollectInformationAlert/index.js +1 -1
  58. package/dist/Comparison/Comparison.css.d.ts +10 -10
  59. package/dist/Comparison/Comparison.css.js +1 -1
  60. package/dist/Comparison/Comparison.js +3 -2
  61. package/dist/Comparison/ComparisonSet.js +1 -1
  62. package/dist/ContentBanner/ContentBanner.css.d.ts +12 -12
  63. package/dist/ContentBanner/ContentBanner.css.js +1 -1
  64. package/dist/DownloadTile/DownloadTile.css.js +1 -1
  65. package/dist/ExecutiveBio/ExecutiveBio.css.d.ts +31 -31
  66. package/dist/ExecutiveBio/ExecutiveBio.css.js +1 -1
  67. package/dist/ExecutiveBio/ExecutiveBio.js +2 -1
  68. package/dist/FaqAccordion/FaqAccordion.css.js +1 -1
  69. package/dist/FaqAccordion/index.js +3 -2
  70. package/dist/FdicCallout/FdicCallout.module.js +1 -1
  71. package/dist/FooterDisclosure/FooterDisclosure.css.js +1 -1
  72. package/dist/FooterDisclosure/LVF/LaVictorieFooter.css.js +1 -1
  73. package/dist/FooterDisclosure/LVF/LaVictorieFooter.js +2 -2
  74. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +1 -1
  75. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  76. package/dist/Forms/ApplicationStart.js +10 -3
  77. package/dist/Forms/ApplyNow.js +3 -2
  78. package/dist/Forms/ClearingForm.js +10 -3
  79. package/dist/Forms/CommercialDeposits.js +9 -2
  80. package/dist/Forms/CommercialLending.js +10 -3
  81. package/dist/Forms/ContactCompany.js +10 -3
  82. package/dist/Forms/ContactCompanyTitle.js +10 -3
  83. package/dist/Forms/ContactUs.js +10 -3
  84. package/dist/Forms/ContactUsAAS.js +10 -5
  85. package/dist/Forms/ContactUsBusiness.js +11 -3
  86. package/dist/Forms/ContactUsLVF.js +10 -3
  87. package/dist/Forms/ContactUsNMLSId.js +11 -3
  88. package/dist/Forms/CpraRequest.js +12 -5
  89. package/dist/Forms/CraPublicFile.js +11 -3
  90. package/dist/Forms/DealerServices.js +10 -3
  91. package/dist/Forms/EmailOnly.js +3 -2
  92. package/dist/Forms/EmailUs.js +2 -2
  93. package/dist/Forms/Forms.css.d.ts +42 -42
  94. package/dist/Forms/Forms.css.js +1 -1
  95. package/dist/Forms/MortgageRate/MortgageRateForm.js +3 -2
  96. package/dist/Forms/MortgageRate/MortgageRateQuoteFilters.js +1 -1
  97. package/dist/Forms/MortgageRate/MortgageRateWatch.js +2 -1
  98. package/dist/Forms/QuickPricer/QuickPricerForm.js +3 -3
  99. package/dist/Forms/QuickPricer/QuickPricerResults.css.js +1 -1
  100. package/dist/Forms/QuickPricer/UserInformation.css.js +1 -1
  101. package/dist/Forms/ScheduleCall.js +10 -3
  102. package/dist/Forms/ScheduleCallPremier.js +10 -3
  103. package/dist/Forms/SuccesForm.js +3 -2
  104. package/dist/Forms/VendorQuestionnaire.js +1 -1
  105. package/dist/Forms/WcplSurvey.js +10 -3
  106. package/dist/HelpArticle/HelpArticle.css.js +1 -1
  107. package/dist/HeroBanner/HeroBanner.css.d.ts +16 -16
  108. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  109. package/dist/HeroBanner/HeroBanner.js +1 -1
  110. package/dist/HeroBanner/LargeBanner.css.d.ts +20 -20
  111. package/dist/HeroBanner/LargeBanner.css.js +1 -1
  112. package/dist/HeroBanner/SelectionBanner.css.d.ts +8 -8
  113. package/dist/HeroBanner/SelectionBanner.css.js +1 -1
  114. package/dist/Hyperlink/Hyperlink.css.js +1 -1
  115. package/dist/Hyperlink/index.js +2 -1
  116. package/dist/IconBillboard/IconBillboard.css.d.ts +24 -24
  117. package/dist/IconBillboard/IconBillboard.css.js +1 -1
  118. package/dist/IconBillboard/IconBillboard.js +1 -1
  119. package/dist/ImageBillboard/ImageBillboard.css.d.ts +20 -20
  120. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  121. package/dist/ImageBillboard/ImageBillboard.js +1 -1
  122. package/dist/ImageBillboard/ImageBillboardSet.js +2 -2
  123. package/dist/ImageLink/ImageLink.css.js +1 -1
  124. package/dist/ImageLink/ImageLink.js +2 -1
  125. package/dist/ImageLink/ImageLinkSet.js +2 -1
  126. package/dist/ImageLink/index.js +2 -1
  127. package/dist/Input/Checkbox.css.js +1 -1
  128. package/dist/Input/Dropdown.css.js +1 -1
  129. package/dist/Input/Input.css.d.ts +16 -16
  130. package/dist/Input/Input.css.js +1 -1
  131. package/dist/Input/RadioButton.css.js +1 -1
  132. package/dist/Inputs/Input.css.d.ts +14 -14
  133. package/dist/Inputs/Input.css.js +1 -1
  134. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  135. package/dist/Insight/Featured/CategorySelector.js +4 -3
  136. package/dist/Insight/Featured/Featured.css.js +1 -1
  137. package/dist/Insight/Featured/Featured.js +3 -2
  138. package/dist/Insight/Featured/Header.css.js +1 -1
  139. package/dist/Insight/Featured/Header.js +3 -2
  140. package/dist/Insight/Insight.css.js +1 -1
  141. package/dist/Interstitial/Interstitial-variants.css.d.ts +2 -2
  142. package/dist/Interstitial/Interstitial-variants.css.js +1 -1
  143. package/dist/Interstitial/Interstitial.module.js +1 -1
  144. package/dist/LandingPageHeader/LandingPageHeader.css.d.ts +3 -3
  145. package/dist/LandingPageHeader/LandingPageHeader.css.js +1 -1
  146. package/dist/LandingPageHeader/LandingPageHeader.js +1 -1
  147. package/dist/LoadingIndicator/LoadingIndicator.css.js +1 -1
  148. package/dist/Modal/Modal.css.js +1 -1
  149. package/dist/Modal/Modal.js +2 -1
  150. package/dist/Modal/contextApi/store.js +1 -1
  151. package/dist/NavigationMenu/AxosALTS/NavBar.css.js +1 -1
  152. package/dist/NavigationMenu/AxosALTS/NavBar.module.js +1 -1
  153. package/dist/NavigationMenu/AxosALTS/NavData.js +2 -1
  154. package/dist/NavigationMenu/AxosALTS/index.js +2 -1
  155. package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js +1 -1
  156. package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js +1 -1
  157. package/dist/NavigationMenu/AxosAdvisor/SubNavbar.css.js +1 -1
  158. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.css.js +1 -1
  159. package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js +1 -1
  160. package/dist/NavigationMenu/AxosAdvisorServices/SubNavbar.css.js +1 -1
  161. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.d.ts +2 -0
  162. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.js +326 -0
  163. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileMenu.module.js +50 -0
  164. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.d.ts +250 -0
  165. package/dist/NavigationMenu/AxosBank/MobileMenu/MobileNavData.js +627 -0
  166. package/dist/NavigationMenu/AxosBank/NavBar.css.js +1 -1
  167. package/dist/NavigationMenu/AxosBank/NavBar.module.js +39 -81
  168. package/dist/NavigationMenu/AxosBank/NavData.js +2 -1
  169. package/dist/NavigationMenu/AxosBank/SubNavBar.js +3 -2
  170. package/dist/NavigationMenu/AxosBank/SubNavbar.css.js +1 -1
  171. package/dist/NavigationMenu/AxosBank/index.js +81 -522
  172. package/dist/NavigationMenu/AxosClearing/NavBar.css.js +1 -1
  173. package/dist/NavigationMenu/AxosClearing/NavBar.module.js +1 -1
  174. package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js +1 -1
  175. package/dist/NavigationMenu/LaVictoire/NavBar.css.js +1 -1
  176. package/dist/NavigationMenu/LaVictoire/NavBar.module.js +1 -1
  177. package/dist/NavigationMenu/LaVictoire/NavData.js +2 -1
  178. package/dist/NavigationMenu/LaVictoire/index.js +2 -1
  179. package/dist/PageNavItem/PageNavItem.css.d.ts +2 -2
  180. package/dist/PageNavItem/PageNavItem.css.js +1 -1
  181. package/dist/PageNavSet/PageNavSet.js +1 -1
  182. package/dist/PageNavSet/PageNavigationSet.css.js +1 -1
  183. package/dist/Pagination/Pagination.css.js +1 -1
  184. package/dist/Pagination/Pagination.js +2 -2
  185. package/dist/SecondaryFooter/SecondaryFooter.css.js +1 -1
  186. package/dist/SecondaryFooter/index.js +1 -1
  187. package/dist/SetContainer/SetContainer.css.d.ts +16 -16
  188. package/dist/SetContainer/SetContainer.css.js +1 -1
  189. package/dist/SetContainer/SetContainer.js +3 -2
  190. package/dist/SocialMediaBar/SocialMediaBar.css.js +1 -1
  191. package/dist/SocialMediaBar/iconsRepository.js +2 -1
  192. package/dist/StepItem/StepItem.css.d.ts +18 -18
  193. package/dist/StepItem/StepItem.css.js +1 -1
  194. package/dist/StepItemSet/StepItemSet.css.d.ts +14 -14
  195. package/dist/StepItemSet/StepItemSet.css.js +1 -1
  196. package/dist/Tab/Tab.css.d.ts +12 -12
  197. package/dist/Tab/Tab.css.js +1 -1
  198. package/dist/Table/Table.css.d.ts +25 -25
  199. package/dist/Table/Table.css.js +1 -1
  200. package/dist/Table/Table.d.ts +2 -2
  201. package/dist/Table/Table.js +2 -2
  202. package/dist/TextBlock/TextBlock.css.js +1 -1
  203. package/dist/TextBlock/TextBlock.js +1 -1
  204. package/dist/Topic/Topic.css.js +1 -1
  205. package/dist/TopicalNavItem/TopicalNavItem.css.js +1 -1
  206. package/dist/TopicalNavSet/TopicalNavSet.css.js +1 -1
  207. package/dist/Typography/Typography.css.js +1 -1
  208. package/dist/VideoTile/VideoTile.css.js +1 -1
  209. package/dist/VideoTile/VideoTile.js +1 -1
  210. package/dist/VideoWrapper/VideoWrapper.css.js +1 -1
  211. package/dist/VideoWrapper/index.js +2 -1
  212. package/dist/WalnutIframe/wrapper.module.js +2 -2
  213. package/dist/assets/NavigationMenu/AxosBank/MobileMenu/MobileMenu.css.css +166 -0
  214. package/dist/assets/NavigationMenu/AxosBank/NavBar.css.css +473 -675
  215. package/dist/assets/WalnutIframe/wrapper.css.css +51 -51
  216. package/dist/globals.css.js +1 -1
  217. package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +3 -3
  218. package/dist/icons/ArrowIcon/ArrowIcon.css.js +1 -1
  219. package/dist/icons/CheckIcon/CheckIcon.css.d.ts +2 -2
  220. package/dist/icons/CheckIcon/CheckIcon.css.js +1 -1
  221. package/dist/icons/DownloadIcon/DownloadIcon.css.js +1 -1
  222. package/dist/icons/FollowIcon/FollowIcon.css.js +1 -1
  223. package/dist/icons/Star/Star.css.js +1 -1
  224. package/dist/index.css.js +1 -1
  225. package/dist/themes/axos.css.d.ts +38 -38
  226. package/dist/themes/axos.css.js +1 -1
  227. package/dist/themes/premier.css.js +1 -1
  228. package/dist/themes/victorie.css.js +1 -1
  229. package/dist/utils/optimizeImage/optimizeImage.module.js +1 -1
  230. package/package.json +131 -130
@@ -3,7 +3,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
3
3
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../../icons/CheckIcon/CheckIcon.css.js";
5
5
  import ClockIcon from "../../icons/Clock/index.js";
6
- /* empty css */
6
+ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.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/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/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/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
@@ -87,7 +87,7 @@ import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
87
87
  /* empty css */
88
88
  /* empty css */
89
89
  /* empty css */
90
- import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_hero, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
90
+ import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
91
91
  /* empty css */
92
92
  /* empty css */
93
93
  import "../../LandingPageHeader/LandingPageHeader.css.js";
@@ -100,6 +100,7 @@ import "next/navigation.js";
100
100
  import "../../NavigationMenu/AxosBank/NavData.js";
101
101
  import "next/link.js";
102
102
  /* empty css */
103
+ import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
103
104
  /* empty css */
104
105
  import "../../NavigationMenu/AxosALTS/NavData.js";
105
106
  /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/Insight/Featured/Header.css';/* empty css */
2
2
  var header_featured = "_19yqlq40";
3
3
  var breadcumbs_header_featured_section = "_19yqlq41";
4
4
  var breadcumb_link = "_19yqlq42";
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { title } from "../../IconBillboard/IconBillboard.css.js";
3
3
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
4
4
  import "../../icons/CheckIcon/CheckIcon.css.js";
5
- /* empty css */
5
+ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.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/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/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/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
@@ -96,6 +96,7 @@ import "next/navigation.js";
96
96
  import "../../NavigationMenu/AxosBank/NavData.js";
97
97
  import "next/link.js";
98
98
  /* empty css */
99
+ import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
99
100
  /* empty css */
100
101
  import "../../NavigationMenu/AxosALTS/NavData.js";
101
102
  /* empty css */
@@ -116,7 +117,7 @@ import "../../StepItemSet/StepItemSet.css.js";
116
117
  import "next/script.js";
117
118
  /* empty css */
118
119
  /* empty css */
119
- import { header_in_insight, header_featured, header_title_featured } from "./Header.css.js";
120
+ import { header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
120
121
  const BreadcumbHeader = (props) => {
121
122
  const { section, showTitle = true } = props;
122
123
  return /* @__PURE__ */ jsx(
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  var insight_header = "lchs2s0 gradient_text";
4
4
  var insight_header_2 = "lchs2s1 gradient_text";
@@ -1,10 +1,10 @@
1
1
  export declare const int_headline: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ color: `var(--${string})` | `var(--${string}, ${string})`;
5
5
  };
6
6
  secondary: {
7
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ color: `var(--${string})` | `var(--${string}, ${string})`;
8
8
  };
9
9
  };
10
10
  }>;
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/Interstitial/Interstitial-variants.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- const overlay = "_overlay_e4cra_24";
1
+ import '../assets/Interstitial/Interstitial.css.css';const overlay = "_overlay_e4cra_24";
2
2
  const modal = "_modal_e4cra_40";
3
3
  const vanish = "_vanish_e4cra_1";
4
4
  const appear = "_appear_e4cra_1";
@@ -1,13 +1,13 @@
1
1
  export declare const lp_theme: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ background: `var(--${string})` | `var(--${string}, ${string})`;
5
5
  };
6
6
  secondary: {
7
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ background: `var(--${string})` | `var(--${string}, ${string})`;
8
8
  };
9
9
  tertiary: {
10
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ background: `var(--${string})` | `var(--${string}, ${string})`;
11
11
  };
12
12
  };
13
13
  }>;
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/LandingPageHeader/LandingPageHeader.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import "../icons/ArrowIcon/ArrowIcon.css.js";
3
3
  import "../icons/CheckIcon/CheckIcon.css.js";
4
- /* empty css */
4
+ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
5
5
  /* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/LoadingIndicator/LoadingIndicator.css';/* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
3
  var loader = createRuntimeFn({ defaultClassName: "w7xgn41", variantClassNames: { variant: { primary: "w7xgn42", secondary: "w7xgn43", tertiary: "w7xgn44", quaternary: "w7xgn45" } }, defaultVariants: {}, compoundVariants: [] });
4
4
  export {
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../assets/Modal/Modal.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -4,7 +4,7 @@ import "../Accordion/Accordion.js";
4
4
  import "../Accordion/Accordion.css.js";
5
5
  import "../icons/ArrowIcon/ArrowIcon.css.js";
6
6
  import "../icons/CheckIcon/CheckIcon.css.js";
7
- /* empty css */
7
+ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/VideoTile/VideoTile.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/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/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/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
@@ -97,6 +97,7 @@ import "next/navigation.js";
97
97
  import "../NavigationMenu/AxosBank/NavData.js";
98
98
  import "next/link.js";
99
99
  /* empty css */
100
+ import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
100
101
  /* empty css */
101
102
  import "../NavigationMenu/AxosALTS/NavData.js";
102
103
  /* empty css */
@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { Modal } from "../Modal.js";
4
4
  import "../../utils/allowedAxosDomains.js";
5
5
  import { shortUrl } from "../../utils/validateExternalLinks.js";
6
- import { createContext, useState, useContext } from "react";
6
+ import { createContext, useContext, useState } from "react";
7
7
  const GlobalContext = createContext({
8
8
  targetLinkUrl: "",
9
9
  setTargetLinkUrl: () => "",
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- const alts_header = "_alts_header_1s4n2_1";
1
+ import '../../assets/NavigationMenu/AxosALTS/NavBar.css.css';const alts_header = "_alts_header_1s4n2_1";
2
2
  const alts_wrapper = "_alts_wrapper_1s4n2_5";
3
3
  const alts_header_main_row = "_alts_header_main_row_1s4n2_11";
4
4
  const alts_mobile_header = "_alts_mobile_header_1s4n2_12";
@@ -3,7 +3,7 @@ import "../../Accordion/Accordion.css.js";
3
3
  import "react/jsx-runtime";
4
4
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
5
5
  import "../../icons/CheckIcon/CheckIcon.css.js";
6
- /* empty css */
6
+ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.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/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/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/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
9
  /* empty css */
@@ -97,6 +97,7 @@ import "next/navigation.js";
97
97
  import "../AxosBank/NavData.js";
98
98
  import "next/link.js";
99
99
  /* empty css */
100
+ import "../AxosBank/MobileMenu/MobileNavData.js";
100
101
  /* empty css */
101
102
  /* empty css */
102
103
  /* empty css */
@@ -5,7 +5,7 @@ import "../../Accordion/Accordion.js";
5
5
  import "../../Accordion/Accordion.css.js";
6
6
  import "../../icons/ArrowIcon/ArrowIcon.css.js";
7
7
  import "../../icons/CheckIcon/CheckIcon.css.js";
8
- /* empty css */
8
+ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/VideoTile/VideoTile.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/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/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/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  /* empty css */
@@ -99,6 +99,7 @@ import "next/navigation.js";
99
99
  import "../AxosBank/NavData.js";
100
100
  import "next/link.js";
101
101
  /* empty css */
102
+ import "../AxosBank/MobileMenu/MobileNavData.js";
102
103
  /* empty css */
103
104
  /* empty css */
104
105
  import "../LaVictoire/NavData.js";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- const header = "_header_6da2u_1";
1
+ import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "_header_6da2u_1";
2
2
  const wrapper = "_wrapper_6da2u_5";
3
3
  const header_main_row = "_header_main_row_6da2u_10";
4
4
  const mobile_header = "_mobile_header_6da2u_11";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -1,4 +1,4 @@
1
- const header = "_header_ztj5i_1";
1
+ import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css.css';const header = "_header_ztj5i_1";
2
2
  const wrapper = "_wrapper_ztj5i_5";
3
3
  const main_nav = "_main_nav_ztj5i_10";
4
4
  const header_main_row = "_header_main_row_ztj5i_17";
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css */
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  /* empty css */
@@ -0,0 +1,2 @@
1
+ declare const MobileDrawerMenu: () => import("react/jsx-runtime").JSX.Element;
2
+ export default MobileDrawerMenu;
@@ -0,0 +1,326 @@
1
+ "use client";
2
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
+ import { useState, useRef, useEffect } from "react";
4
+ import { AnimatePresence, motion } from "framer-motion";
5
+ import { usePathname } from "next/navigation.js";
6
+ import Link from "next/link.js";
7
+ import { menuData, getQuickLinks } from "./MobileNavData.js";
8
+ import styles from "./MobileMenu.module.js";
9
+ const slideVariants = {
10
+ enter: (direction) => ({
11
+ x: direction === "forward" ? "100%" : "-100%",
12
+ opacity: 0,
13
+ position: "absolute"
14
+ }),
15
+ center: {
16
+ x: 0,
17
+ opacity: 1,
18
+ position: "relative",
19
+ transition: { duration: 0.3, ease: "easeInOut" }
20
+ },
21
+ exit: (direction) => ({
22
+ x: direction === "forward" ? "-100%" : "100%",
23
+ opacity: 0,
24
+ position: "absolute"
25
+ })
26
+ };
27
+ const MobileDrawerMenu = () => {
28
+ const pathname = usePathname();
29
+ const [open, setOpen] = useState(false);
30
+ const [stack, setStack] = useState([
31
+ { title: "Main Menu", items: menuData }
32
+ ]);
33
+ const [hasOpenedOnce, setHasOpenedOnce] = useState(false);
34
+ const [direction, setDirection] = useState("forward");
35
+ const [quickLinks, setQuickLinks] = useState([]);
36
+ const drawerRef = useRef(null);
37
+ const currentLevel = stack[stack.length - 1];
38
+ const prevLevel = stack[stack.length - 2];
39
+ useEffect(() => {
40
+ if (!pathname) return;
41
+ const pathnameParts = "/" + pathname.split("/")[1];
42
+ const links = getQuickLinks(pathnameParts);
43
+ setQuickLinks(links);
44
+ }, [pathname]);
45
+ const handleClick = (key) => {
46
+ const item = currentLevel.items[key];
47
+ if (typeof item === "object") {
48
+ setDirection("forward");
49
+ setStack((prev) => [...prev, { title: key, items: item }]);
50
+ }
51
+ };
52
+ const handleBack = () => {
53
+ if (stack.length > 1) {
54
+ setDirection("backward");
55
+ setStack((prev) => prev.slice(0, -1));
56
+ }
57
+ };
58
+ const handleToggle = () => {
59
+ setOpen((prev) => {
60
+ const isOpening = !prev;
61
+ if (isOpening && !hasOpenedOnce) {
62
+ setHasOpenedOnce(true);
63
+ setStack([{ title: "Menu", items: menuData }]);
64
+ }
65
+ return isOpening;
66
+ });
67
+ };
68
+ const handleOutsideClick = (e) => {
69
+ if (drawerRef.current && !drawerRef.current.contains(e.target)) {
70
+ setOpen(false);
71
+ }
72
+ };
73
+ useEffect(() => {
74
+ if (open) {
75
+ document.addEventListener("mousedown", handleOutsideClick);
76
+ } else {
77
+ document.removeEventListener("mousedown", handleOutsideClick);
78
+ }
79
+ return () => document.removeEventListener("mousedown", handleOutsideClick);
80
+ }, [open]);
81
+ useEffect(() => {
82
+ const onEsc = (e) => {
83
+ if (e.key === "Escape") setOpen(false);
84
+ };
85
+ if (open) {
86
+ document.addEventListener("keydown", onEsc);
87
+ }
88
+ return () => document.removeEventListener("keydown", onEsc);
89
+ }, [open]);
90
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
91
+ /* @__PURE__ */ jsx(
92
+ "button",
93
+ {
94
+ onClick: handleToggle,
95
+ className: `${styles.hamburger} flex_col`,
96
+ "aria-label": "open navigation menu",
97
+ children: /* @__PURE__ */ jsx(
98
+ "svg",
99
+ {
100
+ width: 24,
101
+ height: 24,
102
+ viewBox: "0 0 24 24",
103
+ fill: "none",
104
+ xmlns: "http://www.w3.org/2000/svg",
105
+ "aria-hidden": "true",
106
+ children: /* @__PURE__ */ jsx(
107
+ "path",
108
+ {
109
+ fillRule: "evenodd",
110
+ clipRule: "evenodd",
111
+ d: "M22.5 15.75V17.25H1.5V15.75H22.5ZM22.5 11.25V12.75H1.5V11.25H22.5ZM22.5 6.75V8.25H1.5V6.75H22.5Z",
112
+ fill: "#4A5560"
113
+ }
114
+ )
115
+ }
116
+ )
117
+ }
118
+ ),
119
+ /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(
120
+ motion.div,
121
+ {
122
+ className: styles.overlay,
123
+ initial: { opacity: 0 },
124
+ animate: { opacity: 1 },
125
+ exit: { opacity: 0 },
126
+ children: /* @__PURE__ */ jsxs(
127
+ motion.div,
128
+ {
129
+ className: `${styles.drawer} flex_col`,
130
+ ref: drawerRef,
131
+ initial: { x: "100%" },
132
+ animate: { x: 0 },
133
+ exit: { x: "100%" },
134
+ transition: { type: "tween", duration: 0.3 },
135
+ role: "dialog",
136
+ "aria-modal": "true",
137
+ "aria-labelledby": "menu-level",
138
+ children: [
139
+ /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
140
+ stack.length > 1 ? /* @__PURE__ */ jsxs(
141
+ "button",
142
+ {
143
+ onClick: handleBack,
144
+ className: styles.back,
145
+ "aria-label": "return to previous menu",
146
+ children: [
147
+ /* @__PURE__ */ jsx(
148
+ "svg",
149
+ {
150
+ width: 15,
151
+ height: 12,
152
+ viewBox: "0 0 20 12",
153
+ fill: "none",
154
+ xmlns: "http://www.w3.org/2000/svg",
155
+ style: { marginRight: 8, transform: "rotate(90deg)" },
156
+ children: /* @__PURE__ */ jsx(
157
+ "path",
158
+ {
159
+ d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
160
+ fill: "#2F5B88"
161
+ }
162
+ )
163
+ }
164
+ ),
165
+ /* @__PURE__ */ jsx("span", { className: styles.prevlevel, children: prevLevel.title === "Small Business Banking" ? "Small Business" : prevLevel.title })
166
+ ]
167
+ }
168
+ ) : /* @__PURE__ */ jsx(
169
+ "img",
170
+ {
171
+ src: "https://images.axos.com/o9ov1v03uwqk/1sBwCIn5mqOg5DK2uXDJPc/f8527abea284ef9e66826809761eca6d/axb_mobile_logo.png",
172
+ alt: "",
173
+ width: 86,
174
+ height: 19
175
+ }
176
+ ),
177
+ /* @__PURE__ */ jsx(
178
+ "button",
179
+ {
180
+ className: `${styles.close} flex_col`,
181
+ "aria-label": "close navigation menu",
182
+ onClick: handleToggle,
183
+ children: /* @__PURE__ */ jsx(
184
+ "svg",
185
+ {
186
+ xmlns: "http://www.w3.org/2000/svg",
187
+ width: "24",
188
+ height: "24",
189
+ viewBox: "0 0 24 24",
190
+ fill: "none",
191
+ "aria-hidden": "true",
192
+ children: /* @__PURE__ */ jsx(
193
+ "path",
194
+ {
195
+ 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",
196
+ fill: "#4A5560"
197
+ }
198
+ )
199
+ }
200
+ )
201
+ }
202
+ )
203
+ ] }),
204
+ /* @__PURE__ */ jsx("div", { className: styles.levelContainer, children: /* @__PURE__ */ jsxs("div", { className: "bg_white", children: [
205
+ /* @__PURE__ */ jsxs(
206
+ "span",
207
+ {
208
+ className: `${styles.level} flex middle`,
209
+ id: "menu-level",
210
+ "aria-label": "current menu level",
211
+ children: [
212
+ /* @__PURE__ */ jsx("h2", { className: styles.levelTitle, children: currentLevel.title }),
213
+ /* @__PURE__ */ jsx(
214
+ "svg",
215
+ {
216
+ width: 15,
217
+ height: 12,
218
+ viewBox: "0 0 20 12",
219
+ fill: "none",
220
+ xmlns: "http://www.w3.org/2000/svg",
221
+ style: { marginLeft: 12 },
222
+ children: /* @__PURE__ */ jsx(
223
+ "path",
224
+ {
225
+ d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
226
+ fill: "white"
227
+ }
228
+ )
229
+ }
230
+ )
231
+ ]
232
+ }
233
+ ),
234
+ /* @__PURE__ */ jsx(
235
+ AnimatePresence,
236
+ {
237
+ custom: direction,
238
+ mode: "sync",
239
+ initial: false,
240
+ children: /* @__PURE__ */ jsx(
241
+ motion.ul,
242
+ {
243
+ className: styles.menu,
244
+ custom: direction,
245
+ variants: slideVariants,
246
+ initial: "enter",
247
+ animate: "center",
248
+ exit: "exit",
249
+ transition: { duration: 0.3, ease: "linear" },
250
+ children: Object.entries(currentLevel.items).map(
251
+ ([key, value]) => {
252
+ const hasChildren = typeof value === "object";
253
+ return /* @__PURE__ */ jsx("li", { children: hasChildren ? /* @__PURE__ */ jsxs(
254
+ "button",
255
+ {
256
+ className: styles.menuItem,
257
+ onClick: () => handleClick(key),
258
+ children: [
259
+ /* @__PURE__ */ jsx("span", { children: key }),
260
+ /* @__PURE__ */ jsx("span", { className: styles.chevron, children: /* @__PURE__ */ jsx(
261
+ "svg",
262
+ {
263
+ className: styles.chevronIcon,
264
+ width: 12,
265
+ height: 20,
266
+ viewBox: "0 0 12 20",
267
+ fill: "none",
268
+ xmlns: "http://www.w3.org/2000/svg",
269
+ children: /* @__PURE__ */ jsx(
270
+ "path",
271
+ {
272
+ d: "M1.76378 0.46875L11.2941 9.99908L1.76378 19.5294L0.703125 18.4687L9.17295 9.99908L0.703125 1.52941L1.76378 0.46875Z",
273
+ fill: "#4A5560"
274
+ }
275
+ )
276
+ }
277
+ ) })
278
+ ]
279
+ }
280
+ ) : /* @__PURE__ */ jsx(
281
+ Link,
282
+ {
283
+ href: value,
284
+ className: styles.menuItem,
285
+ children: /* @__PURE__ */ jsx("span", { children: key })
286
+ }
287
+ ) }, key);
288
+ }
289
+ )
290
+ },
291
+ currentLevel.title
292
+ )
293
+ }
294
+ ),
295
+ /* @__PURE__ */ jsx("div", { className: `${styles.quickLinks} flex middle between`, children: quickLinks.map((link) => /* @__PURE__ */ jsxs(
296
+ Link,
297
+ {
298
+ href: link.url,
299
+ className: `${styles.quickLink} flex_col middle`,
300
+ children: [
301
+ /* @__PURE__ */ jsx(
302
+ "img",
303
+ {
304
+ src: link.icon,
305
+ alt: "",
306
+ height: 20,
307
+ width: 20,
308
+ loading: "lazy"
309
+ }
310
+ ),
311
+ /* @__PURE__ */ jsx("span", { children: link.title })
312
+ ]
313
+ },
314
+ link.title
315
+ )) })
316
+ ] }) })
317
+ ]
318
+ }
319
+ )
320
+ }
321
+ ) })
322
+ ] });
323
+ };
324
+ export {
325
+ MobileDrawerMenu as default
326
+ };