@axos-web-dev/shared-components 0.0.232 → 0.0.234

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/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.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/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.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/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.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                                                    */
@@ -113,6 +113,7 @@ import "next/script.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 const ATMLocator = (props) => {
   const { id, bodyCopy, icon = false, disclosure, headline } = props;
   const variant = getVariant(props.variant);

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/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/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.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/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/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                                                    */
@@ -57,6 +57,7 @@ import "iframe-resizer";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
 /* empty css                                              */
 /* 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/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/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.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/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/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                                                    */
@@ -33,6 +33,7 @@ import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
 import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
 import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
 import { MonthlyPaymentLVFCalculator } from "./MonthlyPaymentLVFCalculator/index.js";
+import { SummitApyCalculator } from "./SummitApyCalculator/index.js";
 import { useRef, useEffect } from "react";
 /* empty css                                                    */
 import "../Carousel/index.js";
@@ -219,6 +220,17 @@ const Calculator = (props) => {
         icon
       }
     );
+  } else if (name === "APY Balance Summit Savings") {
+    return /* @__PURE__ */ jsx(
+      SummitApyCalculator,
+      {
+        headline,
+        bodyCopy,
+        variant,
+        disclosure,
+        icon
+      }
+    );
   } else
     return /* @__PURE__ */ jsx("section", { id, children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
       /* @__PURE__ */ jsxs("div", { children: [

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.d.ts

@@ -0,0 +1,45 @@
+export declare const summit_container: string;
+export declare const summit_table_container: string;
+export declare const summit_calculator_wrapper: string;
+export declare const summit_input_container: string;
+export declare const summit_input_label: string;
+export declare const summit_calculator_input: string;
+export declare const summit_d_label: string;
+export declare const summit_m_label: string;
+export declare const summit_calculator_button: string;
+export declare const summit_calc_icon: string;
+export declare const summit_header_container: string;
+export declare const summit_header_calc: string;
+export declare const summit_calc_text: string;
+export declare const summit_description_text: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const summit_calc_disclosure: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;

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

@@ -0,0 +1,38 @@
+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                                             */
+/* empty css                                        */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var summit_container = "_11oamgh0";
+var summit_table_container = "_11oamgh1";
+var summit_calculator_wrapper = "_11oamgh2";
+var summit_input_container = "_11oamgh3";
+var summit_input_label = "_11oamgh4";
+var summit_calculator_input = "_11oamgh5";
+var summit_d_label = "_11oamgh6";
+var summit_m_label = "_11oamgh7";
+var summit_calculator_button = "_11oamgh8";
+var summit_calc_icon = "_11oamgh9";
+var summit_header_container = "_11oamgha";
+var summit_header_calc = "_11oamghb";
+var summit_calc_text = "_11oamghc";
+var summit_description_text = createRuntimeFn({ defaultClassName: "_11oamghd", variantClassNames: { variant: { primary: "_11oamghe", secondary: "_11oamghf", tertiary: "_11oamghg", quaternary: "_11oamghh" } }, defaultVariants: {}, compoundVariants: [] });
+var summit_calc_disclosure = createRuntimeFn({ defaultClassName: "_11oamghi", variantClassNames: { variant: { primary: "_11oamghj", secondary: "_11oamghk", tertiary: "_11oamghl", quaternary: "_11oamghm" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  summit_calc_disclosure,
+  summit_calc_icon,
+  summit_calc_text,
+  summit_calculator_button,
+  summit_calculator_input,
+  summit_calculator_wrapper,
+  summit_container,
+  summit_d_label,
+  summit_description_text,
+  summit_header_calc,
+  summit_header_container,
+  summit_input_container,
+  summit_input_label,
+  summit_m_label,
+  summit_table_container
+};

package/dist/Calculators/SummitApyCalculator/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React, FC } from 'react';
+
+export interface SummitApyCalculatorProps {
+    headline?: React.ReactNode | string;
+    icon?: boolean;
+    bodyCopy?: React.ReactNode | string;
+    disclosure: React.ReactNode | string;
+    variant: string;
+}
+export declare const SummitApyCalculator: FC<SummitApyCalculatorProps>;

package/dist/Calculators/SummitApyCalculator/index.js

@@ -0,0 +1,195 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../Button/Button.js";
+import "../../Button/Button.css.js";
+import { useState } from "react";
+import "react-use";
+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";
+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 { Table, TableHead, TableRow, TableCell, TableBody } from "../../Table/Table.js";
+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_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, summit_table_container, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
+const SummitApyCalculator = ({
+  headline,
+  bodyCopy,
+  disclosure,
+  icon,
+  variant
+}) => {
+  const calc_variant = getVariant(variant);
+  const [balance, setBalance] = useState(1e4);
+  const [axbAPY, _setAxbAPY] = useState(4);
+  const [axbEarning, setAxbEarning] = useState(400);
+  const [capitalOneAPY, _setcapitalOneAPY] = useState(3.7);
+  const [capitalOneEarning, setcapitalOneEarning] = useState(370);
+  const [bofaAPY, _setBofaAPY] = useState(0.04);
+  const [bofaEarning, setBofaEarning] = useState(4);
+  const [chaseAPY, _setchaseAPY] = useState(0.01);
+  const [chaseEarning, setchaseEarning] = useState(1);
+  const removeNonNumeric = (value) => {
+    if (value === "") {
+      value = "0";
+    }
+    const removeNonNumericChars = value.replace(/\D/g, "");
+    const newValue = parseInt(removeNonNumericChars, 10);
+    setBalance(newValue);
+    return newValue;
+  };
+  const calculateBlance = (amount) => {
+    setAxbEarning(axbAPY / 100 * amount);
+    setcapitalOneEarning(capitalOneAPY / 100 * amount);
+    setBofaEarning(bofaAPY / 100 * amount);
+    setchaseEarning(chaseAPY / 100 * amount);
+  };
+  const onUpdateBalance = (e) => {
+    const text = e.target.value;
+    const amount = removeNonNumeric(text);
+    if (amount === 0) {
+      setBalance(0);
+    }
+  };
+  return /* @__PURE__ */ jsx("section", { className: summit_container, children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", summit_calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+    (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${summit_header_container} text_center`, children: [
+      headline && /* @__PURE__ */ jsx("h2", { className: clsx("header_2", summit_header_calc), children: headline }),
+      bodyCopy && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${summit_calc_text} ${summit_description_text({ variant: calc_variant })} text_center`,
+          children: bodyCopy
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: clsx(summit_table_container, "rounded"), children: [
+      /* @__PURE__ */ jsxs("div", { className: summit_calculator_wrapper, children: [
+        /* @__PURE__ */ jsxs("div", { className: summit_input_container, children: [
+          /* @__PURE__ */ jsxs("label", { htmlFor: "amount", className: summit_input_label, children: [
+            /* @__PURE__ */ jsx("span", { className: summit_d_label, children: "Savings Balance: $" }),
+            /* @__PURE__ */ jsx("span", { className: summit_m_label, children: "Balance: $" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: summit_calculator_input,
+              id: "amount",
+              step: 100,
+              name: "amount",
+              value: balance.toLocaleString(),
+              onChange: onUpdateBalance
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: summit_calculator_button,
+            size: "large",
+            action: () => calculateBlance(balance),
+            children: "Calculate"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Table,
+        {
+          style: { width: "100%", marginTop: "32px" },
+          variant: "primary",
+          tableType: "Rate",
+          children: [
+            /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+              /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
+                /* @__PURE__ */ jsx("div", { className: clsx(headerCell, summit_d_label), children: "Bank" }),
+                /* @__PURE__ */ jsx("div", { className: clsx(headerCell, summit_m_label), children: "Bank" })
+              ] }),
+              /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
+                /* @__PURE__ */ jsx("div", { className: clsx(headerCell, summit_d_label), children: "Annual Percentage Yield*" }),
+                /* @__PURE__ */ jsx("div", { className: clsx(headerCell, summit_m_label), children: "APY*" })
+              ] }),
+              /* @__PURE__ */ jsxs(TableCell, { as: "th", variant: "primary", children: [
+                /* @__PURE__ */ jsx("div", { className: clsx(headerCell, summit_d_label), children: "Annual Earnings" }),
+                /* @__PURE__ */ jsx("div", { className: clsx(headerCell, summit_m_label), children: "Earnings" })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxs(TableBody, { children: [
+              /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsx("b", { children: "Axos Bank" }) }),
+                /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
+                  axbAPY.toFixed(2),
+                  "%"
+                ] }) }),
+                /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
+                  "$",
+                  axbEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  "Capital One 360 Performance Savings",
+                  /* @__PURE__ */ jsx("sup", { children: "1" })
+                ] }),
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  capitalOneAPY.toFixed(2),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  "$",
+                  capitalOneEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  "Bank of America Advantage Savings",
+                  /* @__PURE__ */ jsx("sup", { children: "2" })
+                ] }),
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  bofaAPY.toFixed(2),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  "$",
+                  bofaEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  "Chase Savings",
+                  /* @__PURE__ */ jsx("sup", { children: "3" })
+                ] }),
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  chaseAPY.toFixed(2),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
+                  "$",
+                  chaseEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    disclosure && /* @__PURE__ */ jsx("div", { className: summit_calc_disclosure({ variant: calc_variant }), children: disclosure })
+  ] }) });
+};
+export {
+  SummitApyCalculator
+};

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/Calculators/index.d.ts

@@ -8,3 +8,4 @@ export * from './MarginTradingCalculator';
 export * from './MaxLoanCalculator';
 export * from './MonthlyPaymentCalculator';
 export * from './MonthlyPaymentLVFCalculator';
+export * from './SummitApyCalculator';