@axos-web-dev/shared-components 0.0.51 → 0.0.52

package/dist/Forms/ScheduleCallPremier.js

@@ -0,0 +1,255 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import { CurrencyInput } from "../Input/CurrencyInput.js";
+import { Dropdown } from "../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 "../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 { associatedEmail } from "../utils/EverestValidity.js";
+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, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const ScheduleCallPremier = ({
+  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][^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)),
+    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;
+    }),
+    Best_Contact_Date__c: z.string().min(1).date("The field Value must be a date."),
+    Best_Time_To_Call__c: z.string().min(1).refine((val) => /[ap]|m/.test(val)),
+    Potential_Funding__c: z.string().min(1)
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema)),
+    mode: "all",
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    const potential = data.Potential_Funding__c.replace(/[$ ]/gi, "");
+    const parseData = {
+      ...data,
+      Potential_Funding__c: parseFloat(potential.replaceAll(/$ ,/gi, "")),
+      Best_Contact_Date__c: new Intl.DateTimeFormat("en-US").format(
+        new Date(data.Best_Contact_Date__c)
+      )
+    };
+    await onSubmit(parseData);
+  };
+  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: `${form} ${descriptionField} text_center`, 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,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                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",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Best_Contact_Date__c",
+                ...register("Best_Contact_Date__c", {
+                  required: true
+                }),
+                type: "date",
+                label: "Best Date to Call",
+                sizes: "medium",
+                placeholder: "Best Date to Call",
+                required: true,
+                error: !!errors.Best_Contact_Date__c,
+                helperText: errors.Best_Contact_Date__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Best_Time_To_Call__c",
+                ...register("Best_Time_To_Call__c", {
+                  required: true,
+                  maxLength: 12
+                }),
+                label: "Best Time to Call",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Best_Time_To_Call__c,
+                helperText: errors.Best_Time_To_Call__c?.message,
+                variant,
+                defaultValue: "Best Time to Call",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Best Time to Call", disabled: true, children: "Best Time to Call" }),
+                  /* @__PURE__ */ jsx("option", { value: "8:00 am", children: "8:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "8:30 am", children: "8:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "9:00 am", children: "9:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "9:30 am", children: "9:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "10:00 am", children: "10:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "10:30 am", children: "10:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "11:00 am", children: "11:00 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "11:30 am", children: "11:30 am" }),
+                  /* @__PURE__ */ jsx("option", { value: "12:00 pm", children: "12:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "12:30 pm", children: "12:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "1:00 pm", children: "1:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "1:30 pm", children: "1:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "2:00 pm", children: "2:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "2:30 pm", children: "2:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "3:00 pm", children: "3:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "3:30 pm", children: "3:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "4:00 pm", children: "4:00 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "4:30 pm", children: "4:30 pm" }),
+                  /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                id: "Potential_Funding__c",
+                ...register("Potential_Funding__c", {
+                  required: true
+                }),
+                label: "Potential Funding",
+                placeholder: "Potential Funding",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Potential_Funding__c,
+                helperText: errors.Potential_Funding__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 {
+  ScheduleCallPremier
+};

package/dist/Forms/SuccesForm.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 
-export default function SuccesFormWrapper({ children, isSubmitted, variant: fullVariant, }: {
+export declare function SuccesFormWrapper({ children, isSubmitted, variant: fullVariant, }: {
     isSubmitted: boolean;
     variant?: string;
 } & PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/Forms/SuccesForm.js

@@ -1,13 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
-import "./SalesforceFieldsForm.js";
 import "@hookform/resolvers/zod";
 import "../Modal/contextApi/store.js";
 import "react";
 import "../Button/Button.css.js";
 import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                          */
+/* empty css                                   */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
@@ -18,6 +21,39 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                    */
 /* empty css                                                */
 import "react-hook-form";
+import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
+import "./SalesforceFieldsForm.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+/* empty css                                                */
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.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 "../SetContainer/SetContainer.css.js";
+import "../ImageBillboard/ImageBillboard.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItems/StepItems.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
 function SuccesFormWrapper({
   children,
   isSubmitted,
@@ -85,5 +121,5 @@ function SuccesFormWrapper({
   ] });
 }
 export {
-  SuccesFormWrapper as default
+  SuccesFormWrapper
 };

package/dist/Forms/index.d.ts

@@ -1,5 +1,9 @@
+export * from './ApplicationStart';
+export * from './EmailOnly';
+export * from './ContactUsBusiness';
 export * from './Forms.css';
 export * from './RenderForm';
 export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';
+export * from './ScheduleCallPremier';
 export * from './SuccesForm';

package/dist/Forms/index.js

@@ -1,20 +1,29 @@
-import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
+import { ApplicationStart } from "./ApplicationStart.js";
+import { EmailOnly } from "./EmailOnly.js";
+import { ContactUsBusiness } from "./ContactUsBusiness.js";
+import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
 import { RenderWebForm, renderSwitch } from "./RenderForm.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
-import "react/jsx-runtime";
-import "clsx";
+import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
+import { SuccesFormWrapper } from "./SuccesForm.js";
 export {
+  ApplicationStart,
+  ContactUsBusiness,
+  EmailOnly,
   RenderWebForm,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
+  ScheduleCallPremier,
+  SuccesFormWrapper,
   actions,
   descriptionField,
   disclosureForm,
   form,
   formContainer,
   formWrapper,
+  fullRowForm,
   headerContainer,
   headerForm,
   iconForm,

package/dist/Hyperlink/index.js

@@ -31,13 +31,17 @@ import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../Forms/Forms.css.js";
-import "../Forms/SalesforceFieldsForm.js";
 import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                   */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
 import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";

package/dist/IconBillboard/IconBillboard.js

@@ -30,13 +30,13 @@ 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 == null ? void 0 : icon.src, className: "img_fluid", alt: icon == null ? void 0 : icon.alt }) }),
+          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: headerIconBillboard, children: [
               /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
               /* @__PURE__ */ jsx("div", { children: body })
             ] }),
-            items && (items == null ? void 0 : items.length) > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
+            items && items?.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: clsx(list, "list_unstyled"), children: items?.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, variant, children: item.content }, item.id)) }) })
           ] })
         ] }),
         callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(

package/dist/IconBillboard/IconBillboardSet.js

@@ -33,9 +33,9 @@ const IconBillboardSet = ({
           icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx(
             "img",
             {
-              src: icon == null ? void 0 : icon.src,
+              src: icon?.src,
               className: "img_fluid",
-              alt: icon == null ? void 0 : icon.alt
+              alt: icon?.alt
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: content, children: [

package/dist/ImageBillboard/ImageBillboard.js

@@ -52,7 +52,7 @@ const ImageBillboardSet = ({
               ${billboard({ variant: billboard_variant })} ${inline ? "" : billboard_container} 
               rounded flex ${inline ? "flex_col" : "flex_row"} ${bordered ? "bordered" : ""} ${imagePlacement.toLowerCase() === "left" && !inline ? "reversed" : ""}`,
           children: [
-            /* @__PURE__ */ jsx("div", { "background-image": image == null ? void 0 : image.src, "aria-label": image == null ? void 0 : image.alt }),
+            /* @__PURE__ */ jsx("div", { "background-image": image?.src, "aria-label": image?.alt }),
             /* @__PURE__ */ jsxs("div", { className: body, children: [
               /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
                 /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [
@@ -78,7 +78,7 @@ const ImageBillboardSet = ({
                     {
                       variant: billboard_variant === "primary" || billboard_variant === "secondary" ? "primary" : "secondary"
                     }
-                  ) : /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, alt: icon == null ? void 0 : icon.altText }) }),
+                  ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
                   /* @__PURE__ */ jsx("span", { children: copy })
                 ] }, id3)) })
               ] }),

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -30,7 +30,7 @@ const ImageBillboard = ({
   textImageLineThreeSmall
 }) => {
   const billboard_variant = getVariant(variant);
-  position = position == null ? void 0 : position.toLocaleLowerCase();
+  position = position?.toLocaleLowerCase();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -40,10 +40,10 @@ const ImageBillboard = ({
         billboard({ variant: billboard_variant }),
         `rounded flex`,
         bordered ? "bordered" : "",
-        imagePlacement({ position: position == null ? void 0 : position.toLowerCase() }),
+        imagePlacement({ position: position?.toLowerCase() }),
         `${set ? "" : "containment"}`,
         position === "right" && "reversed",
-        imagePlacement({ position: position == null ? void 0 : position.toLowerCase() })
+        imagePlacement({ position: position?.toLowerCase() })
       ),
       children: [
         /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(
@@ -95,15 +95,15 @@ const ImageBillboard = ({
                   {
                     variant: billboard_variant === "primary" || billboard_variant === "secondary" ? "primary" : "secondary"
                   }
-                ) : /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, alt: icon == null ? void 0 : icon.altText }) }),
+                ) : /* @__PURE__ */ jsx("img", { src: icon?.src, alt: icon?.altText }) }),
                 /* @__PURE__ */ jsx("span", { children: copy })
               ] }, id2) : /* @__PURE__ */ jsx("ul", { className: clsx(sub_bullets, "mb_0", "push_up"), children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
                 /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
                   "img",
                   {
                     style: { maxWidth: "max-content" },
-                    src: icon == null ? void 0 : icon.src,
-                    alt: icon == null ? void 0 : icon.altText
+                    src: icon?.src,
+                    alt: icon?.altText
                   }
                 ) }),
                 /* @__PURE__ */ jsx("span", { children: copy })

package/dist/ImageLink/ImageLink.js

@@ -28,13 +28,17 @@ import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../Forms/Forms.css.js";
-import "../Forms/SalesforceFieldsForm.js";
 import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                   */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
 import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -31,13 +31,17 @@ import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../Forms/Forms.css.js";
-import "../Forms/SalesforceFieldsForm.js";
 import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                   */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import ImageLink from "./ImageLink.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -60,8 +64,8 @@ const ImageLinkSet = (props) => {
     return /* @__PURE__ */ jsx(ImageLink, { ...item }, item.id);
   });
   const additionalDetails = /* @__PURE__ */ jsxs(Fragment, { children: [
-    props == null ? void 0 : props.additionalDetails,
-    callToActionRow && (callToActionRow == null ? void 0 : callToActionRow.length) > 0 && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow == null ? void 0 : callToActionRow.map(
+    props?.additionalDetails,
+    callToActionRow && callToActionRow?.length > 0 && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow?.map(
       ({ id, variant, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
         Button,
         {

package/dist/ImageLink/index.js

@@ -28,13 +28,17 @@ import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../Forms/Forms.css.js";
-import "../Forms/SalesforceFieldsForm.js";
 import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                   */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
 import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import { ImageLinkSet } from "./ImageLinkSet.js";

package/dist/Input/Checkbox.css.d.ts

@@ -0,0 +1,10 @@
+export declare const checkboxContainer: import('@vanilla-extract/recipes').RuntimeFn<{
+    disabled: {
+        true: {};
+    };
+}>;
+export declare const checkbox: import('@vanilla-extract/recipes').RuntimeFn<{
+    [x: string]: {
+        [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
+    };
+}>;

package/dist/Input/Checkbox.css.js

@@ -0,0 +1,8 @@
+/* empty css                            */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
+var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+export {
+  checkbox,
+  checkboxContainer
+};

package/dist/Input/Checkbox.d.ts

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

package/dist/Input/Checkbox.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { checkboxContainer, checkbox } from "./Checkbox.css.js";
+import { wrapper, container, labelClassName, input, helperText } from "./Input.css.js";
+const Checkbox = forwardRef((props, ref) => {
+  const {
+    disabled,
+    sizes,
+    error = false,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    skeleton = false,
+    helperText: helper,
+    variant,
+    children,
+    ...rest
+  } = props;
+  const isCheckbox = true;
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    /* @__PURE__ */ jsx("div", { className: container({ size: sizes, error }), children: /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: labelClassName({ error, variant, isCheckbox }),
+        htmlFor: props.name,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: checkboxContainer({}), children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...rest,
+              ref,
+              type: "checkbox",
+              className: clsx(
+                props.className,
+                input({ size: sizes }),
+                checkbox({})
+              )
+            }
+          ) }),
+          children
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+});
+export {
+  Checkbox
+};

package/dist/Input/CurrencyInput.d.ts

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