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

package/dist/AwardsBanner/AwardsBanner.css.js

@@ -0,0 +1,7 @@
+/* empty css                                */
+var awards_section = "_1amgyqo0";
+var awards_row = "_1amgyqo1";
+export {
+  awards_row,
+  awards_section
+};

package/dist/AwardsBanner/AwardsBanner.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { AwardsItemProps } from '../AwardsItem/AwardsItem';
+
+export interface AwardsBannerProps {
+    id: string;
+    awardsItems: AwardsItemProps[];
+}
+export declare const AwardsBanner: FC<AwardsBannerProps>;

package/dist/AwardsBanner/AwardsBanner.js

@@ -0,0 +1,18 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { AwardsItem } from "../AwardsItem/AwardsItem.js";
+import { awards_section, awards_row } from "./AwardsBanner.css.js";
+const AwardsBanner = ({ id, awardsItems }) => {
+  return /* @__PURE__ */ jsx("section", { className: awards_section, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${awards_row} flex middle mobile`, children: awardsItems?.map((award, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    AwardsItem,
+    {
+      id: `id_${id}`,
+      starRating: award?.starRating,
+      awardsName: award?.awardsName,
+      awardsSource: award?.awardsSource
+    },
+    index
+  ) })) }) }) });
+};
+export {
+  AwardsBanner
+};

package/dist/AwardsBanner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AwardsBanner.css';
+export * from './AwardsBanner';

package/dist/AwardsBanner/index.js

@@ -0,0 +1,7 @@
+import { awards_row, awards_section } from "./AwardsBanner.css.js";
+import { AwardsBanner } from "./AwardsBanner.js";
+export {
+  AwardsBanner,
+  awards_row,
+  awards_section
+};

package/dist/AwardsItem/AwardsItem.css.d.ts

@@ -0,0 +1,3 @@
+export declare const award_item: string;
+export declare const award_company: string;
+export declare const award_name: string;

package/dist/AwardsItem/AwardsItem.css.js

@@ -0,0 +1,10 @@
+/* empty css                                          */
+/* empty css                              */
+var award_item = "_16tnqb20";
+var award_company = "_16tnqb21";
+var award_name = "_16tnqb22";
+export {
+  award_company,
+  award_item,
+  award_name
+};

package/dist/AwardsItem/AwardsItem.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export interface AwardsItemProps {
+    id: string;
+    starRating?: string;
+    awardsName: string;
+    awardsSource: string;
+}
+export declare const AwardsItem: FC<AwardsItemProps>;

package/dist/AwardsItem/AwardsItem.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { award_item, award_name, award_company } from "./AwardsItem.css.js";
+const AwardsItem = ({
+  id,
+  starRating,
+  awardsName,
+  awardsSource
+}) => {
+  let rating;
+  switch (starRating) {
+    case "5.0 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/2fdRGVo32cUTltS5a0QKkF/9e3d0ce07b648fad2de7177bb7685f39/5-stars.svg";
+      break;
+    case "4.5 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/5kDSlcD0nHPpfsO2d9MXmj/680304bee0f48365388a9b43b0ec9aab/4point5-stars.svg";
+      break;
+    case "4.0 Stars":
+      rating = "https://images.axos.com/o9ov1v03uwqk/7qNXIOMTzaDfPhCAlXP41u/2a7d54670fb94594994a2beb3b3c00fc/4-stars.svg";
+      break;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `${award_item} text_center`, id: `id_${id}`, children: [
+    starRating && /* @__PURE__ */ jsx("img", { src: rating, alt: "", role: "presentation" }),
+    /* @__PURE__ */ jsx("p", { className: award_name, children: awardsName }),
+    /* @__PURE__ */ jsx("p", { className: award_company, children: awardsSource })
+  ] });
+};
+export {
+  AwardsItem
+};

package/dist/AwardsItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AwardsItem.css';
+export * from './AwardsItem';

package/dist/AwardsItem/index.js

@@ -0,0 +1,8 @@
+import { award_company, award_item, award_name } from "./AwardsItem.css.js";
+import { AwardsItem } from "./AwardsItem.js";
+export {
+  AwardsItem,
+  award_company,
+  award_item,
+  award_name
+};

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import { ButtonVariants } from './Button.css';
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonVariants } from './Button.css';
 
 export type ButtonBase = {
     children?: ReactNode;

package/dist/Button/GoBackButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonVariants } from './Button.css';
 import { ButtonProps } from './Button';
+import { ButtonVariants } from './Button.css';
 
 export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/CallToActionBar/CallToActionBar.interface.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ReactNode } from 'react';
 
 export interface CallToActionBarInterface {
     id?: string;

package/dist/CallToActionBar/index.d.ts

@@ -1,4 +1,4 @@
-import { CallToActionBarInterface } from './CallToActionBar.interface';
 import { FC } from 'react';
+import { CallToActionBarInterface } from './CallToActionBar.interface';
 
 export declare const CallToActionBar: FC<CallToActionBarInterface>;

package/dist/Carousel/Carousel.css.d.ts

@@ -1,6 +1,34 @@
 import { RecipeVariants } from '@vanilla-extract/recipes';
 
 export declare const dots: string;
+export declare const headerCarousel: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
+        };
+    };
+}>;
 export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
@@ -21,6 +49,22 @@ export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
+export declare const descriptionCarousel: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
 export declare const authorLocation: string;
 export declare const author: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {

package/dist/Carousel/Carousel.css.js

@@ -3,20 +3,24 @@
 /* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var dots = "jgs3fs0";
-var carousel = createRuntimeFn({ defaultClassName: "jgs3fs1", variantClassNames: { variant: { primary: "jgs3fs2", secondary: "jgs3fs3", tertiary: "jgs3fs4", quaternary: "jgs3fs5" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
-var authorLocation = "jgs3fs6";
-var author = createRuntimeFn({ defaultClassName: "jgs3fs8 jgs3fs7", variantClassNames: { variant: { primary: "jgs3fs9", secondary: "jgs3fsa", tertiary: "jgs3fsb", quaternary: "jgs3fsc" } }, defaultVariants: {}, compoundVariants: [] });
-var slideBase = "jgs3fsd";
-var slide = { show: "jgs3fse jgs3fsd", hide: "jgs3fsf jgs3fsd" };
-var slides = "jgs3fsg";
-var icon = createRuntimeFn({ defaultClassName: "jgs3fsh", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var dot = createRuntimeFn({ defaultClassName: "jgs3fsi", variantClassNames: { variant: { primary: "jgs3fsj", secondary: "jgs3fsk", tertiary: "jgs3fsl", quaternary: "jgs3fsm" }, selected: { true: "jgs3fsn" } }, defaultVariants: { variant: "primary" }, compoundVariants: [[{ variant: "primary", selected: true }, "jgs3fso"], [{ variant: "secondary", selected: true }, "jgs3fsp"], [{ variant: "tertiary", selected: true }, "jgs3fsq"], [{ variant: "quaternary", selected: true }, "jgs3fsr"]] });
+var headerCarousel = createRuntimeFn({ defaultClassName: "jgs3fs1", variantClassNames: { variant: { primary: "jgs3fs2", secondary: "jgs3fs3", tertiary: "jgs3fs4", quaternary: "jgs3fs5" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var carousel = createRuntimeFn({ defaultClassName: "jgs3fs6", variantClassNames: { variant: { primary: "jgs3fs7", secondary: "jgs3fs8", tertiary: "jgs3fs9", quaternary: "jgs3fsa" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var descriptionCarousel = createRuntimeFn({ defaultClassName: "jgs3fsb", variantClassNames: { variant: { primary: "jgs3fsc", secondary: "jgs3fsd", tertiary: "jgs3fse", quaternary: "jgs3fsf" } }, defaultVariants: {}, compoundVariants: [] });
+var authorLocation = "jgs3fsg";
+var author = createRuntimeFn({ defaultClassName: "jgs3fsi jgs3fsh", variantClassNames: { variant: { primary: "jgs3fsj", secondary: "jgs3fsk", tertiary: "jgs3fsl", quaternary: "jgs3fsm" } }, defaultVariants: {}, compoundVariants: [] });
+var slideBase = "jgs3fsn";
+var slide = { show: "jgs3fso jgs3fsn", hide: "jgs3fsp jgs3fsn" };
+var slides = "jgs3fsq";
+var icon = createRuntimeFn({ defaultClassName: "jgs3fsr", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var dot = createRuntimeFn({ defaultClassName: "jgs3fss", variantClassNames: { variant: { primary: "jgs3fst", secondary: "jgs3fsu", tertiary: "jgs3fsv", quaternary: "jgs3fsw" }, selected: { true: "jgs3fsx" } }, defaultVariants: { variant: "primary" }, compoundVariants: [[{ variant: "primary", selected: true }, "jgs3fsy"], [{ variant: "secondary", selected: true }, "jgs3fsz"], [{ variant: "tertiary", selected: true }, "jgs3fs10"], [{ variant: "quaternary", selected: true }, "jgs3fs11"]] });
 export {
   author,
   authorLocation,
   carousel,
+  descriptionCarousel,
   dot,
   dots,
+  headerCarousel,
   icon,
   slide,
   slideBase,

package/dist/Carousel/index.d.ts

@@ -1,5 +1,5 @@
-import { carouselVariants } from './Carousel.css';
 import { PropsWithChildren, ReactNode } from 'react';
+import { carouselVariants } from './Carousel.css';
 
 export interface SlideProps extends PropsWithChildren {
     id: string | number;
@@ -13,6 +13,8 @@ export interface CarouselProps extends PropsWithChildren {
     time?: number;
     selectedItem?: string | number;
     items?: SlideProps[];
+    title?: ReactNode;
+    description?: ReactNode;
 }
 export declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
 export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Carousel/index.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { section_text } from "../IconBillboard/IconBillboard.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
@@ -9,9 +10,61 @@ import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
 import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
 /* empty css                                                */
+/* empty css                                          */
+/* empty css                                          */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Modal/contextApi/store.js";
+import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import React, { useEffect, Children, cloneElement } from "react";
-import { icon, slide, authorLocation, author, carousel, slides, dots, dot } from "./Carousel.css.js";
+import "../Button/Button.css.js";
+import "react-use";
+/* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
+/* empty css                                                    */
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                         */
+import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                   */
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../SetContainer/SetContainer.css.js";
+import "../ImageBillboard/ImageBillboard.css.js";
+import "../LandingPageHeader/LandingPageHeader.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItems/StepItems.css.js";
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+import { icon, slide, authorLocation, author, headerCarousel, descriptionCarousel, carousel, slides, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [
@@ -47,9 +100,18 @@ const CarouselSlide = (props) => {
   ] }) });
 };
 const Carousel = (props) => {
-  const { children, time = 5e3, variant, items, auto = false } = props;
+  const {
+    children,
+    time = 5e3,
+    variant: fullVariant = "primary",
+    items,
+    auto = false,
+    title = void 0,
+    description = void 0
+  } = props;
   const change = useCarousel((state) => state.change);
   const itemSelected = useCarousel((state) => state.selected);
+  const variant = getVariant(fullVariant);
   useEffect(() => {
     if (!auto) {
       return;
@@ -71,7 +133,7 @@ const Carousel = (props) => {
   };
   const child = children;
   const showDots = () => {
-    if (children && child?.props?.content?.length > 1) {
+    if (children && child?.length > 1) {
       return /* @__PURE__ */ jsx("div", { className: dots, children: Children.map(children, (_, indx) => /* @__PURE__ */ jsx(
         "div",
         {
@@ -81,36 +143,32 @@ const Carousel = (props) => {
         indx
       )) });
     }
-    if (items && items.length > 1) {
-      return /* @__PURE__ */ jsx("div", { className: dots, children: items.map((_, indx) => /* @__PURE__ */ jsx(
-        "div",
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `containment`, children: [
+    /* @__PURE__ */ jsxs("div", { className: section_text, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerCarousel({ variant })), children: title }),
+      /* @__PURE__ */ jsx("div", { className: clsx(descriptionCarousel({ variant })), children: description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: clsx(carousel({ variant })), children: [
+      /* @__PURE__ */ jsx("div", { children: iconVarints.get(variant) }),
+      /* @__PURE__ */ jsx("div", { className: slides, children: children ? Children.map(
+        children,
+        (item, idx) => React.isValidElement(item) && cloneElement(item, {
+          ...item.props,
+          selected: idx === itemSelected,
+          variant
+        })
+      ) : items?.map((item, idx) => /* @__PURE__ */ jsx(
+        CarouselSlide,
         {
-          onClick: () => selectItem(indx),
-          className: dot({ variant, selected: indx === itemSelected })
+          selected: idx === itemSelected,
+          ...item,
+          variant
         },
-        indx
-      )) });
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: clsx(carousel({ variant })), children: [
-    /* @__PURE__ */ jsx("div", { children: iconVarints.get(variant) }),
-    /* @__PURE__ */ jsx("div", { className: slides, children: children ? Children.map(
-      children,
-      (item, idx) => React.isValidElement(item) && cloneElement(item, {
-        ...item.props,
-        selected: idx === itemSelected,
-        variant
-      })
-    ) : items?.map((item, idx) => /* @__PURE__ */ jsx(
-      CarouselSlide,
-      {
-        selected: idx === itemSelected,
-        ...item,
-        variant
-      },
-      item.id
-    )) }),
-    showDots()
+        item.id
+      )) }),
+      showDots()
+    ] })
   ] });
 };
 export {

package/dist/Chevron/Chevron.interface.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactNode } from 'react';
 import { CallToActionTypes } from '../utils/variant.types';
+import { PropsWithChildren, ReactNode } from 'react';
 
 export interface ChevronProps extends PropsWithChildren {
     /**

package/dist/Chevron/index.d.ts

@@ -1,4 +1,4 @@
-import { ChevronProps } from './Chevron.interface';
 import { FC } from 'react';
+import { ChevronProps } from './Chevron.interface';
 
 export declare const Chevron: FC<ChevronProps>;

package/dist/Chevron/index.js

@@ -18,8 +18,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";
@@ -39,6 +43,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/ContentBanner/ContentBanner.interface.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ReactNode } from 'react';
 
 export interface HeroBannerInterface {
     id?: string;

package/dist/ContentBanner/index.d.ts

@@ -1,4 +1,4 @@
-import { HeroBannerInterface as ContentBannerInterface } from './ContentBanner.interface';
 import { FC } from 'react';
+import { HeroBannerInterface as ContentBannerInterface } from './ContentBanner.interface';
 
 export declare const ContentBanner: FC<ContentBannerInterface>;

package/dist/DownloadTile/index.d.ts

@@ -1,4 +1,4 @@
-import { DownloadTileSet } from './DownloadTile.interface';
 import { FC } from 'react';
+import { DownloadTileSet } from './DownloadTile.interface';
 
 export declare const DownloadTile: FC<DownloadTileSet>;

package/dist/ExecutiveBio/ExecutiveBio.css.d.ts

@@ -88,6 +88,7 @@ export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn
     };
 }>;
 export declare const contacts: string;
+export declare const contact_links: string;
 export declare const headshot: string;
 export declare const img_area: string;
 export declare const media: string;
@@ -101,51 +102,12 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
-                };
-            };
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
-                };
-            };
         };
         quaternary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingTop: "56px";
-            paddingBottom: "56px";
-            marginTop: number;
-            "@media": {
-                "(max-width: 1023px)": {
-                    paddingTop: "42px";
-                    paddingBottom: "42px";
-                };
-                "(max-width: 768px)": {
-                    paddingTop: "32px";
-                    paddingBottom: "32px";
-                };
-            };
         };
     };
 }>;

package/dist/ExecutiveBio/ExecutiveBio.css.js

@@ -13,22 +13,24 @@ var padding = "txcb8dm";
 var copy = "txcb8dn";
 var contact_entry = createRuntimeFn({ defaultClassName: "txcb8do", variantClassNames: { variant: { primary: "txcb8dp", secondary: "txcb8dq", tertiary: "txcb8dr", quaternary: "txcb8ds" } }, defaultVariants: {}, compoundVariants: [] });
 var contacts = "txcb8dt";
-var headshot = "txcb8du";
-var img_area = "txcb8dv";
-var media = "txcb8dw";
-var person = "txcb8dx";
-var shift = "txcb8dy";
-var bio_section_text = "txcb8dz";
-var section_theme = createRuntimeFn({ defaultClassName: "txcb8d10", variantClassNames: { variant: { primary: "txcb8d11", secondary: "txcb8d12", tertiary: "txcb8d13", quaternary: "txcb8d14" } }, defaultVariants: {}, compoundVariants: [] });
-var header_theme = createRuntimeFn({ defaultClassName: "txcb8d15", variantClassNames: { variant: { primary: "txcb8d16", secondary: "txcb8d17", tertiary: "txcb8d18", quaternary: "txcb8d19" } }, defaultVariants: {}, compoundVariants: [] });
-var components = "txcb8d1a";
-var details = "txcb8d1b";
+var contact_links = "txcb8du";
+var headshot = "txcb8dv";
+var img_area = "txcb8dw";
+var media = "txcb8dx";
+var person = "txcb8dy";
+var shift = "txcb8dz";
+var bio_section_text = "txcb8d10";
+var section_theme = createRuntimeFn({ defaultClassName: "txcb8d11", variantClassNames: { variant: { primary: "txcb8d12", secondary: "txcb8d13", tertiary: "txcb8d14", quaternary: "txcb8d15" } }, defaultVariants: {}, compoundVariants: [] });
+var header_theme = createRuntimeFn({ defaultClassName: "txcb8d16", variantClassNames: { variant: { primary: "txcb8d17", secondary: "txcb8d18", tertiary: "txcb8d19", quaternary: "txcb8d1a" } }, defaultVariants: {}, compoundVariants: [] });
+var components = "txcb8d1b";
+var details = "txcb8d1c";
 export {
   bio_name,
   bio_section_text,
   components,
   contact_col,
   contact_entry,
+  contact_links,
   contacts,
   copy,
   description,

package/dist/ExecutiveBio/ExecutiveBio.d.ts

@@ -1,3 +1,3 @@
 import { ExecutiveBioProps as Props } from './ExecutiveBio.interface';
 
-export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveLinkedIn, executiveWebsite, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ImageInterface } from '../IconBillboard';
 import { QuaternaryTypes } from '../utils/variant.types';
+import { ImageInterface } from '../IconBillboard';
+import { ReactNode } from 'react';
 
 export interface ExecutiveBioSetProps {
     id: string;
@@ -16,7 +16,9 @@ export interface ExecutiveBioProps {
     executiveName: string;
     executiveTitle: string;
     executiveBodyCopy?: string | ReactNode;
-    executiveEmailAddress: string;
-    executivePhoneNumber: string;
+    executiveEmailAddress?: string;
+    executivePhoneNumber?: string;
+    executiveLinkedIn?: string;
+    executiveWebsite?: string;
     executiveHeadshot?: ImageInterface;
 }