@axos-web-dev/shared-components 1.0.100-dev.77 → 1.0.100-dev.78

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -1,10 +1,10 @@
-"use client";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect, createElement } from "react";
+import { createElement } from "react";
 import { getVariant } from "../utils/getVariant.js";
+import { Chevron } from "../Chevron/index.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { Overlay } from "./Overlay.js";
-import { executive_bio, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, item_bio, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay, ceoSection } from "./ExecutiveBio.css.js";
+import { executive_bio, compact, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -15,15 +15,15 @@ import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import "clsx";
-import "../Chevron/Chevron.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
+import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
+import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
 import "../Button/Button.css.js";
@@ -135,6 +135,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 const ExecutiveBio = ({
   id,
+  hasParentH2 = false,
   executiveName,
   executiveTitle,
   executiveBodyCopy,
@@ -153,156 +154,151 @@ const ExecutiveBio = ({
   backgroundOverlay = false
 }) => {
   const variant = getVariant(fullVariant);
-  const execNameRef = useRef(null);
-  const execTitleRef = useRef(null);
-  const [execNameLevel, setExecNameLevel] = useState("h2");
-  const [execTitleLevel, setExecTitleLevel] = useState("h3");
-  useEffect(() => {
-    if (execNameRef.current) {
-      const section = execNameRef.current.closest("section:has(section)");
-      if (section) {
-        const existingH2inTitle = section.querySelector("h2.header_1");
-        const existingH2inComponent = section.querySelector("h2.header_3");
-        if (existingH2inTitle) {
-          setExecNameLevel("h3");
-        }
-        if (existingH2inTitle && existingH2inComponent) {
-          setExecTitleLevel("h4");
-        }
-      }
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(Fragment, { children: bannerType === "Standard" ? /* @__PURE__ */ jsx("section", { className: `section_spacer ${executive_bio}`, id, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} 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, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: executiveHeadshot?.src, alt: "" }) }) }) }),
-    /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
-      /* @__PURE__ */ jsxs("div", { className: person, children: [
-        executiveName && createElement(
-          execNameLevel,
-          {
-            ref: execNameRef,
-            className: `header_3 ${headline_setting({ variant })}`
-          },
-          executiveName
-        ),
-        executiveTitle && createElement(
-          execTitleLevel,
-          {
-            ref: execTitleRef,
-            className: `${job_title({ variant })}`
-          },
-          executiveTitle
-        ),
-        executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
-      ] }),
-      (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",
+  const execNameLevel = hasParentH2 ? "h3" : "h2";
+  const execTitleLevel = hasParentH2 ? "h4" : "h3";
+  return /* @__PURE__ */ jsx(Fragment, { children: bannerType !== "Hero" ? /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: `${executive_bio} ${bannerType === "Compact" ? compact : ""}`,
+      id,
+      children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${padding} ${item_bio({ variant })} 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, role: "presentation", children: /* @__PURE__ */ jsx(OptimizeImage, { src: executiveHeadshot?.src, alt: "" }) }) }) }),
+        /* @__PURE__ */ jsxs("div", { className: `${description} flex_col between`, children: [
+          /* @__PURE__ */ jsxs("div", { className: person, children: [
+            executiveName && createElement(
+              execNameLevel,
               {
-                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",
-                  {
-                    fillRule: "evenodd",
-                    clipRule: "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 })
-                  }
-                )
-              }
+                className: `header_3 ${headline_setting({ variant })}`
+              },
+              executiveName
             ),
-            /* @__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",
+            executiveTitle && createElement(
+              execTitleLevel,
               {
-                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 })
-                  }
-                )
-              }
+                className: `${job_title({ variant })}`
+              },
+              executiveTitle
             ),
-            /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx("a", { href: `mailto:${executiveEmailAddress}`, children: executiveEmailAddress }) })
-          ] })
-        ] }),
-        (executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `flex middle ${url_row}`, children: [
-          executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
-            /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                height: "24",
-                width: "24",
-                children: [
-                  /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_34_11)", children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M21.376 1H2.62403C1.72722 1 1 1.72722 1 2.62403V21.376C1 22.2728 1.72722 23 2.62403 23H21.376C22.2728 23 23 22.2728 23 21.376V2.62403C23 1.72722 22.2728 1 21.376 1ZM7.55722 19.7428H4.24958V9.23472H7.55722V19.7412V19.7428ZM5.90417 7.77875C4.85153 7.77875 3.9975 6.97667 3.9975 5.87972C3.9975 4.78278 4.85153 3.98069 5.90417 3.98069C6.95681 3.98069 7.81083 4.78278 7.81083 5.87972C7.81083 6.97667 6.95681 7.77875 5.90417 7.77875ZM19.7504 19.7504H16.4428V14.0121C16.4428 12.3193 15.7232 11.7968 14.7943 11.7968C13.8135 11.7968 12.851 12.5347 12.851 14.0549V19.7519H9.54333V9.24236H12.7242V10.6983H12.7669C13.0862 10.0521 14.2046 8.9475 15.9111 8.9475C17.7567 8.9475 19.7504 10.0429 19.7504 13.2513V19.7504Z",
-                      fill: "#1E3860",
-                      className: svg_icon({ variant })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_34_11", children: /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      width: "22",
-                      height: "22",
-                      fill: "white",
-                      transform: "translate(1 1)"
-                    }
-                  ) }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveLinkedIn, children: "LinkedIn" }) })
+            executiveBodyCopy && /* @__PURE__ */ jsx("div", { className: copy, children: executiveBodyCopy })
           ] }),
-          executiveWebsite && /* @__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",
+          (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",
                   {
-                    fillRule: "evenodd",
-                    clipRule: "evenodd",
-                    d: "M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM14.1489 2.96268C15.396 3.25958 16.5456 3.80819 17.541 4.55185C17.0479 4.92025 16.5169 5.24079 15.955 5.50657C15.4554 4.5679 14.8471 3.71173 14.1489 2.96268ZM18.5052 5.38047C17.8846 5.87004 17.2076 6.29124 16.4855 6.6327C17.0807 8.07337 17.4348 9.66586 17.4915 11.3364H21.2495C21.0873 9.01027 20.068 6.92039 18.5052 5.38047ZM12.4032 3.01931C13.3464 3.81456 14.1595 4.81264 14.7923 5.96297C14.0335 6.20289 13.2325 6.34791 12.4032 6.38411V3.01931ZM15.3357 7.0952C14.409 7.40551 13.4248 7.5904 12.4032 7.62969V11.3364H16.2463C16.1906 9.81381 15.8684 8.38134 15.3357 7.0952ZM11.1587 3.01931L11.1587 6.35622C10.4387 6.29219 9.74234 6.14593 9.07907 5.92691C9.64291 4.9109 10.3478 3.76049 11.1587 3.01931ZM11.1587 7.60513C10.2455 7.53365 9.365 7.34562 8.53212 7.05589C7.98967 8.35213 7.66148 9.79828 7.60516 11.3364H11.1587V7.60513ZM9.66329 3.00507C8.99396 3.73051 8.4084 4.55491 7.92336 5.45629C7.40009 5.20069 6.90443 4.89732 6.44205 4.55185C7.39178 3.84227 8.48193 3.31027 9.66329 3.00507ZM7.38787 6.58008C6.70679 6.24829 6.06686 5.84518 5.47779 5.38047C3.91502 6.92039 2.89567 9.01027 2.73347 11.3364H6.36001C6.41741 9.64549 6.77947 8.03455 7.38787 6.58008ZM21.2539 12.5809C21.1064 14.9333 20.0827 17.048 18.5052 18.6024C17.8481 18.0839 17.1277 17.6422 16.3574 17.2906C16.993 15.8557 17.386 14.2604 17.4784 12.5809H21.2539ZM17.541 19.431C17.0021 19.0284 16.4181 18.683 15.7979 18.4037C15.221 19.4225 14.5137 20.3374 13.7013 21.115C15.1213 20.8506 16.4276 20.2628 17.541 19.431ZM16.2323 12.5809C16.1408 14.1185 15.7771 15.559 15.2 16.8432C14.3131 16.5597 13.3751 16.3905 12.4032 16.3531V12.5809H16.2323ZM14.6179 17.9666C13.9111 17.7584 13.1692 17.6322 12.4032 17.5987V20.6047C13.2619 19.8807 14.0127 18.9886 14.6179 17.9666ZM11.1587 12.5809V16.3777C10.2951 16.4453 9.46081 16.6171 8.66834 16.8806C8.0815 15.587 7.71159 14.1334 7.61924 12.5809H11.1587ZM11.1587 17.6266C10.5016 17.685 9.86413 17.812 9.25358 18.0002C9.78588 18.8919 10.4294 19.9381 11.1587 20.6047V17.6266ZM6.37306 12.5809C6.46656 14.2801 6.8678 15.8932 7.51657 17.3411C6.78731 17.6842 6.10383 18.1085 5.47779 18.6024C3.90035 17.048 2.87657 14.9333 2.72913 12.5809H6.37306ZM8.08081 18.4515C7.49934 18.722 6.95056 19.051 6.44205 19.431C7.51211 20.2305 8.76043 20.8045 10.1166 21.0827C9.33093 20.3243 8.64461 19.4371 8.08081 18.4515Z",
-                    fill: "#1E3860",
-                    className: svg_icon({ variant })
+                    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",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "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(Hyperlink, { targetUrl: executiveWebsite, children: "Website" }) })
+                ),
+                /* @__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 }) })
+              ] })
+            ] }),
+            (executiveLinkedIn || executiveWebsite) && /* @__PURE__ */ jsxs("div", { className: `flex middle ${url_row}`, children: [
+              executiveLinkedIn && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+                /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    height: "24",
+                    width: "24",
+                    children: [
+                      /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_34_11)", children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          d: "M21.376 1H2.62403C1.72722 1 1 1.72722 1 2.62403V21.376C1 22.2728 1.72722 23 2.62403 23H21.376C22.2728 23 23 22.2728 23 21.376V2.62403C23 1.72722 22.2728 1 21.376 1ZM7.55722 19.7428H4.24958V9.23472H7.55722V19.7412V19.7428ZM5.90417 7.77875C4.85153 7.77875 3.9975 6.97667 3.9975 5.87972C3.9975 4.78278 4.85153 3.98069 5.90417 3.98069C6.95681 3.98069 7.81083 4.78278 7.81083 5.87972C7.81083 6.97667 6.95681 7.77875 5.90417 7.77875ZM19.7504 19.7504H16.4428V14.0121C16.4428 12.3193 15.7232 11.7968 14.7943 11.7968C13.8135 11.7968 12.851 12.5347 12.851 14.0549V19.7519H9.54333V9.24236H12.7242V10.6983H12.7669C13.0862 10.0521 14.2046 8.9475 15.9111 8.9475C17.7567 8.9475 19.7504 10.0429 19.7504 13.2513V19.7504Z",
+                          fill: "#1E3860",
+                          className: svg_icon({ variant })
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_34_11", children: /* @__PURE__ */ jsx(
+                        "rect",
+                        {
+                          width: "22",
+                          height: "22",
+                          fill: "white",
+                          transform: "translate(1 1)"
+                        }
+                      ) }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveLinkedIn, children: "LinkedIn" }) })
+              ] }),
+              executiveWebsite && /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
+                bannerType !== "Compact" && /* @__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",
+                      {
+                        fillRule: "evenodd",
+                        clipRule: "evenodd",
+                        d: "M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM14.1489 2.96268C15.396 3.25958 16.5456 3.80819 17.541 4.55185C17.0479 4.92025 16.5169 5.24079 15.955 5.50657C15.4554 4.5679 14.8471 3.71173 14.1489 2.96268ZM18.5052 5.38047C17.8846 5.87004 17.2076 6.29124 16.4855 6.6327C17.0807 8.07337 17.4348 9.66586 17.4915 11.3364H21.2495C21.0873 9.01027 20.068 6.92039 18.5052 5.38047ZM12.4032 3.01931C13.3464 3.81456 14.1595 4.81264 14.7923 5.96297C14.0335 6.20289 13.2325 6.34791 12.4032 6.38411V3.01931ZM15.3357 7.0952C14.409 7.40551 13.4248 7.5904 12.4032 7.62969V11.3364H16.2463C16.1906 9.81381 15.8684 8.38134 15.3357 7.0952ZM11.1587 3.01931L11.1587 6.35622C10.4387 6.29219 9.74234 6.14593 9.07907 5.92691C9.64291 4.9109 10.3478 3.76049 11.1587 3.01931ZM11.1587 7.60513C10.2455 7.53365 9.365 7.34562 8.53212 7.05589C7.98967 8.35213 7.66148 9.79828 7.60516 11.3364H11.1587V7.60513ZM9.66329 3.00507C8.99396 3.73051 8.4084 4.55491 7.92336 5.45629C7.40009 5.20069 6.90443 4.89732 6.44205 4.55185C7.39178 3.84227 8.48193 3.31027 9.66329 3.00507ZM7.38787 6.58008C6.70679 6.24829 6.06686 5.84518 5.47779 5.38047C3.91502 6.92039 2.89567 9.01027 2.73347 11.3364H6.36001C6.41741 9.64549 6.77947 8.03455 7.38787 6.58008ZM21.2539 12.5809C21.1064 14.9333 20.0827 17.048 18.5052 18.6024C17.8481 18.0839 17.1277 17.6422 16.3574 17.2906C16.993 15.8557 17.386 14.2604 17.4784 12.5809H21.2539ZM17.541 19.431C17.0021 19.0284 16.4181 18.683 15.7979 18.4037C15.221 19.4225 14.5137 20.3374 13.7013 21.115C15.1213 20.8506 16.4276 20.2628 17.541 19.431ZM16.2323 12.5809C16.1408 14.1185 15.7771 15.559 15.2 16.8432C14.3131 16.5597 13.3751 16.3905 12.4032 16.3531V12.5809H16.2323ZM14.6179 17.9666C13.9111 17.7584 13.1692 17.6322 12.4032 17.5987V20.6047C13.2619 19.8807 14.0127 18.9886 14.6179 17.9666ZM11.1587 12.5809V16.3777C10.2951 16.4453 9.46081 16.6171 8.66834 16.8806C8.0815 15.587 7.71159 14.1334 7.61924 12.5809H11.1587ZM11.1587 17.6266C10.5016 17.685 9.86413 17.812 9.25358 18.0002C9.78588 18.8919 10.4294 19.9381 11.1587 20.6047V17.6266ZM6.37306 12.5809C6.46656 14.2801 6.8678 15.8932 7.51657 17.3411C6.78731 17.6842 6.10383 18.1085 5.47779 18.6024C3.90035 17.048 2.87657 14.9333 2.72913 12.5809H6.37306ZM8.08081 18.4515C7.49934 18.722 6.95056 19.051 6.44205 19.431C7.51211 20.2305 8.76043 20.8045 10.1166 21.0827C9.33093 20.3243 8.64461 19.4371 8.08081 18.4515Z",
+                        fill: "#1E3860",
+                        className: svg_icon({ variant })
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: contact_entry({ variant }), children: bannerType === "Compact" ? /* @__PURE__ */ jsx(
+                  Chevron,
+                  {
+                    targetUrl: executiveWebsite,
+                    variant: variant === "primary" || variant === "secondary" ? "primary" : "secondary",
+                    children: "Read Bio"
+                  }
+                ) : /* @__PURE__ */ jsx(Hyperlink, { targetUrl: executiveWebsite, children: "Website" }) })
+              ] })
+            ] })
           ] })
         ] })
-      ] })
-    ] })
-  ] }) }) }) }) : /* @__PURE__ */ jsxs("section", { id, className: ceoSection({ variant }), children: [
+      ] }) }) })
+    }
+  ) : /* @__PURE__ */ jsxs("section", { id, className: ceoSection({ variant }), children: [
     /* @__PURE__ */ jsx("div", { className: `containment ${ceoContainer}`, children: /* @__PURE__ */ jsxs("div", { className: ceoWrapper, children: [
       (executiveHeadshot || bullets) && /* @__PURE__ */ jsxs("div", { className: ceoMedia, children: [
         /* @__PURE__ */ jsx("div", { className: ceoImgWrapper, role: "presentation", children: /* @__PURE__ */ jsxs("picture", { children: [

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

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

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -1,37 +1,51 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { bio_section_text, header_theme, components, details, section_theme } from "./ExecutiveBio.css.js";
+import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
+import "../utils/allowedAxosDomains.js";
+import "react";
+import { columnValues } from "../utils/variant.types.js";
+import { getNumOfColumns } from "../utils/getNumber.js";
 const ExecutiveBioSet = ({
   id,
   title,
   description,
   executiveBios,
   additionalDetails,
-  variant: fullVariant = "primary"
+  variant: fullVariant = "primary",
+  numberOfColumns = "1 Column"
 }) => {
   const variant = getVariant(fullVariant);
+  const numOfCols = getNumOfColumns(numberOfColumns);
   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: [
       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((bio) => /* @__PURE__ */ jsx(
-      ExecutiveBio,
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        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
-      },
-      bio.id
-    )) }),
+        className: numOfCols && columnValues.includes(numOfCols) ? `${components({ columns: numOfCols })} cols_${numOfCols} containment` : "",
+        children: executiveBios.map((bio) => /* @__PURE__ */ jsx(
+          ExecutiveBio,
+          {
+            id: `id_${bio.id}`,
+            hasParentH2: Boolean(title),
+            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,
+            bannerType: bio?.bannerType
+          },
+          bio.id
+        ))
+      }
+    ),
     additionalDetails && /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: details, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) }) })
   ] });
 };

package/dist/ExecutiveBio/index.js

@@ -1,5 +1,5 @@
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio.css.js";
+import { bio_section_text, bulletsHeadline, bulletsWrapper, ceoContainer, ceoContent, ceoHeader, ceoImgWrapper, ceoMedia, ceoPersonalInfo, ceoSection, ceoWrapper, ceo_body, ceo_contacts, ceo_name, ceo_quote, ceo_title, compact, components, contact_col, contact_entry, contacts, copy, description, details, executive_bio, flexColumn, header_theme, headline_setting, headshot, highlights, hover, imgAlignment, img_area, item_bio, job_title, media, order_3, overlay, padding, person, section_theme, shift, social, stroke_color, svg_color, svg_icon, tooltip, url_row } from "./ExecutiveBio.css.js";
 import { ExecutiveBioSet } from "./ExecutiveBioSet.js";
 export {
   ExecutiveBio,
@@ -20,6 +20,7 @@ export {
   ceo_name,
   ceo_quote,
   ceo_title,
+  compact,
   components,
   contact_col,
   contact_entry,

package/dist/FaqAccordion/index.js

@@ -135,7 +135,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { content, summary, summaryHeader, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
+import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
   addItem: (id) => {

package/dist/FdicCallout/FdicCallout.module.js

@@ -1,5 +1,5 @@
-import '../assets/FdicCallout/FdicCallout.css.css';const fdic_callout = "_fdic_callout_eqzgp_1";
-const inner_container = "_inner_container_eqzgp_11";
+import '../assets/FdicCallout/FdicCallout.css.css';const fdic_callout = "_fdic_callout_1f6md_1";
+const inner_container = "_inner_container_1f6md_6";
 const css = {
   fdic_callout,
   inner_container

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { footerDisclosure, iconsContent, footerParagraph } from "./FooterDisclosure.css.js";
+import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
 const FooterContent = (props) => {
   return /* @__PURE__ */ jsx(
     "div",

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -47,7 +47,7 @@ import "../../Input/RadioButton.js";
 import "../../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, centerSelect, formWrapper, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
+import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";

package/dist/HeroBanner/HeroBanner.js

@@ -16,8 +16,8 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import { getVariant } from "../utils/getVariant.js";
 import Image from "next/image.js";
 import clsx from "clsx";
-import { logout, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, hero_banner, reversed_lg_image } from "./HeroBanner.css.js";
-import { lg_hero_content, lg_hero_eyebrow, lg_headline_text, lg_hero_text, lg_hero_img, lg_hero_sizing, lg_hero_banner } from "./LargeBanner.css.js";
+import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, reversed_lg_image } 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_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,

package/dist/IconBillboard/IconBillboardSet.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,

package/dist/ImageBillboard/ImageBillboard.js

@@ -15,7 +15,7 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
-import { section_text_ImageBillboard, header, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas, billboard } from "./ImageBillboard.css.js";
+import { section_text_ImageBillboard, header, billboard, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({
   id,
   variant,

package/dist/Input/Checkbox.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { checkbox, checkboxContainer } from "./Checkbox.css.js";
-import { input, labelClassName, container, helperText, wrapper } from "./Input.css.js";
+import { checkboxContainer, checkbox } from "./Checkbox.css.js";
+import { wrapper, container, labelClassName, input, helperText } from "./Input.css.js";
 const Checkbox = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Input/DownPaymentInput.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef, useState, useEffect } from "react";
-import { labelClassName, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, input, helperText } from "./Input.css.js";
 import { dp_input } from "./Dropdown.css.js";
 const DownPaymentInput = forwardRef(
   ({

package/dist/Input/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
 import { selectInput } from "./Dropdown.css.js";
-import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
 const Dropdown = forwardRef(
   (props, ref) => {
     const {

package/dist/Input/Input.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
 const Input = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Input/InputTextArea.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { labelClassName, iconContainer, iconInput, input, container, helperText, wrapper } from "./Input.css.js";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
 const InputTextArea = forwardRef((props, ref) => {
   const {
     disabled,

package/dist/Insight/Featured/Featured.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Fragment } from "react";
 import { getVariant } from "../../utils/getVariant.js";
@@ -101,7 +101,7 @@ import "next/script.js";
 /* empty css                                           */
 /* empty css                            */
 /* empty css                                    */
-import { featured_title, featured_maingrid_img, featured_maingrid_title, featured_center_vertical, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section, featured_subgrid_item, featured_supertag, featured_subgrid_title } from "./Featured.css.js";
+import { featured_subgrid_item, featured_supertag, featured_subgrid_title, featured_center_vertical, featured_title, featured_maingrid_img, featured_maingrid_title, featured_maingrid_item, featured_maingrid, featured_hero, featured_subgrid_divider, featured_subgrid, featured_grid, featured_section } from "./Featured.css.js";
 /* empty css                          */
 import "../../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                                         */

package/dist/Interstitial/Interstitial.module.js

@@ -1,13 +1,13 @@
-import '../assets/Interstitial/Interstitial.css.css';const overlay = "_overlay_1ep5z_47";
-const modal = "_modal_1ep5z_79";
-const vanish = "_vanish_1ep5z_1";
-const appear = "_appear_1ep5z_1";
-const close_button = "_close_button_1ep5z_109";
-const modal_content = "_modal_content_1ep5z_139";
-const img_area = "_img_area_1ep5z_147";
-const body_copy = "_body_copy_1ep5z_167";
-const btns = "_btns_1ep5z_195";
-const white_modal = "_white_modal_1ep5z_277";
+import '../assets/Interstitial/Interstitial.css.css';const overlay = "_overlay_e4cra_24";
+const modal = "_modal_e4cra_40";
+const vanish = "_vanish_e4cra_1";
+const appear = "_appear_e4cra_1";
+const close_button = "_close_button_e4cra_55";
+const modal_content = "_modal_content_e4cra_70";
+const img_area = "_img_area_e4cra_74";
+const body_copy = "_body_copy_e4cra_84";
+const btns = "_btns_e4cra_98";
+const white_modal = "_white_modal_e4cra_139";
 const css = {
   overlay,
   modal,

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -17,7 +17,7 @@ import SvgComponent$7 from "../icons/Logos/GBLVF.js";
 import SvgComponent$6 from "../icons/Logos/LVF.js";
 import SvgComponent$8 from "../icons/Logos/SPB.js";
 import { getVariant } from "../utils/getVariant.js";
-import { spb_container, lp_container, spb_hover, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader.css.js";
+import { lp_theme, spb_container, lp_container, spb_hover, lp_hover, svg_fill } from "./LandingPageHeader.css.js";
 const LandingPageHeader = ({
   id,
   variant: fullVariant = "primary",