@axos-web-dev/shared-components 0.0.233 → 1.0.1

package/dist/ATMLocator/ATMLocator.js

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

@@ -4,39 +4,39 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
     width: {
         "1/2": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "50%";
         };
         "1/3": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "33.333333333333336%";
         };
         "2/3": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "66.66666666666667%";
         };
         "1/4": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "25%";
         };
         "3/4": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "75%";
         };
         "1/5": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "20%";
         };
         "2/5": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "40%";
         };
         "3/5": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "60%";
         };
         "4/5": {
             display: "flex";
-            flexBasis: `${number}%`;
+            flexBasis: "80%";
         };
     };
 }>;

package/dist/Button/Button.js

@@ -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/Calculator.js

@@ -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/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 @@
+/* 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";
+/* 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_table_container, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, 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/index.d.ts

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

package/dist/Calculators/index.js

@@ -8,6 +8,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";
 export {
   AnnualFeeCalculator,
   ApyCalculator,
@@ -18,6 +19,7 @@ export {
   MaxLoanCalculator,
   MonthlyPaymentCalculator,
   MonthlyPaymentLVFCalculator,
+  SummitApyCalculator,
   calculator,
   calculator_description,
   calculator_headline

package/dist/Carousel/index.js

@@ -60,6 +60,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/Chevron/index.js

@@ -59,6 +59,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/Comparison/Comparison.css.js

@@ -1,12 +1,12 @@
 /* empty css                                */
-/* empty css                                          */
-/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                              */
 /* empty css                                              */
 /* empty css                                                    */
 /* empty css                                                */
+/* empty css                                */
+/* empty css                                          */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var comparison = createRuntimeFn({ defaultClassName: "_198o0lt0", variantClassNames: { variant: { primary: "_198o0lt1", secondary: "_198o0lt2", tertiary: "_198o0lt3", quaternary: "_198o0lt4" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Comparison/Comparison.js

@@ -56,6 +56,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/ExecutiveBio/ExecutiveBio.js

@@ -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/FaqAccordion/index.js

@@ -58,6 +58,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/FooterSiteMap/AxosBank/FooterSiteMap.css.js

@@ -1,7 +1,7 @@
-/* empty css                                             */
 /* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
+/* empty css                                             */
 /* empty css                                 */
 var footer_section = "_1r5w2ux0";
 var footer_wrapper = "_1r5w2ux1";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -55,6 +55,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/Forms/ApplyNow.js

@@ -59,6 +59,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/Forms/ContactUsBusiness.js

@@ -59,6 +59,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/Forms/ContactUsNMLSId.js

@@ -59,6 +59,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/Forms/CraPublicFile.js

@@ -59,6 +59,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/Forms/EmailOnly.js

@@ -60,6 +60,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/Forms/Forms.css.js

@@ -1,9 +1,9 @@
 /* empty css                                   */
 /* empty css                                */
-/* empty css                                          */
-/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
+/* empty css                                */
+/* empty css                                          */
 /* empty css                                   */
 /* empty css                                      */
 /* empty css                         */

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -59,6 +59,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/Forms/MortgageRate/MortgageRateWatch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RateWatchInputs = {
     updateType: "Target Rate" | "Frequency";
     updateCadence: "Daily" | "Weekly" | "Monthly";

package/dist/Forms/MortgageRate/MortgageRateWatch.js

@@ -56,6 +56,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/Forms/SalesforceFieldsForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as z from "zod";
 export interface SalesforceFields {
     brand: string;

package/dist/Forms/SuccesForm.js

@@ -30,6 +30,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/HeroBanner/HeroBanner.css.js

@@ -1,8 +1,8 @@
-/* empty css                                   */
 /* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
+/* empty css                                   */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var logout = "_1ye8k3f0";

package/dist/Hyperlink/index.js

@@ -56,6 +56,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/ImageBillboard/ImageBillboard.css.js

@@ -1,8 +1,8 @@
-/* empty css                                              */
 /* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
+/* empty css                                              */
 /* empty css                                  */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var billboard = createRuntimeFn({ defaultClassName: "_1m7m2a0", variantClassNames: { variant: { primary: "_1m7m2a1", secondary: "_1m7m2a2", tertiary: "_1m7m2a3", quaternary: "_1m7m2a4" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/ImageLink/ImageLink.js

@@ -53,6 +53,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                                                    */