@axos-web-dev/shared-components 0.0.82 → 0.0.83

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

@@ -0,0 +1,35 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                             */
+/* empty css                                       */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var container = createRuntimeFn({ defaultClassName: "_7zr6kt0", variantClassNames: { variant: { primary: "_7zr6kt1", secondary: "_7zr6kt2", tertiary: "_7zr6kt3", quaternary: "_7zr6kt4" } }, defaultVariants: {}, compoundVariants: [] });
+var calc_block = "_7zr6kt5";
+var text_block = "_7zr6kt6";
+var slider_block_wrapper = "_7zr6kt7";
+var calc_container = "_7zr6kt8";
+var fb50 = "_7zr6kt9";
+var stat = "_7zr6kta";
+var w100 = "_7zr6ktb";
+var balance_wrapper = "_7zr6ktc";
+var stat_row = "_7zr6ktd";
+var slider_wrapper = "_7zr6kte";
+var slider = "_7zr6ktf";
+var pt0_1023 = "_7zr6ktg";
+var pb0_1023 = "_7zr6kth";
+export {
+  balance_wrapper,
+  calc_block,
+  calc_container,
+  container,
+  fb50,
+  pb0_1023,
+  pt0_1023,
+  slider,
+  slider_block_wrapper,
+  slider_wrapper,
+  stat,
+  stat_row,
+  text_block,
+  w100
+};

package/dist/{AnnualFeeCalculator → Calculators/AnnualFeeCalculator}/index.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
+import { IconBillboardProps } from '../../IconBillboard/IconBillboard.interface';
 
 export interface AnnualFeeCalculatorProps {
     header?: ReactNode | string;

package/dist/{AnnualFeeCalculator → Calculators/AnnualFeeCalculator}/index.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
-import { Button } from "../Button/Button.js";
-import { Chevron } from "../Chevron/index.js";
-import { getVariant } from "../utils/getVariant.js";
-import { title } from "../IconBillboard/IconBillboard.css.js";
+import { Button } from "../../Button/Button.js";
+import { Chevron } from "../../Chevron/index.js";
+import { getVariant } from "../../utils/getVariant.js";
+import { title } from "../../IconBillboard/IconBillboard.css.js";
 const AnnualFeeCalculator = ({
   marketingTiles,
   variant

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

@@ -0,0 +1,50 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                                 */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var container = createRuntimeFn({ defaultClassName: "_1vox1xj0", variantClassNames: { variant: { primary: "_1vox1xj1", secondary: "_1vox1xj2", tertiary: "_1vox1xj3", quaternary: "_1vox1xj4" } }, defaultVariants: {}, compoundVariants: [] });
+var apy_calculator = "_1vox1xj5";
+var calculator_section = "_1vox1xj6";
+var section_header = "_1vox1xj7";
+var apy_calculator_form = "_1vox1xj8";
+var errorTag = "_1vox1xj9";
+var fieldset = "_1vox1xja";
+var field_row = "_1vox1xjb";
+var relative = "_1vox1xjc";
+var label_symbol = "_1vox1xjd";
+var cash = "_1vox1xje";
+var percent = "_1vox1xjf";
+var prefix_pad = "_1vox1xjg";
+var submit_section = "_1vox1xjh";
+var span_12 = "_1vox1xji";
+var form_disclosure = "_1vox1xjj";
+var marketing = "_1vox1xjk";
+var marketingTile = "_1vox1xjl";
+var bodyContent = "_1vox1xjm";
+var header_theme = createRuntimeFn({ defaultClassName: "_1vox1xjn", variantClassNames: { variant: { primary: "_1vox1xjo", secondary: "_1vox1xjp", tertiary: "_1vox1xjq", quaternary: "_1vox1xjr" } }, defaultVariants: {}, compoundVariants: [] });
+var mt_8 = "_1vox1xjs";
+var pis_0 = "_1vox1xjt";
+export {
+  apy_calculator,
+  apy_calculator_form,
+  bodyContent,
+  calculator_section,
+  cash,
+  container,
+  errorTag,
+  field_row,
+  fieldset,
+  form_disclosure,
+  header_theme,
+  label_symbol,
+  marketing,
+  marketingTile,
+  mt_8,
+  percent,
+  pis_0,
+  prefix_pad,
+  relative,
+  section_header,
+  span_12,
+  submit_section
+};

package/dist/{ApyCalculator → Calculators/ApyCalculator}/index.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
-import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
-import { QuaternaryTypes } from '../utils';
+import { IconBillboardProps } from '../../IconBillboard/IconBillboard.interface';
+import { QuaternaryTypes } from '../../utils';
 
 export interface ApyCalculatorProps {
     header?: ReactNode | string;

package/dist/{ApyCalculator → Calculators/ApyCalculator}/index.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { button } from "../Button/Button.css.js";
+import { button } from "../../Button/Button.css.js";
 import { useState, useCallback, useEffect } from "react";
 import { container, apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent } from "./ApyCalculator.css.js";
-import { Button } from "../Button/Button.js";
+import { Button } from "../../Button/Button.js";
 import "react-use";
-import { getVariant } from "../utils/getVariant.js";
-import { Chevron } from "../Chevron/index.js";
-import { section_container, content, headerIconBillboard, buttons } from "../IconBillboard/IconBillboard.css.js";
+import { getVariant } from "../../utils/getVariant.js";
+import { Chevron } from "../../Chevron/index.js";
+import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 const ApyCalculator = ({
   header,
   body,

package/dist/Calculators/Calculator.d.ts

@@ -1,5 +1,5 @@
-import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 import { default as React } from 'react';
+import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 
 export interface CalculatorProps {
     id?: string;

package/dist/Calculators/Calculator.js

@@ -1,8 +1,5 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ATMLocator } from "../ATMLocator/ATMLocator.js";
-import { AnnualFeeCalculator } from "../AnnualFeeCalculator/index.js";
-import { ApyCalculator } from "../ApyCalculator/index.js";
 import "@hookform/resolvers/zod";
 import "../Modal/contextApi/store.js";
 import { getVariant } from "../utils/getVariant.js";
@@ -30,6 +27,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 import "react-hook-form";
 import { iconForm } from "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import { ATMLocator } from "../ATMLocator/ATMLocator.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../Chevron/Chevron.css.js";
@@ -41,6 +39,10 @@ import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import { calculator_headline, calculator_description } from "./calculator.css.js";
+import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
+import { ApyCalculator } from "./ApyCalculator/index.js";
+import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
+import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -81,9 +83,9 @@ import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 import "../Input/RadioButton.js";
-import { MonthlyPaymentCalculator } from "../MonthlyPaymentCalculator/index.js";
 import { iframeResizer } from "iframe-resizer";
 import { calculators } from "./calculators.js";
+import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
 const Calculator = (props) => {
   const {
     id,
@@ -104,8 +106,7 @@ const Calculator = (props) => {
   const variant = getVariant(props.variant);
   if (name?.toLowerCase()?.includes("atm locator")) {
     return /* @__PURE__ */ jsx(ATMLocator, {});
-  }
-  if (name === "APY Calculator") {
+  } else if (name === "APY") {
     return /* @__PURE__ */ jsx(
       ApyCalculator,
       {
@@ -116,7 +117,7 @@ const Calculator = (props) => {
         disclosure
       }
     );
-  } else if (name === "Monthly Payment Calculator") {
+  } else if (name === "Monthly Payment") {
     return /* @__PURE__ */ jsx(
       MonthlyPaymentCalculator,
       {
@@ -125,7 +126,9 @@ const Calculator = (props) => {
         variant
       }
     );
-  } else if (name === "Annual Fee Calculator") {
+  } else if (name === "Max Loan") {
+    return /* @__PURE__ */ jsx(MaxLoanCalculator, { header: headline, body: bodyCopy, variant });
+  } else if (name === "Annual Fee") {
     return /* @__PURE__ */ jsx(
       AnnualFeeCalculator,
       {
@@ -135,40 +138,51 @@ const Calculator = (props) => {
         variant
       }
     );
+  } else if (name === "Margin Trading") {
+    return /* @__PURE__ */ jsx(
+      MarginTradingCalculator,
+      {
+        marketingTiles,
+        variant
+      }
+    );
   } else
-    return /* @__PURE__ */ jsx("section", { id, className: "", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
-        /* @__PURE__ */ jsx(
-          "h2",
+    return /* @__PURE__ */ jsxs("section", { id, children: [
+      /* @__PURE__ */ jsx("h1", { children: "Iframe Calculator" }),
+      /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+          /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: clsx(
+                "header_2 text_center",
+                calculator_headline({ variant })
+              ),
+              children: headline
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: bodyCopy })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "calc section-narrow", children: /* @__PURE__ */ jsx(
+          "iframe",
           {
-            className: clsx(
-              "header_2 text_center",
-              calculator_headline({ variant })
-            ),
-            children: headline
+            ref,
+            style: {
+              width: "100%",
+              maxWidth: "100%",
+              minHeight: "clamp(1100px, 200vh)"
+            },
+            scrolling: "no",
+            frameBorder: "0",
+            className: "iframe-calculator",
+            allow: "from",
+            src: iframe?.src
           }
-        ),
-        /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: bodyCopy })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "calc section-narrow", children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          ref,
-          style: {
-            width: "100%",
-            maxWidth: "100%",
-            minHeight: "clamp(1100px, 200vh)"
-          },
-          scrolling: "no",
-          frameBorder: "0",
-          className: "iframe-calculator",
-          allow: "from",
-          src: iframe?.src
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
-    ] }) });
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: clsx(calculator_description({ variant })), children: disclosure })
+      ] })
+    ] });
 };
 export {
   Calculator

package/dist/Calculators/MarginTradingCalculator/MarginTradingCalculator.css.d.ts

@@ -0,0 +1,26 @@
+export declare const w100: string;
+export declare const w50: string;
+export declare const g24: string;
+export declare const fb50: string;
+export declare const fs36: string;
+export declare const green: string;
+export declare const bb_gray: string;
+export declare const mx1: string;
+export declare const table: string;
+export declare const tc: string;
+export declare const btl: string;
+export declare const btr: string;
+export declare const bbl: string;
+export declare const bbr: string;
+export declare const bb0: string;
+export declare const btml: string;
+export declare const bbml: string;
+export declare const savingsSummary: string;
+export declare const h50: string;
+export declare const w25: string;
+export declare const fc1023: string;
+export declare const mtc: string;
+export declare const r603_fs24: string;
+export declare const r502_fs12: string;
+export declare const r400_fs: string;
+export declare const px40: string;

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

@@ -0,0 +1,55 @@
+/* empty css                                           */
+var w100 = "_1mgfcbj0";
+var w50 = "_1mgfcbj1";
+var g24 = "_1mgfcbj2";
+var fb50 = "_1mgfcbj3";
+var fs36 = "_1mgfcbj4";
+var green = "_1mgfcbj5";
+var bb_gray = "_1mgfcbj6";
+var mx1 = "_1mgfcbj7";
+var table = "_1mgfcbj8";
+var tc = "_1mgfcbj9";
+var btl = "_1mgfcbja";
+var btr = "_1mgfcbjb";
+var bbl = "_1mgfcbjc";
+var bbr = "_1mgfcbjd";
+var bb0 = "_1mgfcbje";
+var btml = "_1mgfcbjf";
+var bbml = "_1mgfcbjg";
+var savingsSummary = "_1mgfcbjh";
+var h50 = "_1mgfcbji";
+var w25 = "_1mgfcbjj";
+var fc1023 = "_1mgfcbjk";
+var mtc = "_1mgfcbjl";
+var r603_fs24 = "_1mgfcbjm";
+var r502_fs12 = "_1mgfcbjn";
+var r400_fs = "_1mgfcbjo";
+var px40 = "_1mgfcbjp";
+export {
+  bb0,
+  bb_gray,
+  bbl,
+  bbml,
+  bbr,
+  btl,
+  btml,
+  btr,
+  fb50,
+  fc1023,
+  fs36,
+  g24,
+  green,
+  h50,
+  mtc,
+  mx1,
+  px40,
+  r400_fs,
+  r502_fs12,
+  r603_fs24,
+  savingsSummary,
+  table,
+  tc,
+  w100,
+  w25,
+  w50
+};

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

@@ -0,0 +1,9 @@
+import { IconBillboardProps } from '../../IconBillboard/IconBillboard.interface';
+import { QuaternaryTypes } from '../../utils';
+import { FC } from 'react';
+
+export interface MarginCalculatorProps {
+    marketingTiles?: IconBillboardProps[];
+    variant: QuaternaryTypes;
+}
+export declare const MarginTradingCalculator: FC<MarginCalculatorProps>;