@axos-web-dev/shared-components 1.0.18 → 1.0.20

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect, createElement } from "react";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
@@ -15,8 +15,10 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                                */
 import { getVariant } from "../utils/getVariant.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
+import { useExitIntentModal } from "./ExitIntentModal/useExitIntentModal.js";
+import { ModalWrapper } from "./ExitIntentModal/ModalWrapper.js";
 import clsx from "clsx";
-import { billboard, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas } from "./ImageBillboard.css.js";
+import { billboard_img, image_background, up_to, rate_billboard, apy_billboard, rate_pad, rate_container, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas, billboard, imagePlacement } from "./ImageBillboard.css.js";
 const ImageBillboard = ({
   id,
   variant,
@@ -32,10 +34,14 @@ const ImageBillboard = ({
   textImageLineOneSmall,
   textImageLineTwoBig,
   textImageLineThreeSmall,
-  internalName
+  internalName,
+  exitIntent = false
 }) => {
   const billboard_variant = getVariant(variant);
   position = position?.toLocaleLowerCase();
+  const { isVisible, close, modalRef } = useExitIntentModal(
+    exitIntent ?? false
+  );
   const headingRef = useRef(null);
   const [headingLevel, setHeadingLevel] = useState("h2");
   useEffect(() => {
@@ -49,7 +55,7 @@ const ImageBillboard = ({
       }
     }
   }, []);
-  return /* @__PURE__ */ jsxs(
+  const renderBillboard = () => /* @__PURE__ */ jsxs(
     "div",
     {
       id: internalName?.replace(/ /g, "-") ?? id,
@@ -94,12 +100,20 @@ const ImageBillboard = ({
                 headingLevel,
                 {
                   ref: headingRef,
-                  className: `header_3 ${header({ variant: billboard_variant })}`
+                  className: `header_3 ${header({ variant: billboard_variant })}`,
+                  id: exitIntent ? "exit-intent-heading" : void 0
                 },
                 headline
               )
             ] }),
-            bodyCopy && /* @__PURE__ */ jsx("div", { className: `push_up ${body_copy}`, children: bodyCopy }),
+            bodyCopy && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `push_up ${body_copy}`,
+                id: exitIntent ? "exit-intent-description" : void 0,
+                children: bodyCopy
+              }
+            ),
             bullets && bullets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "list_unstyled mb_0 push_up", children: bullets.map(
               ({ id: id2, icon, copy, subBullet }) => !subBullet ? /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
                 /* @__PURE__ */ jsx("div", { className: "img_item", children: billboard_variant ? /* @__PURE__ */ jsx(
@@ -172,6 +186,10 @@ const ImageBillboard = ({
     },
     id
   );
+  if (exitIntent) {
+    return isVisible ? /* @__PURE__ */ jsx(ModalWrapper, { modalRef, onClose: close, children: renderBillboard() }) : null;
+  }
+  return renderBillboard();
 };
 export {
   ImageBillboard

package/dist/ImageBillboard/index.js

@@ -1,5 +1,5 @@
 import { ImageBillboardSet } from "./ImageBillboard.js";
-import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, exit_intent, exit_intent_backdrop, header, imagePlacement, image_background, mh_330, modal_close_button, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
@@ -14,10 +14,13 @@ export {
   billboard_img,
   body,
   body_copy,
+  exit_intent,
+  exit_intent_backdrop,
   header,
   imagePlacement,
   image_background,
   mh_330,
+  modal_close_button,
   rate_billboard,
   rate_container,
   rate_pad,

package/dist/ImageLink/ImageLink.js

@@ -54,6 +54,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/ImageLink/ImageLinkSet.js

@@ -59,6 +59,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/ImageLink/index.js

@@ -55,6 +55,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/Input/Checkbox.js

@@ -33,7 +33,8 @@ const Checkbox = forwardRef((props, ref) => {
                 props.className,
                 input({ size: sizes }),
                 checkbox({})
-              )
+              ),
+              disabled: disabled ?? false
             }
           ) }),
           children

package/dist/Input/Input.js

@@ -36,7 +36,8 @@ const Input = forwardRef((props, ref) => {
           ref,
           className: clsx(props.className, input({ size: sizes })),
           type,
-          placeholder
+          placeholder,
+          disabled: disabled ?? false
         }
       ),
       iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })

package/dist/Input/PercentageInput.d.ts

@@ -0,0 +1,3 @@
+import { CurencyInputProps } from '.';
+
+export declare const PercentageInput: import('react').ForwardRefExoticComponent<CurencyInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/PercentageInput.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { InputNumberFormat } from "@react-input/number-format";
+import { forwardRef } from "react";
+import "./Checkbox.js";
+import "./CurrencyInput.js";
+import "./Dropdown.js";
+import "./Dropdown.css.js";
+import { Input } from "./Input.js";
+import "./Input.css.js";
+import "./InputAmount.js";
+import "./InputPhone.js";
+import "./InputTextArea.js";
+import "./DownPaymentInput.js";
+import "./RadioButton.js";
+const PercentageInput = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(
+      InputNumberFormat,
+      {
+        component: Input,
+        ref,
+        format: "percent",
+        maximumFractionDigits: props?.maxfractiondigits ?? 2,
+        minimumFractionDigits: props?.minfractiondigits ?? 2,
+        ...props
+      }
+    );
+  }
+);
+export {
+  PercentageInput
+};

package/dist/Input/RadioButton.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { labelClassName, helperText } from "./Input.css.js";
 import { fieldset_wrapper, fieldset_container, fieldset } from "./RadioButton.css.js";
+import clsx from "clsx";
 const RadioButtonSet = (props) => {
   const {
     disabled,
@@ -10,19 +11,27 @@ const RadioButtonSet = (props) => {
     variant,
     helperText: helper,
     children,
-    direction = "row"
+    direction = "row",
+    className
     // id,
   } = props;
   return /* @__PURE__ */ jsxs("div", { className: fieldset_wrapper, children: [
     label && /* @__PURE__ */ jsx(
       "label",
       {
-        className: labelClassName({ error, variant }),
+        className: clsx(labelClassName({ error, variant }), className),
         htmlFor: props.name,
         children: label
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: fieldset_container, children: /* @__PURE__ */ jsx("fieldset", { className: fieldset({ direction }), children }) }),
+    /* @__PURE__ */ jsx("div", { className: fieldset_container, children: /* @__PURE__ */ jsx(
+      "fieldset",
+      {
+        className: fieldset({ direction }),
+        disabled: disabled ?? false,
+        children
+      }
+    ) }),
     /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
   ] });
 };

package/dist/Insight/Featured/CategorySelector.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -79,7 +81,7 @@ import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                            */
 import "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
-import { featured_maingrid_img, featured_maingrid_item, featured_center_vertical } from "./Featured.css.js";
+import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } from "./Featured.css.js";
 /* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
@@ -113,7 +115,7 @@ import "next/script.js";
 /* empty css                                                 */
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_link_mobile, selector_small_item, selector_img, selector_grid_content, selector_title } from "./CategorySelector.css.js";
+import { selector_title_link, selector_more, selector_link, selector_grid_items, selector_link_mobile, selector_section, selector_img, selector_title, selector_grid_content, selector_small_item } from "./CategorySelector.css.js";
 const CategorySelector = (props) => {
   const {
     id,

package/dist/Insight/Featured/Featured.js

@@ -58,6 +58,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -82,7 +84,7 @@ import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_section, featured_title, featured_grid, featured_maingrid, featured_hero, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
 /* empty css                          */
 /* empty css                            */
 import "../../LandingPageHeader/LandingPageHeader.css.js";

package/dist/Insight/Featured/Header.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -110,7 +112,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */
-import { header_in_insight, header_featured, header_title_featured } from "./Header.css.js";
+import { header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
 const BreadcumbHeader = (props) => {
   const { section, showTitle = true } = props;
   return /* @__PURE__ */ jsx(

package/dist/Modal/Modal.js

@@ -55,6 +55,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/Modal/contextApi/store.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Modal } from "../Modal.js";
 import "../../utils/allowedAxosDomains.js";
 import { shortUrl } from "../../utils/validateExternalLinks.js";
-import { createContext, useState, useContext } from "react";
+import { createContext, useContext, useState } from "react";
 const GlobalContext = createContext({
   targetLinkUrl: "",
   setTargetLinkUrl: () => "",

package/dist/NavigationMenu/AxosALTS/NavData.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosALTS/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -58,6 +58,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/AxosBank/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/LaVictoire/NavData.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/NavigationMenu/LaVictoire/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../../Input/PercentageInput.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */

package/dist/PageNavSet/PageNavSet.js

@@ -5,7 +5,7 @@ import { useState, useRef, useEffect } from "react";
 import Slider from "react-slick";
 import "../PageNavItem/PageNavItem.css.js";
 import { PageNavItem } from "../PageNavItem/PageNavItem.js";
-import { sticky_nav, nav_wrapper } from "./PageNavigationSet.css.js";
+import { nav_wrapper, sticky_nav } from "./PageNavigationSet.css.js";
 const PageNavSet = ({ id, pageNavItems }) => {
   const SliderComponent = Slider.default ? Slider.default : Slider;
   const [activeSection, setActiveSection] = useState(

package/dist/Pagination/Pagination.js

@@ -11,7 +11,7 @@ import SvgChevronDown from "../icons/ChevronDown.js";
 import clsx from "clsx";
 import Link from "next/link.js";
 import { useSearchParams } from "next/navigation.js";
-import { active_page, pagination_container, disabled_arrows } from "./Pagination.css.js";
+import { active_page, disabled_arrows, pagination_container } from "./Pagination.css.js";
 function Pagination({ totalPages }) {
   const searchParams = useSearchParams();
   const page = searchParams.get("page") || 1;

package/dist/SecondaryFooter/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Hyperlink } from "../Hyperlink/index.js";
 import clsx from "clsx";
-import { secondary_footer, footer_items_wrapper, footer_item, footer_link } from "./SecondaryFooter.css.js";
+import { footer_items_wrapper, footer_item, footer_link, secondary_footer } from "./SecondaryFooter.css.js";
 const SecondaryFooter = (props) => {
   const { items } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(secondary_footer, "containment", "section_spacer"), children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items?.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: item.targetURL, className: footer_link, children: item.displayText }) }, item.id)) }) });

package/dist/SetContainer/SetContainer.js

@@ -58,13 +58,15 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
-import { set_container, isolate_container, heading, set_container_cols, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
+import { heading, set_container_cols, inline_container, setcontainer_section_text, set_container, isolate_container } from "./SetContainer.css.js";
 import "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
 import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";

package/dist/SocialMediaBar/iconsRepository.js

@@ -56,6 +56,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */

package/dist/Table/Table.js

@@ -11,7 +11,7 @@ import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { createElement } from "react";
-import { table_section, table_container, table_container_text, table_headline, table_description_text, tableWrapper, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, td, th } from "./Table.css.js";
+import { table_section, table_container_text, table_headline, table_description_text, table_container, table, highlight_first_row, highlight_last_row, alternate_color_rows, apy_table, tableWrapper, td, th } from "./Table.css.js";
 const TableContainer = ({
   tableTitle,
   tableBody,

package/dist/TextBlock/TextBlock.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { textBlockSection, textBlockHeader } from "./TextBlock.css.js";
+import { textBlockHeader, textBlockSection } from "./TextBlock.css.js";
 const TextBlock = (props) => {
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/VideoWrapper/index.js

@@ -57,6 +57,8 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+import "../Input/PercentageInput.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */