@axos-web-dev/shared-components 0.0.76 → 0.0.78

package/dist/Forms/ContactUsNMLSId.js

@@ -0,0 +1,263 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                          */
+/* empty css                                   */
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+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";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import { getVariant } from "../utils/getVariant.js";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Button/Button.css.js";
+import "react";
+import "../ApyCalculator/ApyCalculator.css.js";
+import { Button } from "../Button/Button.js";
+import "react-use";
+import "../IconBillboard/IconBillboard.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { z } from "zod";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "iframe-resizer";
+import "../Calculators/calculator.css.js";
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                         */
+import "../ImageBillboard/ImageBillboard.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/image.js";
+import "next/link.js";
+/* empty css                                                   */
+/* empty css                                                      */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+const ContactUsNMLSId = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  id
+}) => {
+  const schema = z.object({
+    first_name: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string().regex(/^[a-zA-Z]*(?:[a-zA-Z][a-zA-Z'-]*\s{0,1}){2,}$/g).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => 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) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    NMLS_ID__c: z.string().min(6).max(7)
+  });
+  const methods = useForm({
+    resolver: zodResolver(
+      schema.merge(SalesforceSchema),
+      {
+        async: true
+      },
+      { mode: "async" }
+    ),
+    mode: "onChange",
+    shouldUnregister: true,
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id: `id_${id}`,
+      className: clsx(formContainer({ variant })),
+      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+        icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+        /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name",
+                sizes: "medium",
+                placeholder: "First Name",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name",
+                sizes: "medium",
+                placeholder: "Last Name",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true
+                }),
+                type: "email",
+                label: "Email",
+                sizes: "medium",
+                placeholder: "Email",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Phone",
+                sizes: "medium",
+                placeholder: "Phone",
+                type: "tel",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "NMLS_ID__c",
+                ...register("NMLS_ID__c", {
+                  required: true,
+                  min: 6,
+                  max: 7
+                }),
+                label: "Company NMLS ID",
+                placeholder: "Company NMLS ID",
+                sizes: "medium",
+                required: true,
+                error: !!errors.NMLS_ID__c,
+                helperText: errors.NMLS_ID__c?.message,
+                variant
+              }
+            ) })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ] })
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  ContactUsNMLSId
+};

package/dist/Forms/EmailOnly.js

@@ -35,6 +35,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                          */
 /* empty css                                          */
 import { associatedEmail } from "../utils/EverestValidity.js";
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
@@ -42,10 +43,9 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -66,12 +66,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */

package/dist/Forms/EmailUs.d.ts

@@ -4,4 +4,4 @@ export type EmailUsInputs = {
     email: string;
     write_your_message: string;
 };
-export declare const EmailUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailUs: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/EmailUs.js

@@ -20,7 +20,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerForm, form, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const EmailUs = ({
   icon = false,
@@ -33,6 +33,7 @@ const EmailUs = ({
   headline,
   callToAction,
   validateEmail,
+  description,
   id
 }) => {
   const schema = z.object({
@@ -65,7 +66,20 @@ const EmailUs = ({
       className: clsx(formContainer({ variant })),
       children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
         icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
-        /* @__PURE__ */ jsx("h2", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
+        /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
+              children: description
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
           /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(

package/dist/Forms/SuccesForm.js

@@ -35,10 +35,10 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 /* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -59,12 +59,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 /* empty css                                */
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */

package/dist/Forms/index.d.ts

@@ -4,6 +4,7 @@ export * from './ContactCompany';
 export * from './ContactUs';
 export * from './ContactUsAAS';
 export * from './ContactUsBusiness';
+export * from './ContactUsNMLSId';
 export * from './DealerServices';
 export * from './EmailOnly';
 export * from './EmailUs';

package/dist/Forms/index.js

@@ -4,6 +4,7 @@ import { ContactCompany } from "./ContactCompany.js";
 import { ContactUs } from "./ContactUs.js";
 import { ContactUsAAS } from "./ContactUsAAS.js";
 import { ContactUsBusiness } from "./ContactUsBusiness.js";
+import { ContactUsNMLSId } from "./ContactUsNMLSId.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
@@ -20,6 +21,7 @@ export {
   ContactUs,
   ContactUsAAS,
   ContactUsBusiness,
+  ContactUsNMLSId,
   DealerServices,
   EmailOnly,
   EmailUs,

package/dist/HeroBanner/HeroBanner.js

@@ -8,7 +8,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img } from "./HeroBanner.css.js";
 import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
-import { selection_section, selection_section_bg, selection_section_content, selection_headline_text, selection_section_icon, selection_section_icon_img } from "./SelectionBanner.css.js";
+import { selection_section_icon, selection_section_icon_img, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,
   eyebrow,
@@ -65,15 +65,33 @@ const HeroBanner = ({
                     variant: variant2,
                     displayText,
                     targetUrl,
-                    type
-                  }) => type === "Button" ? /* @__PURE__ */ jsx(
+                    type,
+                    icon
+                  }) => type === "Button" ? /* @__PURE__ */ jsxs(
                     Button,
                     {
                       targetUrl,
                       color: getVariant(variant2),
                       size: "large",
                       rounded: "medium",
-                      children: displayText
+                      square: icon !== void 0,
+                      children: [
+                        typeof icon !== "undefined" ? /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            style: {
+                              mask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`,
+                              WebkitMask: `url(${!icon.includes("https") ? "https:" + icon : icon}) no-repeat center / contain`
+                            },
+                            className: clsx(
+                              selection_section_icon_img({
+                                variant: getVariant(variant2)
+                              })
+                            )
+                          }
+                        ) }) : null,
+                        displayText
+                      ]
                     },
                     id2
                   ) : /* @__PURE__ */ jsx(

package/dist/HeroBanner/SelectionBanner.css.d.ts

@@ -21,4 +21,13 @@ export declare const selection_section: string;
 export declare const selection_section_bg: string;
 export declare const selection_section_content: string;
 export declare const selection_section_icon: string;
-export declare const selection_section_icon_img: string;
+export declare const selection_section_icon_img: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            backgroundColor: "#4A5560";
+        };
+        secondary: {};
+        tertiary: {};
+        quaternary: {};
+    };
+}>;

package/dist/HeroBanner/SelectionBanner.css.js

@@ -8,7 +8,7 @@ var selection_section = "_7etqoq5";
 var selection_section_bg = "_7etqoq6";
 var selection_section_content = "_7etqoq7";
 var selection_section_icon = "_7etqoq8";
-var selection_section_icon_img = "_7etqoq9";
+var selection_section_icon_img = createRuntimeFn({ defaultClassName: "_7etqoq9", variantClassNames: { variant: { primary: "_7etqoqa", secondary: "_7etqoqb", tertiary: "_7etqoqc", quaternary: "_7etqoqd" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   selection_headline_text,
   selection_section,

package/dist/Hyperlink/index.js

@@ -25,6 +25,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                          */
 /* empty css                                          */
 /* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -39,10 +40,9 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -62,12 +62,12 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -5,9 +5,11 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             border: "1px solid #D4D4D4";
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/IconBillboard/IconBillboard.js

@@ -31,7 +31,7 @@ const IconBillboard = (props) => {
       children: [
         /* @__PURE__ */ jsxs("div", { className: `middle ${layout({ side })}`, children: [
           icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", children: /* @__PURE__ */ jsx("img", { src: icon?.src, className: "img_fluid", alt: icon?.alt }) }),
-          /* @__PURE__ */ jsxs("div", { className: content, children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(content), children: [
             /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
               /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
               /* @__PURE__ */ jsx("div", { children: body })

package/dist/ImageLink/ImageLink.js

@@ -22,6 +22,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                          */
 /* empty css                                          */
 /* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -36,10 +37,9 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -58,12 +58,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */

package/dist/ImageLink/ImageLinkSet.js

@@ -25,6 +25,7 @@ import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -39,10 +40,9 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -64,12 +64,12 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */

package/dist/ImageLink/index.js

@@ -22,6 +22,7 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                          */
 /* empty css                                          */
 /* empty css                                          */
+import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -36,10 +37,9 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
-import "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -60,12 +60,12 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import { ImageLinkSet } from "./ImageLinkSet.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */
-import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
 import "next/image.js";
+import "next/link.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                    */