@axos-web-dev/shared-components 0.0.118 → 0.0.120

package/dist/Forms/DealerServices.js

@@ -48,7 +48,8 @@ const DealerServices = ({
   const schema = z.object({
     first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
-    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    email: z.string().email({ message: "Email is required." }),
+    // .refine(async (val: string) => await validateEmail(val)),
     phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
       const removeDashes = val.replace(/-/gi, "");
       if (removeDashes.length !== 10) {
@@ -63,7 +64,7 @@ const DealerServices = ({
     title: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Title is required." }),
     company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Company Name is required." }),
     Dealer_Type__c: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Franchise or Independent is required." }),
-    Lead_Source_Detail_SFDC2__c: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, {
+    Lead_Source_Detail_SFDC2__c2: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, {
       message: "Dealer Services or Collector Car Program is required."
     }),
     city: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "City is required." }),
@@ -86,7 +87,10 @@ const DealerServices = ({
     formState: { errors, isValid, isSubmitting }
   } = methods;
   const submitForm = async (data) => {
-    await onSubmit(data);
+    await onSubmit({
+      ...data,
+      Lead_Source_Detail_SFDC2__c: data.Lead_Source_Detail_SFDC2__c2
+    });
   };
   const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
@@ -142,7 +146,7 @@ const DealerServices = ({
             ...register("email", {
               required: true,
               validate: {
-                isValid: associatedEmail
+                isValid: async (val) => await associatedEmail(val) && await validateEmail(val)
               }
             }),
             label: "Email",
@@ -220,16 +224,16 @@ const DealerServices = ({
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
           Dropdown,
           {
-            id: "Lead_Source_Detail_SFDC2__c",
-            ...register("Lead_Source_Detail_SFDC2__c", {
+            id: "Lead_Source_Detail_SFDC2__c2",
+            ...register("Lead_Source_Detail_SFDC2__c2", {
               required: true,
               maxLength: 12
             }),
             label: "Dealer Services or Collector Car Program",
             sizes: "medium",
             required: true,
-            error: !!errors.Lead_Source_Detail_SFDC2__c,
-            helperText: errors.Lead_Source_Detail_SFDC2__c?.message,
+            error: !!errors.Lead_Source_Detail_SFDC2__c2,
+            helperText: errors.Lead_Source_Detail_SFDC2__c2?.message,
             variant,
             defaultValue: "Dealer Services",
             children: [

package/dist/Forms/EmailOnly.js

@@ -26,16 +26,17 @@ import "react";
 import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
-import "../ArticlesSet/ArticlesSet.css.js";
 import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import { associatedEmail } from "../utils/EverestValidity.js";
 import "../utils/allowedAxosDomains.js";
+import clsx from "clsx";
+import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Button/Button.css.js";
-import "react-use";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import clsx from "clsx";
 import "../Table/Table.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { useForm, FormProvider } from "react-hook-form";
@@ -47,7 +48,6 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
@@ -71,6 +71,7 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -98,6 +99,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */
+import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 const EmailOnly = ({

package/dist/Forms/Forms.css.js

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

package/dist/Forms/SalesforceFieldsForm.d.ts

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

package/dist/Forms/ScheduleCall.js

@@ -172,6 +172,7 @@ const ScheduleCall = ({
             sizes: "medium",
             placeholder: "Best Date to Call",
             required: true,
+            min: (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
             error: !!errors.Best_Contact_Date__c,
             helperText: errors.Best_Contact_Date__c?.message,
             variant

package/dist/Forms/ScheduleCallPremier.js

@@ -179,6 +179,7 @@ const ScheduleCallPremier = ({
             label: "Best Date to Call",
             sizes: "medium",
             placeholder: "Best Date to Call",
+            min: (/* @__PURE__ */ new Date()).toJSON().slice(0, 10),
             required: true,
             error: !!errors.Best_Contact_Date__c,
             helperText: errors.Best_Contact_Date__c?.message,

package/dist/Forms/SuccesForm.js

@@ -18,13 +18,13 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "react";
+import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "iframe-resizer";
-import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
@@ -47,6 +47,7 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
 import "../Input/Dropdown.js";
@@ -85,6 +86,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */
+import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/HeroBanner/HeroBanner.css.js

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

package/dist/Hyperlink/index.js

@@ -12,18 +12,19 @@ import "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";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
 import { validateLink } from "../utils/validateExternalLinks.js";
 /* empty css                                          */
 /* empty css                                          */
-import "../Button/Button.css.js";
-import "react-use";
 import "../Interstitial/Interstitial-variants.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
 import clsx from "clsx";
+import "../Button/Button.css.js";
+import "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
@@ -46,7 +47,6 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
@@ -68,6 +68,7 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -92,6 +93,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */
+import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 import { hyperlink } from "./Hyperlink.css.js";

package/dist/ImageBillboard/ImageBillboard.css.js

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

package/dist/ImageBillboard/ImageBillboard.interface.d.ts

@@ -30,4 +30,5 @@ export interface ImageBillboardInterface {
     textImageLineOneSmall?: ReactNode | string;
     textImageLineTwoBig?: ReactNode | string;
     textImageLineThreeSmall?: ReactNode | string;
+    internalName?: string;
 }

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,3 +1,3 @@
 import { ImageBillboardInterface } from './ImageBillboard.interface';
 
-export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, internalName, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -28,14 +28,15 @@ const ImageBillboard = ({
   set,
   textImageLineOneSmall,
   textImageLineTwoBig,
-  textImageLineThreeSmall
+  textImageLineThreeSmall,
+  internalName
 }) => {
   const billboard_variant = getVariant(variant);
   position = position?.toLocaleLowerCase();
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      id,
+      id: internalName?.replace(/ /g, "-") ?? id,
       className: clsx(
         "billboard",
         "containment",

package/dist/ImageLink/ImageLink.css.d.ts

@@ -0,0 +1 @@
+export declare const image_link_set: string;

package/dist/ImageLink/ImageLink.css.js

@@ -1 +1,5 @@
-import "./ImageLink.css.ts.vanilla.css.js";
+/* empty css                             */
+var image_link_set = "xd6m5c0";
+export {
+  image_link_set
+};

package/dist/ImageLink/ImageLink.js

@@ -15,11 +15,12 @@ import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
+import "clsx";
 import { isValidElement } from "react";
+import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Button/Button.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "clsx";
 import "../Table/Table.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
@@ -41,7 +42,6 @@ import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
@@ -61,6 +61,7 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                             */
 /* empty css                                              */
 /* empty css                                                      */
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -88,6 +89,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */
+import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 import "../Interstitial/Interstitial-variants.css.js";

package/dist/ImageLink/ImageLinkSet.d.ts

@@ -5,5 +5,6 @@ import { ImageLinkProps } from './ImageLink';
 export interface ImageLinkSetProps extends SetContainerProps {
     imageLinks: ImageLinkProps[];
     callToActionRow?: ChevronProps[];
+    icon?: boolean;
 }
 export declare const ImageLinkSet: (props: ImageLinkSetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageLink/ImageLinkSet.js

@@ -23,6 +23,7 @@ import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
@@ -45,7 +46,6 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
@@ -96,10 +96,12 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */
+import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
+import { image_link_set } from "./ImageLink.css.js";
 const ImageLinkSet = (props) => {
-  const { callToActionRow } = props;
+  const { callToActionRow, icon } = props;
   const linksItems = props.imageLinks.map((item) => {
     return /* @__PURE__ */ jsx(ImageLink, { ...item }, item.id);
   });
@@ -127,16 +129,18 @@ const ImageLinkSet = (props) => {
       )
     ) })
   ] }) : void 0;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     SetContainer,
     {
       id: props.id,
       variant: props.variant,
       headline: props.headline,
       additionalDetails,
+      className: image_link_set,
+      icon,
       children: linksItems
     }
-  ) });
+  );
 };
 export {
   ImageLinkSet

package/dist/ImageLink/index.js

@@ -11,17 +11,18 @@ import "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";
 import "../utils/allowedAxosDomains.js";
 /* empty css                                          */
 /* empty css                                          */
-import "../Button/Button.css.js";
-import "react-use";
 import "../Interstitial/Interstitial-variants.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 import "clsx";
+import "../Button/Button.css.js";
+import "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../Table/Table.css.js";
@@ -44,7 +45,6 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
@@ -91,6 +91,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */
+import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 import "../Hyperlink/Hyperlink.css.js";

package/dist/Input/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from './InputProps';
 
 export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/Input.css.js

@@ -1,6 +1,6 @@
-/* empty css                            */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                            */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });

package/dist/Insight/Featured/CategorySelector.css.js

@@ -1,7 +1,7 @@
-/* empty css                            */
 /* empty css                                   */
 /* empty css                                      */
 /* empty css                                             */
+/* empty css                            */
 /* empty css                                    */
 var selector_section = "_13y9ptj0";
 var selector_link = "_13y9ptj1";

package/dist/Insight/Featured/CategorySelector.js

@@ -20,6 +20,7 @@ import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "react";
+import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -44,7 +45,6 @@ import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../../Input/RadioButton.js";
 import "iframe-resizer";
-import "../../Calculators/calculator.css.js";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
@@ -67,6 +67,7 @@ import "../../FaqAccordion/index.js";
 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 "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */
@@ -90,6 +91,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                           */
 /* empty css                                                     */
 /* empty css                                                   */
+import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */
 /* empty css                                   */

package/dist/Insight/Featured/Featured.js

@@ -15,15 +15,16 @@ 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 "../../Button/Button.css.js";
-import "react";
-import "react-use";
 import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
 import clsx from "clsx";
+import "react";
+import "../../Button/Button.css.js";
+import "react-use";
+import "../../ArticlesSet/ArticlesSet.css.js";
+import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
@@ -46,7 +47,6 @@ import "../../Input/Checkbox.css.js";
 import "../../LoadingIndicator/LoadingIndicator.css.js";
 import "../../Input/RadioButton.js";
 import "iframe-resizer";
-import "../../Calculators/calculator.css.js";
 /* empty css                                                                                   */
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                                 */
@@ -69,6 +69,7 @@ import "../../FaqAccordion/index.js";
 import "../../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                            */
 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_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_subgrid, featured_subgrid_divider } from "./Featured.css.js";
@@ -94,6 +95,7 @@ import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                           */
 /* empty css                                                     */
 /* empty css                                                   */
+import "next/script.js";
 /* empty css                                           */
 /* empty css                                                 */
 const FeaturedItem = (props) => {

package/dist/MainHTML/index.d.ts

@@ -2,5 +2,6 @@ import { PropsWithChildren } from 'react';
 
 export interface BodyProps extends PropsWithChildren {
     theme: "Axos" | "Premier";
+    className?: string;
 }
-export declare const MainHTML: ({ theme, children }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MainHTML: ({ theme, children, className, }: BodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainHTML/index.js

@@ -1,11 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { axosTheme } from "../themes/axos.css.js";
 import { premierTheme } from "../themes/premier.css.js";
-const MainHTML = ({ theme = "Axos", children }) => {
+import clsx from "clsx";
+const MainHTML = ({
+  theme = "Axos",
+  children,
+  className
+}) => {
   return /* @__PURE__ */ jsx(
     "main",
     {
-      className: theme === "Premier" ? premierTheme : axosTheme,
+      className: clsx(
+        theme === "Premier" ? premierTheme : axosTheme,
+        className
+      ),
       id: "main-body",
       children
     }

package/dist/Modal/Modal.js

@@ -11,15 +11,16 @@ import "../icons/CheckIcon/CheckIcon.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 "../Button/Button.css.js";
+import "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
+import "clsx";
+import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../Button/Button.css.js";
-import "react-use";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "clsx";
 import "../Table/Table.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
@@ -41,7 +42,6 @@ import "../Input/Checkbox.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
 import "iframe-resizer";
-import "../Calculators/calculator.css.js";
 /* empty css                                                                                */
 import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 /* empty css                                              */
@@ -65,6 +65,7 @@ import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
 import "../Interstitial/Interstitial-variants.css.js";
@@ -91,6 +92,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                        */
 /* empty css                                                  */
 /* empty css                                                */
+import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
 import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";