@axos-web-dev/shared-components 0.0.57 → 0.0.59

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { padding, item_bio, shift, media, headshot, img_area, description, person, bio_name, job_title, copy, contacts, contact_col, svg_icon, contact_entry } from "./ExecutiveBio.css.js";
+import { padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, contact_links } from "./ExecutiveBio.css.js";
 const ExecutiveBio = ({
   id,
   executiveName,
@@ -8,6 +8,8 @@ const ExecutiveBio = ({
   executiveBodyCopy,
   executiveEmailAddress,
   executivePhoneNumber,
+  executiveLinkedIn,
+  executiveWebsite,
   executiveHeadshot,
   variant: fullVariant = "primary"
 }) => {
@@ -26,56 +28,126 @@ const ExecutiveBio = ({
     ) }) }),
     /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
       /* @__PURE__ */ jsxs("div", { className: person, children: [
-        /* @__PURE__ */ jsx("h2", { className: `${bio_name({ variant })} header_3`, children: executiveName }),
+        /* @__PURE__ */ jsx("h2", { className: `${headline_setting({ variant })} header_3`, children: executiveName }),
         /* @__PURE__ */ jsx("h3", { className: `${job_title({ variant })}`, children: executiveTitle }),
         /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
       ] }),
-      (executiveEmailAddress || executivePhoneNumber) && /* @__PURE__ */ jsx("div", { className: `${contacts} flex between push_up_24`, children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
-        executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  "fill-rule": "evenodd",
-                  "clip-rule": "evenodd",
-                  d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
-                  fill: "#1E3860",
-                  className: svg_icon({ variant })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
+      (executiveEmailAddress || executivePhoneNumber || executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `${contacts} flex between push_up_24`, children: [
+        (executivePhoneNumber || executiveEmailAddress) && /* @__PURE__ */ jsxs("div", { className: contact_col, children: [
+          executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    "fill-rule": "evenodd",
+                    "clip-rule": "evenodd",
+                    d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
+                    fill: "#1E3860",
+                    className: svg_icon({ variant })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
+          ] }),
+          executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
+                    fill: "#1E3860",
+                    className: svg_icon({ variant })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
+          ] })
         ] }),
-        executiveEmailAddress && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
-                  fill: "#1E3860",
-                  className: svg_icon({ variant })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
-        ] })
-      ] }) })
+        (executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `${contact_col} ${contact_links} flex_col between`,
+            children: [
+              executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: `${executiveLinkedIn}`,
+                    className: `${headline_setting({ variant })} btn_link`,
+                    children: "LinkedIn"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M7.81069 2.25L17.341 11.7803L7.81069 21.3107L6.75003 20.25L15.2199 11.7803L6.75003 3.31066L7.81069 2.25Z",
+                        fill: "#2F5B88",
+                        className: svg_icon({ variant })
+                      }
+                    )
+                  }
+                )
+              ] }),
+              executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: `${executiveWebsite}`,
+                    className: `${headline_setting({ variant })} btn_link`,
+                    children: "Website"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M7.81069 2.25L17.341 11.7803L7.81069 21.3107L6.75003 20.25L15.2199 11.7803L6.75003 3.31066L7.81069 2.25Z",
+                        fill: "#2F5B88",
+                        className: svg_icon({ variant })
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] })
     ] })
   ] }) }) }) });
 };

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

@@ -1,4 +1,4 @@
 import { SetContainerProps } from '../SetContainer';
 import { ExecutiveBioSetProps as Props } from './ExecutiveBio.interface';
 
-export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant, headline, }: Props & SetContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant: fullVariant, }: Props & SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -1,144 +1,37 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
-import { section_theme, bio_section_text, header_theme, components, padding, item_bio, shift, media, headshot, img_area, person, bio_name, job_title, copy, contacts, contact_col, svg_icon, contact_entry, details } from "./ExecutiveBio.css.js";
+import { ExecutiveBio } from "./ExecutiveBio.js";
+import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
 const ExecutiveBioSet = ({
   id,
   title,
   description,
   executiveBios,
   additionalDetails,
-  variant,
-  headline
+  variant: fullVariant = "primary"
 }) => {
+  const variant = getVariant(fullVariant);
   return /* @__PURE__ */ jsxs("section", { id, className: section_theme({ variant }), children: [
     /* @__PURE__ */ jsx("div", { className: "containment", children: (title || description) && /* @__PURE__ */ jsxs("div", { className: bio_section_text, children: [
-      headline && /* @__PURE__ */ jsx(
-        "h2",
-        {
-          className: `header_1 ${header_theme({ variant: getVariant(variant) })}`,
-          children: title
-        }
-      ),
+      title && /* @__PURE__ */ jsx("h2", { className: `header_1 ${header_theme({ variant })}`, children: title }),
       description && /* @__PURE__ */ jsx(Fragment, { children: description })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map(
-      ({
-        id: id2,
-        executiveName,
-        executiveTitle,
-        executiveBodyCopy,
-        executiveEmailAddress,
-        executivePhoneNumber,
-        executiveHeadshot,
-        variant: variant2
-      }) => /* @__PURE__ */ jsx("section", { className: "section_spacer", id: `id_${id2}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${padding} ${item_bio({ variant: getVariant(variant2) })} rounded`,
-          children: /* @__PURE__ */ jsxs("div", { className: `${shift} flex`, children: [
-            executiveHeadshot && /* @__PURE__ */ jsx("div", { className: media, children: /* @__PURE__ */ jsx("div", { className: headshot, children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: img_area,
-                style: {
-                  backgroundImage: `url(${executiveHeadshot?.src})`
-                },
-                role: "presentation",
-                children: " "
-              }
-            ) }) }),
-            /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
-              /* @__PURE__ */ jsxs("div", { className: person, children: [
-                title ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: `${bio_name({ variant: getVariant(variant2) })} header_3`,
-                      children: executiveName
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h4",
-                    {
-                      className: `${job_title({ variant: getVariant(variant2) })}`,
-                      children: executiveTitle
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    "h2",
-                    {
-                      className: `${bio_name({ variant: getVariant(variant2) })} header_3`,
-                      children: executiveName
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: `${job_title({ variant: getVariant(variant2) })}`,
-                      children: executiveTitle
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
-              ] }),
-              executiveEmailAddress || executivePhoneNumber && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `${contacts} flex between push_up_24`,
-                  children: /* @__PURE__ */ jsxs("div", { className: `${contact_col} flex`, children: [
-                    executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-                      /* @__PURE__ */ jsx(
-                        "svg",
-                        {
-                          width: "24",
-                          height: "24",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          children: /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              className: svg_icon({ variant: variant2 }),
-                              "fill-rule": "evenodd",
-                              "clip-rule": "evenodd",
-                              d: "M5.25 4.5C5.25 2.84315 6.59315 1.5 8.25 1.5H15.75C17.4069 1.5 18.75 2.84315 18.75 4.5V19.5C18.75 21.1569 17.4069 22.5 15.75 22.5H8.25C6.59315 22.5 5.25 21.1569 5.25 19.5V4.5ZM6.75 4.5C6.75 3.67157 7.42157 3 8.25 3C8.25 3.82843 8.92157 4.5 9.75 4.5H14.25C15.0784 4.5 15.75 3.82843 15.75 3C16.5784 3 17.25 3.67157 17.25 4.5V19.5C17.25 20.3284 16.5784 21 15.75 21H8.25C7.42157 21 6.75 20.3284 6.75 19.5V4.5Z",
-                              fill: "#1E3860"
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("div", { className: contact_entry({ variant: variant2 }), children: /* @__PURE__ */ jsx("a", { href: `tel:${executivePhoneNumber}`, children: executivePhoneNumber }) })
-                    ] }),
-                    executivePhoneNumber && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-                      /* @__PURE__ */ jsx(
-                        "svg",
-                        {
-                          className: svg_icon({ variant: variant2 }),
-                          width: "24",
-                          height: "24",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          children: /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M21 4.5C21.8284 4.5 22.5 5.17157 22.5 6V18C22.5 18.8284 21.8284 19.5 21 19.5H3C2.17157 19.5 1.5 18.8284 1.5 18V6C1.5 5.17157 2.17157 4.5 3 4.5H21ZM14.3932 12.455L14.1963 12.6098C12.8873 13.5569 11.1127 13.5569 9.80369 12.6098L9.60517 12.455L4.059 18H19.9395L14.3932 12.455ZM21 6.8655L15.5437 11.483L21 16.9395V6.8655ZM3 6.867V16.938L8.45467 11.483L3 6.867ZM19.701 6H4.2975L10.5466 11.2878C11.3296 11.9503 12.4523 11.9944 13.2806 11.4203L13.4534 11.2878L19.701 6Z",
-                              fill: "#1E3860"
-                            }
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("div", { className: contact_entry({ variant: variant2 }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
-                    ] })
-                  ] })
-                }
-              )
-            ] })
-          ] })
-        }
-      ) }) }, id2)
-    ) }),
+    /* @__PURE__ */ jsx("div", { className: components, children: executiveBios.map((bio, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      ExecutiveBio,
+      {
+        id: `id_${bio.id}`,
+        executiveName: bio?.executiveName,
+        executiveTitle: bio?.executiveTitle,
+        executiveBodyCopy: bio?.executiveBodyCopy,
+        executiveEmailAddress: bio?.executiveEmailAddress,
+        executivePhoneNumber: bio?.executivePhoneNumber,
+        executiveLinkedIn: bio?.executiveLinkedIn,
+        executiveWebsite: bio?.executiveWebsite,
+        executiveHeadshot: { src: bio?.executiveHeadshot?.src || "" },
+        variant: bio?.variant
+      },
+      index
+    ) })) }),
     additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
   ] });
 };

package/dist/ExecutiveBio/index.js

@@ -1,19 +1,20 @@
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { bio_name, bio_section_text, components, contact_col, contact_entry, contacts, copy, description, details, header_theme, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
+import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
 export {
   ExecutiveBio,
   ExecutiveBioSet,
-  bio_name,
   bio_section_text,
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   copy,
   description,
   details,
   header_theme,
+  headline_setting,
   headshot,
   img_area,
   item_bio,

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -16,8 +16,12 @@ import "react";
 import "../../Button/Button.css.js";
 import "react-use";
 /* empty css                                                   */
-import "../../IconBillboard/IconBillboard.css.js";
+import "../../Article/Article.css.js";
+import "../../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                             */
 /* empty css                                             */
+/* empty css                                                 */
+import "../../IconBillboard/IconBillboard.css.js";
 /* empty css                                             */
 /* empty css                                                       */
 import "../../Carousel/index.js";
@@ -37,6 +41,7 @@ import "../../Input/Dropdown.js";
 import "../../Input/Input.js";
 import "../../Input/Input.css.js";
 import "../../Input/InputPhone.js";
+import "../../Input/InputTextArea.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
 import "../../Forms/SalesforceFieldsForm.js";

package/dist/Forms/ApplicationStart.js

@@ -13,6 +13,7 @@ import "../Input/Dropdown.js";
 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";

package/dist/Forms/ContactCompany.d.ts

@@ -0,0 +1,25 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { PropsWithChildren, ReactNode } from 'react';
+
+export type ContactCompanyInputs = {
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+    company: string;
+};
+export interface ContactCompanyFormProps extends PropsWithChildren {
+    id?: string;
+    onSubmit?: (values: {
+        [index: string]: string;
+    }) => void;
+    icon?: boolean;
+    headline?: ReactNode | string;
+    description?: ReactNode | string;
+    disclosure?: ReactNode | string;
+    variant?: QuaternaryTypes;
+    validateEmail: (email: string) => Promise<boolean>;
+    callToAction: Omit<ChevronProps, "targetUrl">;
+}
+export declare const ContactCompany: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: ContactCompanyFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ContactCompany.js

@@ -0,0 +1,190 @@
+"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 "../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 { 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 ContactCompany = ({
+  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;
+    }),
+    company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Company is required." }).max(255, { message: "Company can have atmost 255 characters." })
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all",
+    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: `${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", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "company",
+                ...register("company", { required: true }),
+                label: "Company",
+                sizes: "medium",
+                placeholder: "Company",
+                required: true,
+                error: !!errors.company,
+                helperText: errors.company?.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 {
+  ContactCompany
+};

package/dist/Forms/ContactUsBusiness.js

@@ -9,6 +9,7 @@ import "../Input/Dropdown.js";
 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";
@@ -27,6 +28,10 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import clsx from "clsx";