@axos-web-dev/shared-components 0.0.56 → 0.0.58

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, bio_name, 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"
 }) => {
@@ -30,52 +32,108 @@ const ExecutiveBio = ({
         /* @__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: "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: "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 { ExecutiveBioSetProps as Props } from './ExecutiveBio.interface';
 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, headline, variant: fullVariant, }: Props & SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -1,144 +1,38 @@
 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
+  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
-        }
-      ),
+      headline && /* @__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: bio?.executiveHeadshot,
+        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,5 +1,5 @@
 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_name, bio_section_text, components, contact_col, contact_entry, contact_links, 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 { ExecutiveBioSet } from "./ExecutiveBioSet.js";
 export {
   ExecutiveBio,
@@ -9,6 +9,7 @@ export {
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   copy,
   description,

package/dist/FaqAccordion/index.d.ts

@@ -1,4 +1,3 @@
-import { header } from './FaqAccordion.css';
 import { PropsWithChildren } from 'react';
 
 export interface AccordionItemProps extends PropsWithChildren {
@@ -7,8 +6,10 @@ export interface AccordionItemProps extends PropsWithChildren {
 export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemSummary: (props: {
     id: string;
+    level: string;
 } & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;
+    accordionEmbedLevel?: string;
 } & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/FaqAccordion/index.js

@@ -7,17 +7,30 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
+import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
 import { icon } from "../Accordion/Accordion.css.js";
 import { summary, summaryHeader, content, header, faqAccordion } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
-  itemOpened: "",
-  toggle: (id) => set(() => ({ itemOpened: id }))
+  itemsOpened: [],
+  addItem: (id) => {
+    set((state) => ({
+      itemsOpened: [...state.itemsOpened, id]
+    }));
+  },
+  removeItem: (id) => {
+    set((state) => ({
+      itemsOpened: state.itemsOpened.filter((item) => item !== id)
+    }));
+  }
 }));
 const AccordionItem = (props) => {
-  const selectItem = useAccordion((state) => state.toggle);
-  const isOpen = useAccordion((state) => state.itemOpened);
+  const addItem = useAccordion((state) => state.addItem);
+  const removeItem = useAccordion((state) => state.removeItem);
+  const isOpen = useAccordion((state) => state.itemsOpened);
   const toggle = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
     const ev = event.target;
     let evClasses = ev.getAttribute("class");
     if (!evClasses) {
@@ -26,11 +39,10 @@ const AccordionItem = (props) => {
     if (!evClasses?.includes(summary) !== (evClasses?.includes(summaryHeader) || evClasses?.includes(icon))) {
       return;
     }
-    event.preventDefault();
-    if (isOpen !== props.id) {
-      selectItem(props.id);
+    if (!isOpen.includes(props.id)) {
+      addItem(props.id);
     } else {
-      selectItem("");
+      removeItem(props.id);
     }
   };
   return /* @__PURE__ */ jsx(
@@ -40,16 +52,17 @@ const AccordionItem = (props) => {
         toggle(e);
         return;
       },
-      open: isOpen === props.id,
+      open: isOpen.includes(props.id),
       children: props.children
     }
   );
 };
 const AccordionItemSummary = (props) => {
-  const isOpen = useAccordion((state) => state.itemOpened);
+  const level = getLevelNumber(props.level);
+  const isOpen = useAccordion((state) => state.itemsOpened);
   return /* @__PURE__ */ jsxs("summary", { className: summary, children: [
-    /* @__PURE__ */ jsx("div", { className: summaryHeader, children: props.children }),
-    /* @__PURE__ */ jsx("div", { className: icon, children: isOpen === props.id ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
+    level === 1 ? /* @__PURE__ */ jsx("h3", { className: summaryHeader, children: props.children }) : level === 2 ? /* @__PURE__ */ jsx("h4", { className: summaryHeader, children: props.children }) : /* @__PURE__ */ jsx("h5", { className: summaryHeader, children: props.children }),
+    /* @__PURE__ */ jsx("div", { className: icon, children: isOpen.includes(props.id) ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
   ] });
 };
 const AccordionItemContent = (props) => {
@@ -58,7 +71,7 @@ const AccordionItemContent = (props) => {
 const FaqAccordion = (props) => {
   const { children } = props;
   return /* @__PURE__ */ jsxs("section", { children: [
-    props.header && /* @__PURE__ */ jsx("p", { className: header, children: props.header }),
+    props.header && /* @__PURE__ */ jsx("h2", { className: header, children: props.header }),
     /* @__PURE__ */ jsx("div", { className: faqAccordion, children })
   ] });
 };

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;