@axos-web-dev/shared-components 1.0.99 → 1.0.100-dev.1

package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js

@@ -0,0 +1,219 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { button } from "../../Button/Button.css.js";
+import { title } from "../../IconBillboard/IconBillboard.css.js";
+import "../../utils/allowedAxosDomains.js";
+import { getVariant } from "../../utils/getVariant.js";
+import clsx from "clsx";
+import { useState } from "react";
+import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import { calculator } from "../calculator.css.js";
+import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
+  const fullVariant = getVariant(variant);
+  const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");
+  const [loanAmount, setLoanAmount] = useState(75e3);
+  const [loanDuration, setLoanDuration] = useState(240);
+  const [interestRateDisplay, setInterestRateDisplay] = useState("8.25%");
+  const [interestRate, setInterestRate] = useState("8.25");
+  const [estimatedPayment, setEstimatedPayment] = useState(0);
+  const [loanAmountError, setLoanAmountError] = useState(null);
+  const [interestRateError, setInterestRateError] = useState(
+    null
+  );
+  const formatToCurrency = (value) => {
+    const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
+    if (isNaN(numericValue)) {
+      return "";
+    }
+    return numericValue.toLocaleString("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 0
+    });
+  };
+  const validateInputs = () => {
+    let isValid = true;
+    if (!loanAmount || isNaN(loanAmount) || loanAmount < 75e3 || loanAmount > 5e6) {
+      setLoanAmountError(
+        "Please enter an amount between $75,000 and $5,000,000."
+      );
+      isValid = false;
+    } else {
+      setLoanAmountError(null);
+    }
+    if (!interestRate || isNaN(parseFloat(interestRate)) || parseFloat(interestRate) === 0) {
+      setInterestRateError("Please enter an Interest Rate.");
+      isValid = false;
+    } else {
+      setInterestRateError(null);
+    }
+    return isValid;
+  };
+  const handleLoanAmountChange = (event) => {
+    const value = event.target.value;
+    const formattedValue = formatToCurrency(value);
+    setLoanAmountDisplay(formattedValue);
+    const numericValue = parseFloat(value.replace(/[^0-9.]/g, ""));
+    setLoanAmount(isNaN(numericValue) ? void 0 : numericValue);
+  };
+  const handleLoanDurationChange = (event) => {
+    setLoanDuration(Number(event.target.value));
+  };
+  const formatToPercentage = (value) => {
+    let numericValue = value.replace(/[^0-9.]/g, "");
+    const parts = numericValue.split(".");
+    if (parts.length > 2) {
+      numericValue = parts[0] + "." + parts.slice(1).join("");
+    }
+    if (numericValue === "") return "";
+    const cleaned = numericValue.startsWith("0") && numericValue !== "0" ? String(parseFloat(numericValue)) : numericValue;
+    return cleaned + "%";
+  };
+  const handleInterestRateChange = (event) => {
+    let value = event.target.value;
+    if (value.length < interestRateDisplay.length) {
+      if (interestRateDisplay.length > 1 && interestRateDisplay.endsWith("%")) {
+        value = interestRateDisplay.substring(0, interestRateDisplay.length - 2) + "%";
+      } else if (interestRateDisplay.length === 1) {
+        value = "";
+      } else {
+        value = interestRateDisplay.substring(
+          0,
+          interestRateDisplay.length - 1
+        );
+      }
+    } else {
+      value = formatToPercentage(value);
+    }
+    setInterestRateDisplay(value);
+    const numeric = value.replace(/[^0-9.]/g, "");
+    setInterestRate(numeric);
+  };
+  const calculateMonthlyPayment = () => {
+    const numericInterestRate = parseFloat(interestRate);
+    const monthlyInterestRate = numericInterestRate / 100 / 12;
+    const months = loanDuration;
+    if (!isNaN(loanAmount || 0) && !isNaN(numericInterestRate)) {
+      const monthlyPayment = (loanAmount || 0) * monthlyInterestRate / (1 - Math.pow(1 + monthlyInterestRate, -months));
+      setEstimatedPayment(monthlyPayment);
+    } else {
+      setEstimatedPayment(0);
+    }
+  };
+  const handleCalculate = () => {
+    if (validateInputs()) {
+      calculateMonthlyPayment();
+    } else {
+      setEstimatedPayment(0);
+    }
+  };
+  return /* @__PURE__ */ jsx("section", { className: clsx(calculator), children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rounded ${calc_container} ${container({ variant: fullVariant })}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: `text_center ${title({ variant: fullVariant })} ${h2i}`,
+              children: header
+            }
+          ),
+          bodyCopy && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${calc_text} ${description_text({ variant: fullVariant })} text_center`,
+              children: bodyCopy
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `flex center text_center push_up_32 bottom ${inputs_container}`,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "loanAmount", id: "amount1", children: "Loan Amount" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: `text_center bordered ${input_box({ variant: fullVariant })}`,
+                    id: "loanAmount",
+                    maxLength: 10,
+                    name: "loanAmount",
+                    type: "text",
+                    placeholder: "$0",
+                    value: loanAmountDisplay,
+                    onChange: handleLoanAmountChange
+                  }
+                ),
+                loanAmountError && /* @__PURE__ */ jsx("span", { className: error_message, children: loanAmountError })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "loanDuration", children: "Loan Duration (Months)" }),
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    className: `text_center bordered ${input_box({ variant: fullVariant })} ${hide_select_arrow}`,
+                    id: "loanDuration",
+                    name: "loanDuration",
+                    value: loanDuration,
+                    onChange: handleLoanDurationChange,
+                    disabled: true,
+                    children: /* @__PURE__ */ jsx("option", { value: "240", children: "240" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: `flex flex_col ${input_container}`, children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: "interestRate", children: "Interest Rate" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: `text_center bordered ${input_box({ variant: fullVariant })}`,
+                    id: "interestRate",
+                    maxLength: 6,
+                    name: "interestRate",
+                    type: "text",
+                    placeholder: "0.00%",
+                    value: interestRateDisplay,
+                    onChange: handleInterestRateChange
+                  }
+                ),
+                interestRateError && /* @__PURE__ */ jsx("span", { className: error_message, children: interestRateError })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: `flex center middle push_up_32`, children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: `${button({
+                color: "primary",
+                size: "medium",
+                rounded: "medium"
+              })} center`,
+              type: "button",
+              value: "Calculate",
+              onClick: handleCalculate
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
+            /* @__PURE__ */ jsx("span", { className: calculation_header, children: "Estimated Monthly Payment:" }),
+            /* @__PURE__ */ jsxs("span", { id: "estimatedPayment", className: payment_results, children: [
+              "$",
+              estimatedPayment.toFixed(2)
+            ] })
+          ] })
+        ] }),
+        disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })
+      ]
+    }
+  ) }) });
+};
+export {
+  MarineLoanMonthlyPaymentCalculator
+};

package/dist/Calculators/MaxLoanCalculator/index.js

@@ -204,11 +204,28 @@ const MaxLoanCalculator = ({
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
-            /* @__PURE__ */ jsx("span", { className: calculation_header, children: "Maximum Loan Amount You Can Borrow:" }),
-            /* @__PURE__ */ jsxs("span", { id: "estimatedLoanAmount", className: payment_results, children: [
-              "$",
-              loanAmount.toFixed(2)
-            ] })
+            /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: "estimatedLoanAmount",
+                className: calculation_header,
+                children: "Maximum Loan Amount You Can Borrow:"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "output",
+              {
+                id: "estimatedLoanAmount",
+                className: payment_results,
+                name: "estimated-loan-amount",
+                htmlFor: "monthlyPayment loanDuration interestRate",
+                role: "status",
+                children: [
+                  "$",
+                  loanAmount.toFixed(2)
+                ]
+              }
+            )
           ] })
         ] })
       ]

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

@@ -41,3 +41,4 @@ export declare const inputs_container: string;
 export declare const calculation_header: string;
 export declare const error_message: string;
 export declare const h2i: string;
+export declare const hide_select_arrow: string;

package/dist/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                            */
@@ -12,12 +12,14 @@ var inputs_container = "_10pitvcd";
 var calculation_header = "_10pitvce";
 var error_message = "_10pitvcf";
 var h2i = "_10pitvcg";
+var hide_select_arrow = "_10pitvch";
 export {
   calc_container,
   calculation_header,
   container,
   error_message,
   h2i,
+  hide_select_arrow,
   input_box,
   input_container,
   inputs_container,

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -212,11 +212,21 @@ const MonthlyPaymentCalculator = ({
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
-            /* @__PURE__ */ jsx("span", { className: calculation_header, children: "Estimated Monthly Payment:" }),
-            /* @__PURE__ */ jsxs("span", { id: "estimatedPayment", className: payment_results, children: [
-              "$",
-              estimatedPayment.toFixed(2)
-            ] })
+            /* @__PURE__ */ jsx("label", { htmlFor: "estimatedPayment", className: calculation_header, children: "Estimated Monthly Payment:" }),
+            /* @__PURE__ */ jsxs(
+              "output",
+              {
+                id: "estimatedPayment",
+                className: payment_results,
+                name: "estimated-payment",
+                htmlFor: "loanAmount loanDuration interestRate",
+                role: "status",
+                children: [
+                  "$",
+                  estimatedPayment.toFixed(2)
+                ]
+              }
+            )
           ] })
         ] }),
         disclosure && /* @__PURE__ */ jsx("div", { className: calc_disclosure({ variant: fullVariant }), children: disclosure })

package/dist/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

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

@@ -1,4 +1,4 @@
-import '../../assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css';import '../../assets/Typography/Typography.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                             */

package/dist/Calculators/SummitApyCalculator/index.js

@@ -8,7 +8,7 @@ import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../../icons/AxosX/index.js";
 import SvgComponent from "../../icons/AxosX/Blue.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, focus_row, summit_table_container, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
+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, focus_row, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
 const SummitApyCalculator = ({
   headline,
   bodyCopy,

package/dist/Calculators/calculator.css.js

@@ -1,4 +1,4 @@
-import '../assets/Calculators/calculator.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                    */

package/dist/Calculators/index.d.ts

@@ -2,11 +2,12 @@ export * from './AnnualFeeCalculator';
 export * from './ApyCalculator';
 export * from './AxosOneCalculator';
 export * from './BalanceAPYCalculator';
+export * from './BuyDownCalculator';
 export * from './Calculator';
 export * from './calculator.css';
 export * from './MarginTradingCalculator';
+export * from './MarineLoanMonthlyPaymentCalculator';
 export * from './MaxLoanCalculator';
 export * from './MonthlyPaymentCalculator';
 export * from './MonthlyPaymentLVFCalculator';
 export * from './SummitApyCalculator';
-export * from './BuyDownCalculator';

package/dist/Calculators/index.js

@@ -2,14 +2,15 @@ import { AnnualFeeCalculator } from "./AnnualFeeCalculator/index.js";
 import { ApyCalculator } from "./ApyCalculator/index.js";
 import { AxosOneCalculator } from "./AxosOneCalculator/index.js";
 import { BalanceAPYCalculator } from "./BalanceAPYCalculator/index.js";
+import { BuyDownCalculator } from "./BuyDownCalculator/index.js";
 import { Calculator } from "./Calculator.js";
 import { calculator, calculator_description, calculator_headline } from "./calculator.css.js";
 import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
+import { MarineLoanMonthlyPaymentCalculator } from "./MarineLoanMonthlyPaymentCalculator/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 { BuyDownCalculator } from "./BuyDownCalculator/index.js";
 export {
   AnnualFeeCalculator,
   ApyCalculator,
@@ -18,6 +19,7 @@ export {
   BuyDownCalculator,
   Calculator,
   MarginTradingCalculator,
+  MarineLoanMonthlyPaymentCalculator,
   MaxLoanCalculator,
   MonthlyPaymentCalculator,
   MonthlyPaymentLVFCalculator,

package/dist/CallToActionBar/CallToActionBar.css.js

@@ -1,4 +1,4 @@
-import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                   */

package/dist/CallToActionBar/index.js

@@ -8,7 +8,7 @@ import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { getBannerSizeClassName } from "../utils/ctaOptions.js";
-import { sticky_banner, is_sticky, cta, cta_image_section, cta_image_section_overlap, cta_image_overlap, cta_large_image, cta_text, ctas_section, cta_body_section } from "./CallToActionBar.css.js";
+import { sticky_banner, is_sticky, cta, cta_image_section, cta_image_section_overlap, cta_image_overlap, cta_large_image, cta_body_section, cta_text, ctas_section } from "./CallToActionBar.css.js";
 const CallToActionBar = ({
   bannerSize,
   image,

package/dist/Carousel/Carousel.css.js

@@ -1,4 +1,4 @@
-import '../assets/Carousel/Carousel.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                            */

package/dist/Carousel/index.js

@@ -6,7 +6,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { section_text } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Modal/Modal.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -41,8 +41,11 @@ import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
+import "../Input/PercentageInput.js";
 import "react-hook-form";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -61,8 +64,6 @@ import "iframe-resizer";
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-import "../Input/PercentageInput.js";
-import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 /* empty css                                    */
 import "react-dom";
 /* empty css                                */
@@ -70,6 +71,12 @@ import "../Auth/SignInPassword.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                                    */
+/* empty css                                   */
+import "../Chatbot/store/chat.js";
+import "../Chatbot/authenticate.js";
+/* empty css                                       */
+import "../Chatbot/store/messages.js";
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "next/image.js";
@@ -124,7 +131,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
+import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, carousel, slides, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [

package/dist/Chatbot/Bubble.css.d.ts

@@ -0,0 +1,3 @@
+export declare const bubbleWrapper: string;
+export declare const bubbleCircle: string;
+export declare const closeIcon: string;

package/dist/Chatbot/Bubble.css.js

@@ -0,0 +1,9 @@
+/* empty css                          */
+var bubbleWrapper = "_7u9pv30";
+var bubbleCircle = "_7u9pv31";
+var closeIcon = "_7u9pv32";
+export {
+  bubbleCircle,
+  bubbleWrapper,
+  closeIcon
+};

package/dist/Chatbot/Bubble.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+
+export declare const Bubble: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Chatbot/Bubble.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { bubbleWrapper, bubbleCircle, closeIcon } from "./Bubble.css.js";
+import { useOpenChat } from "./store/chat.js";
+const Bubble = ({ children }) => {
+  const isOpen = useOpenChat((state) => state.isOpen);
+  const toggle = useOpenChat((state) => state.toggle);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(bubbleWrapper), children: [
+    /* @__PURE__ */ jsx("div", { className: clsx("bubble-circle", bubbleCircle), onClick: toggle, children: !isOpen ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt: "Evo, Virtual Financial Assistant",
+        src: "data:image/png;base64,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"
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: clsx("close-icon", closeIcon), children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }),
+          /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" })
+        ]
+      }
+    ) }) }),
+    children
+  ] });
+};
+export {
+  Bubble
+};

package/dist/Chatbot/Chat.d.ts

@@ -0,0 +1 @@
+export default function Chat(): import("react/jsx-runtime").JSX.Element;