@axos-web-dev/shared-components 0.0.92 → 0.0.94

package/dist/Input/InputDate.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const InputDate = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  InputDate
+};

package/dist/Input/InputPhone.js

@@ -3,11 +3,12 @@ import { InputMask } from "@react-input/mask";
 import { forwardRef } from "react";
 import "./Checkbox.js";
 import "./CurrencyInput.js";
-import "./Dropdown.js";
+import "./Input.css.js";
 /* empty css                                          */
+/* empty css                              */
+import "./Dropdown.js";
 /* empty css                            */
 import { Input } from "./Input.js";
-import "./Input.css.js";
 import "./InputTextArea.js";
 const InputPhone = forwardRef(
   (props, ref) => {

package/dist/Input/InputProps.d.ts

@@ -36,3 +36,9 @@ export interface RadioButtonProps extends InputProps {
     value: string | number;
     groupName: string;
 }
+export interface DatepickerInputProps extends InputProps {
+    month?: string;
+    selected?: string;
+    show?: boolean;
+    onDateChange: (day: string) => void;
+}

package/dist/Input/index.d.ts

@@ -1,9 +1,12 @@
 export * from './Checkbox';
 export * from './CurrencyInput';
+export * from './Datepicker';
+export * from './DatePicker.css';
 export * from './Dropdown';
 export * from './Dropdown.css';
 export * from './Input';
 export * from './Input.css';
+export * from './InputDate';
 export * from './InputPhone';
 export * from './InputProps';
 export * from './InputTextArea';

package/dist/Input/index.js

@@ -1,19 +1,25 @@
 import { Checkbox } from "./Checkbox.js";
 import { CurrencyInput } from "./CurrencyInput.js";
+import { DatePickerInput } from "./Datepicker.js";
+import { datePicker } from "./DatePicker.css.js";
 import { Dropdown } from "./Dropdown.js";
 import { selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
+import { InputDate } from "./InputDate.js";
 import { InputPhone } from "./InputPhone.js";
 import { InputTextArea } from "./InputTextArea.js";
 export {
   Checkbox,
   CurrencyInput,
+  DatePickerInput,
   Dropdown,
   Input,
+  InputDate,
   InputPhone,
   InputTextArea,
   container,
+  datePicker,
   helperText,
   iconContainer,
   iconContainerBase,

package/dist/Interstitial/Interstitial-variants.css.d.ts

@@ -8,3 +8,5 @@ export declare const int_headline: import('@vanilla-extract/recipes').RuntimeFn<
         };
     };
 }>;
+export declare const marketing_tile: string;
+export declare const interstitial_list: string;

package/dist/Interstitial/Interstitial-variants.css.js

@@ -1,9 +1,13 @@
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
-/* empty css                                          */
 /* empty css                                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var int_headline = createRuntimeFn({ defaultClassName: "ep91dm0", variantClassNames: { variant: { primary: "ep91dm1", secondary: "ep91dm2" } }, defaultVariants: {}, compoundVariants: [] });
+var marketing_tile = "ep91dm3";
+var interstitial_list = "ep91dm4";
 export {
-  int_headline
+  int_headline,
+  interstitial_list,
+  marketing_tile
 };

package/dist/Interstitial/Interstitial.d.ts

@@ -1,16 +1,18 @@
+import { BulletItemProps } from '../BulletItem';
 import { ChevronProps } from '../Chevron/Chevron.interface';
 import { ImageInterface } from '../IconBillboard';
 import { SecondaryTypes } from '../utils/variant.types';
 import { FC, ReactNode } from 'react';
 
 export interface interstitialProps {
-    id: string;
+    id?: string;
     variant?: SecondaryTypes;
     image?: ImageInterface;
-    callToActionRow?: boolean | ChevronProps[];
+    callToActionRow?: ChevronProps[];
     headline?: string | ReactNode;
     bodyCopy?: string | ReactNode;
     isOpen?: boolean;
     onClose?: () => void;
+    bullets: BulletItemProps[];
 }
-export declare const Modal: FC<interstitialProps>;
+export declare const Interstitial: FC<interstitialProps>;

package/dist/Interstitial/Interstitial.js

@@ -1,13 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import { int_headline } from "./Interstitial-variants.css.js";
+import { marketing_tile, int_headline, interstitial_list } from "./Interstitial-variants.css.js";
 import css from "./Interstitial.module.js";
-const Modal = ({
+const Interstitial = ({
   id,
   image,
   headline,
@@ -15,13 +16,15 @@ const Modal = ({
   variant: fullVariant = "primary",
   callToActionRow,
   isOpen,
-  onClose
+  onClose,
+  bullets
 }) => {
   const variant = getVariant(fullVariant);
+  console.log(callToActionRow, "calltoactions rowwww");
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `${css.overlay} ${isOpen ? "active" : ""}`,
+      className: `${marketing_tile} ${css.overlay} ${isOpen ? "active" : ""} interstitial`,
       id: `modal_${id}`,
       children: /* @__PURE__ */ jsxs(
         "div",
@@ -52,6 +55,28 @@ const Modal = ({
             /* @__PURE__ */ jsxs("div", { className: `${css.modal_content} text_center`, children: [
               headline && /* @__PURE__ */ jsx("h2", { className: `header_3 ${int_headline({ variant })}`, children: headline }),
               bodyCopy && /* @__PURE__ */ jsx("div", { className: css.body_copy, children: bodyCopy }),
+              bullets && bullets.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: interstitial_list, children: bullets.map(
+                (item) => Object.hasOwn(item, "variant") ? /* @__PURE__ */ jsx(
+                  BulletItem,
+                  {
+                    id: item.id,
+                    variant: item?.variant,
+                    children: item.copy
+                  },
+                  item.id
+                ) : /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                  /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: item.icon?.src,
+                      alt: item.icon?.altText,
+                      width: 18,
+                      height: 18
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { children: item.copy })
+                ] }, item.id)
+              ) }) }),
               Array.isArray(callToActionRow) && callToActionRow?.length > 0 && /* @__PURE__ */ jsx("div", { className: css.btns, children: callToActionRow.map(
                 ({
                   id: id2,
@@ -87,5 +112,5 @@ const Modal = ({
   );
 };
 export {
-  Modal
+  Interstitial
 };

package/dist/Modal/Modal.js

@@ -1,14 +1,19 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { chevron } from "../Chevron/Chevron.css.js";
-import { Button } from "../Button/Button.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
-import "../IconBillboard/IconBillboard.css.js";
 import "react";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import { Button } from "../Button/Button.js";
+import "../IconBillboard/IconBillboard.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -19,11 +24,12 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Dropdown.js";
+import "../Input/Input.css.js";
 /* empty css                                          */
+/* empty css                                     */
+import "../Input/Dropdown.js";
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -35,17 +41,13 @@ import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../AlertBanner/AlertBanner.css.js";
-import "../Article/Article.css.js";
-import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 import "next/image.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";

package/dist/NavigationMenu/AxosAdvisorServices/NavData.js

@@ -1,5 +1,4 @@
 const navItems = [
-  { name: "Home", url: "/" },
   { name: "Scale Your Business", url: "/scale-your-business" },
   { name: "Serve Your Clients", url: "/serve-your-clients" },
   { name: "Optimize Operations", url: "/optimize-operations" },

package/dist/NavigationMenu/AxosAdvisorServices/index.js

@@ -15,7 +15,6 @@ function NavBar() {
   const [isOpenSignInToggle, setisOpenSignInToggle] = useState(false);
   const [isOpenMobile, setisOpenMobile] = useState(false);
   const [activeIndex, setActiveIndex] = useState();
-  const [lastNavItem, setLastNavItem] = useState();
   const ref = useRef(null);
   const toggle = () => setisOpenSignIn(!isOpenSignIn);
   const signInToggle = () => setisOpenSignInToggle(!isOpenSignInToggle);
@@ -37,9 +36,6 @@ function NavBar() {
   useEffect(() => {
     getActiveIndex();
   }, [activeIndex]);
-  useEffect(() => {
-    setLastNavItem(navItems[navItems.length - 1]);
-  }, []);
   useClickAway(ref, (e) => {
     if (e?.target?.tagName !== "A") {
       setisOpenSignIn(false);
@@ -65,7 +61,7 @@ function NavBar() {
           }
         ) }),
         /* @__PURE__ */ jsx("div", { className: styles.primary_links, children: /* @__PURE__ */ jsx("ul", { className: "list_unstyled flex_row middle", role: "menu", children: navItems.map(
-          (item, i, arr) => arr.length - 1 !== i && /* @__PURE__ */ jsx(
+          (item, i) => /* @__PURE__ */ jsx(
             NavItem,
             {
               className: styles.main_nav_link,
@@ -127,18 +123,6 @@ function NavBar() {
           className: `${styles.desktop_only} flex_row middle relative`,
           ref,
           children: [
-            lastNavItem && /* @__PURE__ */ jsx(
-              NavItem,
-              {
-                url: lastNavItem.url,
-                name: lastNavItem.name,
-                className: `link list_unstyled ${styles.main_nav_link} ${styles.highlight}`,
-                isActive: activeIndex == navItems.length,
-                onClick: handleClick,
-                index: navItems.length
-              },
-              navItems.length + 1
-            ),
             /* @__PURE__ */ jsxs(
               Button,
               {

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -1,31 +1,40 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../Modal/contextApi/store.js";
-import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
-import "clsx";
-import { useState, useEffect } from "react";
-import "../../Button/Button.css.js";
+import "../../Accordion/Accordion.js";
+import "../../Accordion/Accordion.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                      */
 /* empty css                                                       */
 /* empty css                                                   */
+import { useState, useEffect } from "react";
 import "../../Chevron/Chevron.css.js";
+import "../../AlertBanner/AlertBanner.css.js";
+import "../../Article/Article.css.js";
+import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
+/* empty css                                             */
+/* empty css                                             */
+import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
+import "../../Button/Button.css.js";
+import "react-use";
+import "../../Interstitial/Interstitial-variants.css.js";
+/* empty css                                   */
+import "../../Modal/contextApi/store.js";
+import "clsx";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "react-use";
 import "../../Table/Table.css.js";
 import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
+import "../../Input/Input.css.js";
+/* empty css                                        */
 import "../../Input/Dropdown.js";
-/* empty css                                             */
 /* empty css                                      */
 import "../../Input/Input.js";
-import "../../Input/Input.css.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "react-hook-form";
@@ -37,17 +46,12 @@ import "iframe-resizer";
 import "../../Calculators/calculator.css.js";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                                 */
 /* empty css                                             */
 import Image from "next/image.js";
-/* empty css                                             */
 /* empty css                                                       */
 import "../../Carousel/index.js";
+import "../../Hyperlink/Hyperlink.css.js";
 /* empty css                                                                       */
 import "../../Comparison/Comparison.css.js";
 import "../../HeroBanner/HeroBanner.css.js";
@@ -63,9 +67,7 @@ import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                            */
 import "../../ImageBillboard/ImageBillboard.css.js";
-import "../../Interstitial/Interstitial-variants.css.js";
 import "../../LandingPageHeader/LandingPageHeader.css.js";
-/* empty css                                   */
 /* empty css                                       */
 /* empty css                                          */
 /* empty css                                               */

package/dist/SetContainer/SetContainer.js

@@ -1,10 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../Modal/contextApi/store.js";
-import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
-import "react";
-import "../Button/Button.css.js";
-import "react-use";
+import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -13,19 +8,29 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
-import { header_section } from "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+/* empty css                                          */
+import { getVariant } from "../utils/getVariant.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "react";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import clsx from "clsx";
 import "../Table/Table.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
+import "../Input/Input.css.js";
+/* empty css                                     */
 import "../Input/Dropdown.js";
-/* empty css                                          */
 /* empty css                                   */
 import "../Input/Input.js";
-import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";
@@ -37,17 +42,12 @@ import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../AlertBanner/AlertBanner.css.js";
-import "../Article/Article.css.js";
-import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 import "next/image.js";
-/* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
+import "../Hyperlink/Hyperlink.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import { set_container, isolate_container, heading, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
@@ -61,10 +61,11 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
-import "../Interstitial/Interstitial-variants.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
+import "../Modal/contextApi/store.js";
+import "react-use";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
@@ -84,6 +85,7 @@ import "../StepItemSet/StepItemSet.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
+import "../Interstitial/Interstitial-variants.css.js";
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 const SetContainer = ({

package/dist/Table/Table.d.ts

@@ -9,14 +9,14 @@ export declare const TableBody: ({ children }: PropsWithChildren) => import("rea
 export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
     className: string;
     manifest?: string | undefined;
-    amp?: string | undefined;
+    amp?: string;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
@@ -55,37 +55,37 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     inert?: boolean | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -100,9 +100,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

package/dist/assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css

@@ -22,8 +22,21 @@
   height: 50px;
   border-radius: 8px;
   margin-top: .5rem;
+  text-align-last: center;
 }
 ._10pitvc7 {
+  color: var(--_1073cm82);
+}
+._10pitvc8 {
+  color: var(--_1073cm89);
+}
+._10pitvc9 {
+  color: var(--_1073cm8g);
+}
+._10pitvca {
+  color: var(--_1073cm8n);
+}
+._10pitvcb {
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -31,10 +44,10 @@
   font-size: 2.5rem;
   font-weight: 700;
 }
-._10pitvc8 {
+._10pitvcc {
   padding: 2rem;
 }
-._10pitvc9 {
+._10pitvcd {
   align-items: flex-start;
 }
 ._10pitvc5 input {
@@ -47,15 +60,15 @@ select {
   background: url(https://images.axos.com/o9ov1v03uwqk/4ayjjdIkEzQsfmhKbPeNaE/636b57923fbdac891d48f78ca06ffeb6/image_1_-_2024-06-27T142052.191.png) no-repeat 95%;
   background-color: #fff;
 }
-._10pitvca {
+._10pitvce {
   font-weight: 700;
   font-size: 24px;
   color: #666;
 }
-._10pitvcb {
+._10pitvcf {
   color: #d0021b;
 }
-._10pitvcc {
+._10pitvcg {
   font-size: 34px!important;
   line-height: 1.25;
 }
@@ -64,7 +77,7 @@ select {
     width: 100%;
     margin-bottom: 1rem;
   }
-  ._10pitvc9 {
+  ._10pitvcd {
     align-items: center;
     flex-direction: column;
   }