@axos-web-dev/shared-components 1.0.100-dev.1 → 1.0.100-dev.3

package/dist/ATMLocator/ATMLocator.js

@@ -4,7 +4,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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/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/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/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/Accordion/Accordion.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/Accordion/Accordion.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/Accordion/Accordion.js

@@ -6,12 +6,12 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-/* empty 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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
+import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

package/dist/AlertBanner/AlertBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                               */
+import '../assets/AlertBanner/AlertBanner.css';/* empty css                               */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var alertBanner = createRuntimeFn({ defaultClassName: "_1jmmqba0", variantClassNames: { variant: { Standard: "_1jmmqba1", Emergency: "_1jmmqba2" } }, defaultVariants: {}, compoundVariants: [] });
 var alertBanner_img_section = "_1jmmqba3";

package/dist/AlertBanner/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/Article/Article.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/Article/Article.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/ArticlesSet/ArticlesSet.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/ArticlesSet/ArticlesSet.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/Auth/ErrorAlert.css.js

@@ -1,4 +1,4 @@
-/* empty css                              */
+import '../assets/Auth/ErrorAlert.css';/* empty css                              */
 var error_alert = "a3pcaf0";
 var error_alert_content = "a3pcaf1";
 var separator = "a3pcaf2";

package/dist/Auth/ErrorAlert.js

@@ -17,7 +17,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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/Modal/Modal.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/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/Bubble.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/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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -50,7 +50,7 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-import { error_alert, error_alert_content, error_close_button, separator } from "./ErrorAlert.css.js";
+import { error_close_button, separator, error_alert_content, error_alert } from "./ErrorAlert.css.js";
 import "react-dom";
 /* empty css                          */
 import "./SignInPassword.js";

package/dist/Auth/Logout.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useFormState } from "react-dom";
 import { useForm } from "react-hook-form";
-import { sign_in_form, sign_in_button } from "./SignIn.css.js";
+import { sign_in_button, sign_in_form } from "./SignIn.css.js";
 const Logout = ({
   action
 }) => {

package/dist/Auth/SignIn.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Auth/SignIn.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                          */

package/dist/Auth/SignInPassword.js

@@ -10,7 +10,7 @@ import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 import { ErrorAlert } from "./ErrorAlert.js";
-import { sign_in_form, body_sign_in, form_input_wrapper, sign_in_button } from "./SignIn.css.js";
+import { body_sign_in, form_input_wrapper, sign_in_button, sign_in_form } from "./SignIn.css.js";
 const schema = z.object({
   username: z.string().min(1, { message: "username is required." }),
   password: z.string().min(1, { message: "Password is required." })

package/dist/Avatar/Avatar.module.js

@@ -1,4 +1,4 @@
-const avatar_sec = "_avatar_sec_1bnm9_1";
+import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_1bnm9_1";
 const container = "_container_1bnm9_5";
 const image = "_image_1bnm9_14";
 const text = "_text_1bnm9_23";

package/dist/AwardsBanner/AwardsBanner.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/AwardsBanner/AwardsBanner.css';/* empty css                                */
 var awards_section = "_1amgyqo0";
 var awards_row = "_1amgyqo1";
 export {

package/dist/AwardsItem/AwardsItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/AwardsItem/AwardsItem.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                              */
 var award_item = "_16tnqb20";
 var award_company = "_16tnqb21";

package/dist/Blockquote/Blockquote.module.js

@@ -1,4 +1,4 @@
-const quote_spacer = "_quote_spacer_1mzku_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1mzku_1";
 const author = "_author_1mzku_7";
 const quote = "_quote_1mzku_1";
 const css = {

package/dist/BulletItem/BulletItem.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                              */
 var bulletIcon = "d5iqlx0";
 export {

package/dist/BulletItem/BulletItem.js

@@ -3,7 +3,7 @@ import { listItem } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgCheckCircle from "../icons/CheckCircle.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/Button/Button.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/Button/Button.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/Button/Button.js

@@ -6,7 +6,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+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/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/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/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Calculators/ApyCalculator/ApyCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/ApyCalculator/ApyCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                 */

package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Calculators/AxosOneCalculator/index.js

@@ -8,7 +8,7 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../../icons/AxosX/index.js";
 import SvgComponent from "../../icons/AxosX/Blue.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { ax1_container, ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_table_container, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_calc_disclosure } from "./BalanceAPYCalculator.css.js";
+import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Calculators/BalanceAPYCalculator/index.js

@@ -8,7 +8,7 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../../icons/AxosX/index.js";
 import SvgComponent from "../../icons/AxosX/Blue.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { container, calc_icon, header_container, header_calc, calc_text, description_text, table_container, calculator_wrapper, input_container, input_label, d_label, m_label, calculator_input, calculator_button, max_balance, error_message, calc_disclosure } from "./BalanceAPYCalculator.css.js";
+import { calc_icon, header_container, header_calc, calc_text, description_text, calculator_wrapper, input_container, input_label, d_label, m_label, calculator_input, calculator_button, max_balance, error_message, table_container, calc_disclosure, container } from "./BalanceAPYCalculator.css.js";
 const BalanceAPYCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/BuyDownCalculator/BuyDownCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/BuyDownCalculator/BuyDownCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Calculators/BuyDownCalculator/index.js

@@ -23,7 +23,7 @@ import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
-import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, form_wrapper, row_form, limit_one, calculate_row, form_disclosure } from "./BuyDownCalculator.css.js";
+import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, limit_one, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
 const BuyDownCalculator = ({
   header,
   body,
@@ -344,7 +344,7 @@ const BuyDownCalculator = ({
   };
   const calculatePMT = (annualRate, totalPeriods, financedAmount2) => {
     const monthlyRate = annualRate / 100 / 12;
-    const payment = financedAmount2 * monthlyRate / (1 - Math.pow(1 + monthlyRate, -totalPeriods));
+    const payment = financedAmount2 * monthlyRate / (1 - Math.pow(1 + monthlyRate, -240));
     return payment;
   };
   const totalInterestByYear = (annualRate, totalPeriods, financedAmount2, years) => {

package/dist/Calculators/Calculator.js

@@ -7,7 +7,7 @@ import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
+import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/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/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/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */

package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                           */
+import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';/* empty css                                           */
 var w100 = "_1mgfcbj0";
 var w50 = "_1mgfcbj1";
 var g24 = "_1mgfcbj2";

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -74,8 +74,8 @@ const MarginTradingCalculator = ({
         4: { axs: 12.5, axe: 12, td: 12.125, et: 13.2 },
         5: { axs: 12, axe: 11.5, td: 12.075, et: 12.7 },
         6: { axs: 12, axe: 11.5, td: 12.75, et: 12.2 },
-        7: { axs: 11.5, axe: 11, td: "N/A", et: "N/A" },
-        8: { axs: 11, axe: 10.75, td: "N/A", et: "N/A" }
+        7: { axs: 11.5, axe: 11 },
+        8: { axs: 11, axe: 10.75 }
       };
       if (cashVal && secVal && axsCell && axeCell && tdCell && etCell && duration) {
         const totalValue = Number(cashVal.value) + Number(secVal.value);

package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                            */

package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                   */
+import '../../assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Calculators/SummitApyCalculator/index.js

@@ -8,7 +8,7 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../../icons/AxosX/index.js";
 import SvgComponent from "../../icons/AxosX/Blue.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_table_container, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, focus_row, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
+import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, focus_row, summit_table_container, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
 const SummitApyCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/calculator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                          */
+import '../assets/Calculators/calculator.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/CallToActionBar/CallToActionBar.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                   */

package/dist/CallToActionBar/index.js

@@ -8,7 +8,7 @@ import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { getBannerSizeClassName } from "../utils/ctaOptions.js";
-import { sticky_banner, is_sticky, cta, cta_image_section, cta_image_section_overlap, cta_image_overlap, cta_large_image, cta_body_section, cta_text, ctas_section } from "./CallToActionBar.css.js";
+import { sticky_banner, is_sticky, cta, cta_image_section, cta_image_section_overlap, cta_image_overlap, cta_large_image, cta_text, ctas_section, cta_body_section } from "./CallToActionBar.css.js";
 const CallToActionBar = ({
   bannerSize,
   image,

package/dist/Carousel/Carousel.css.js

@@ -1,4 +1,4 @@
-/* empty css                                */
+import '../assets/Carousel/Carousel.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                            */

package/dist/Carousel/index.js

@@ -6,7 +6,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { section_text } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty 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/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/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/Bubble.css';import '../assets/CallToActionBar/CallToActionBar.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/Modal/Modal.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                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -131,7 +131,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, carousel, slides, dots, dot } from "./Carousel.css.js";
+import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [

package/dist/Chatbot/Bubble.css.d.ts

@@ -1,3 +1,2 @@
 export declare const bubbleWrapper: string;
-export declare const bubbleCircle: string;
-export declare const closeIcon: string;
+export declare const svgFill: string;

package/dist/Chatbot/Bubble.css.js

@@ -1,9 +1,7 @@
-/* empty css                          */
+import '../assets/Chatbot/Bubble.css';/* empty css                          */
 var bubbleWrapper = "_7u9pv30";
-var bubbleCircle = "_7u9pv31";
-var closeIcon = "_7u9pv32";
+var svgFill = "_7u9pv31";
 export {
-  bubbleCircle,
   bubbleWrapper,
-  closeIcon
+  svgFill
 };

package/dist/Chatbot/Bubble.js

@@ -1,31 +1,97 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { bubbleWrapper, bubbleCircle, closeIcon } from "./Bubble.css.js";
+import { bubbleWrapper, svgFill } from "./Bubble.css.js";
 import { useOpenChat } from "./store/chat.js";
+import { AnimatePresence, motion } from "framer-motion";
 const Bubble = ({ children }) => {
   const isOpen = useOpenChat((state) => state.isOpen);
   const toggle = useOpenChat((state) => state.toggle);
-  return /* @__PURE__ */ jsxs("div", { className: clsx(bubbleWrapper), children: [
-    /* @__PURE__ */ jsx("div", { className: clsx("bubble-circle", bubbleCircle), onClick: toggle, children: !isOpen ? /* @__PURE__ */ jsx(
-      "img",
+  return /* @__PURE__ */ jsxs("div", { className: bubbleWrapper, onClick: toggle, children: [
+    /* @__PURE__ */ jsx("div", { className: "bubble-circle flex", children: /* @__PURE__ */ jsx(AnimatePresence, { children: !isOpen ? /* @__PURE__ */ jsxs(
+      motion.svg,
       {
-        alt: "Evo, Virtual Financial Assistant",
-        src: "data:image/png;base64,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"
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "39",
+        height: "39",
+        viewBox: "0 0 39 39",
+        fill: "none",
+        initial: { scale: 0.1, opacity: 0 },
+        animate: {
+          scale: 1,
+          opacity: 1,
+          transition: {
+            default: { type: "spring" },
+            opacity: { ease: [0, 0.71, 0.2, 1.01] }
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M3 7.5C3 5.01472 5.01472 3 7.5 3H22.5V0H7.5C3.35786 0 0 3.35786 0 7.5V16.5H3V7.5Z",
+              fill: "#98DDFF"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M13.5 30H12C8.68629 30 6 27.3137 6 24V12C6 8.68629 8.68629 6 12 6H33C36.3137 6 39 8.68629 39 12V24C39 27.3137 36.3137 30 33 30H26.25L18.6213 37.6287C16.7314 39.5186 13.5 38.1801 13.5 35.5074V30ZM16.5 35.5074V27H12C10.3431 27 9 25.6569 9 24V12C9 10.3431 10.3431 9 12 9H33C34.6569 9 36 10.3431 36 12V24C36 25.6569 34.6569 27 33 27H25.0074L16.5 35.5074Z",
+              fill: "#98DDFF"
+            }
+          )
+        ]
       }
-    ) : /* @__PURE__ */ jsx("span", { className: clsx("close-icon", closeIcon), children: /* @__PURE__ */ jsxs(
-      "svg",
+    ) : /* @__PURE__ */ jsx("span", { className: "close-icon", children: /* @__PURE__ */ jsxs(
+      motion.svg,
       {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
         viewBox: "0 0 24 24",
+        fill: "none",
+        initial: { opacity: 0, rotate: 0, scale: 0.1 },
+        animate: {
+          opacity: 1,
+          rotate: -360,
+          scale: 1,
+          transition: {
+            default: { type: "spring" },
+            opacity: { ease: "linear" },
+            scale: { ease: "linear" }
+          }
+        },
         children: [
-          /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }),
-          /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" })
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M23.7096 0.892655L23.1073 0.290383C22.7202 -0.0967942 22.0749 -0.0967942 21.6447 0.290383L13.6 8.33506L15.6649 10.4L23.7096 2.35533C24.0968 1.92513 24.0968 1.27983 23.7096 0.892655Z",
+              fill: "#98DDFF"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M2.44278 0.293744C2.04123 -0.0979148 1.37197 -0.0979148 0.925804 0.293744L0.301162 0.902989C-0.100387 1.29465 -0.100387 1.94742 0.301162 2.38259L10.1168 12L0.301162 21.6174C-0.100387 22.0091 -0.100387 22.6618 0.301162 23.097L0.925804 23.7063C1.32735 24.0979 1.99661 24.0979 2.44278 23.7063L14.4 12.0435L2.44278 0.293744Z",
+              fill: "#98DDFF"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              className: svgFill,
+              d: "M23.7096 23.1073L23.1073 23.7096C22.7202 24.0968 22.0749 24.0968 21.6447 23.7096L13.6 15.6649L15.6649 13.6L23.7096 21.6446C24.0968 22.0748 24.0968 22.7201 23.7096 23.1073Z",
+              fill: "#98DDFF"
+            }
+          )
         ]
       }
-    ) }) }),
+    ) }) }) }),
     children
   ] });
 };