@axos-web-dev/shared-components 0.0.182 → 0.0.184

package/dist/ATMLocator/ATMLocator.js

@@ -10,6 +10,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Button/Button.css.js";
@@ -23,7 +24,6 @@ import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
-import clsx from "clsx";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";

package/dist/AwardsItem/AwardsItem.js

@@ -17,6 +17,8 @@ const AwardsItem = ({
     case "4.0 Stars":
       rating = "https://images.axos.com/o9ov1v03uwqk/7qNXIOMTzaDfPhCAlXP41u/2a7d54670fb94594994a2beb3b3c00fc/4-stars.svg";
       break;
+    default:
+      rating = void 0;
   }
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/BulletItem/BulletItem.d.ts

@@ -10,5 +10,6 @@ export interface BulletItemProps extends PropsWithChildren {
     };
     copy?: ReactNode;
     subBullet?: boolean;
+    className?: string;
 }
 export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/BulletItem/BulletItem.js

@@ -9,11 +9,12 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 import { bulletIcon } from "./BulletItem.css.js";
 const BulletItem = (props) => {
   const fullVariant = getVariant(props?.variant);
   const variant = fullVariant === "primary" || fullVariant === "secondary" ? "primary" : "secondary";
-  return /* @__PURE__ */ jsxs("li", { className: listItem, children: [
+  return /* @__PURE__ */ jsxs("li", { className: clsx(listItem, props.className), children: [
     /* @__PURE__ */ jsx("span", { className: bulletIcon, children: /* @__PURE__ */ jsx(SvgCheckCircle, { variant, height: 18, width: 18 }) }),
     /* @__PURE__ */ jsx("div", { children: props.children })
   ] }, props.id);

package/dist/Calculators/Calculator.js

@@ -13,6 +13,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
@@ -30,7 +31,6 @@ import { calculator_headline, calculator_description } from "./calculator.css.js
 import { MarginTradingCalculator } from "./MarginTradingCalculator/index.js";
 import { MaxLoanCalculator } from "./MaxLoanCalculator/index.js";
 import { MonthlyPaymentCalculator } from "./MonthlyPaymentCalculator/index.js";
-import clsx from "clsx";
 import { useRef, useEffect } from "react";
 /* empty css                                                    */
 import "../Carousel/index.js";

package/dist/Carousel/index.js

@@ -12,6 +12,7 @@ import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
@@ -22,7 +23,6 @@ import "../Interstitial/Interstitial-variants.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
-import clsx from "clsx";
 import React, { useEffect, Children, cloneElement } from "react";
 import "../Button/Button.css.js";
 import "react-use";

package/dist/Comparison/Comparison.js

@@ -149,6 +149,7 @@ const Comparison = ({
               {
                 id: item.id,
                 variant: item?.variant,
+                className: "list_item flex",
                 children: item.copy
               },
               item.id

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -13,12 +13,12 @@ import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
+import "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import "clsx";
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../ArticlesSet/ArticlesSet.css.js";

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -13,6 +13,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { associatedEmail } from "../../utils/EverestValidity.js";
 import { getVariant } from "../../utils/getVariant.js";
+import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";
@@ -20,7 +21,6 @@ import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
-import clsx from "clsx";
 import { useState, useEffect } from "react";
 import "../../Calculators/calculator.css.js";
 import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";

package/dist/Hyperlink/index.js

@@ -15,12 +15,12 @@ import "../Article/Article.css.js";
 import "../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
 import { validateLink } from "../utils/validateExternalLinks.js";
+import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
-import clsx from "clsx";
 import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";

package/dist/ImageLink/ImageLink.js

@@ -8,6 +8,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                    */
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
+import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
@@ -15,7 +16,6 @@ import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
-import "clsx";
 import { isValidElement } from "react";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";

package/dist/ImageLink/ImageLinkSet.js

@@ -8,10 +8,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+import "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import { Chevron } from "../Chevron/index.js";
-import "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";

package/dist/ImageLink/index.js

@@ -13,12 +13,12 @@ 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";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
-import "clsx";
 import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";

package/dist/Insight/Featured/CategorySelector.js

@@ -9,9 +9,9 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                   */
 import ClockIcon from "../../icons/Clock/index.js";
 import "../../utils/allowedAxosDomains.js";
+import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
-import clsx from "clsx";
 import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
 import "../../Accordion/Accordion.js";

package/dist/Insight/Featured/Featured.js

@@ -9,6 +9,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 import ClockIcon from "../../icons/Clock/index.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
+import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";
@@ -19,7 +20,6 @@ import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import clsx from "clsx";
 import { Fragment } from "react";
 import "../../Button/Button.css.js";
 import "react-use";

package/dist/Insight/Featured/Header.js

@@ -7,6 +7,7 @@ import "../../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
+import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";
@@ -17,7 +18,6 @@ import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import clsx from "clsx";
 import "react";
 import "../../Button/Button.css.js";
 import "react-use";

package/dist/LandingPageHeader/LandingPageHeader.js

@@ -90,7 +90,7 @@ const LandingPageHeader = ({
   return /* @__PURE__ */ jsx("header", { className: `${lp_theme({ variant })}`, id: `id_${id}`, children: /* @__PURE__ */ jsx("div", { className: `${lp_container} flex center middle`, children: /* @__PURE__ */ jsx(
     "a",
     {
-      href: "/",
+      href: project == "AXI" ? "/invest" : "/",
       className: lp_hover,
       "aria-label": "axos logo, return to homepage",
       children: website.get(project)

package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js

@@ -22,7 +22,11 @@ function SubNavBar() {
     setIsMouseOver(!isMouseOver);
   };
   useEffect(() => {
-    pathname?.includes("/products") ? setIsrender(true) : setIsrender(false);
+    if (pathname?.includes("/products")) {
+      setIsrender(true);
+    } else {
+      setIsrender(false);
+    }
   }, [pathname]);
   const date = /* @__PURE__ */ new Date();
   const day = date.getDate();

package/dist/NavigationMenu/AxosBank/NavData.js

@@ -13,12 +13,12 @@ import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
+import "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import "clsx";
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../ArticlesSet/ArticlesSet.css.js";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -15,12 +15,12 @@ import "../../Article/Article.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
 import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import { appendQueryParams } from "../../utils/appendQueryParams.js";
+import "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
-import "clsx";
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../ArticlesSet/ArticlesSet.css.js";
@@ -2326,7 +2326,7 @@ function SubNavBar() {
                         }
                       ),
                       /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", { role: "heading", children: "Other Resources" }) }),
+                        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/business/support", role: "heading", children: "Other Resources" }) }),
                         /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/commercial/calculators", children: "Calculators" }) })
                       ] })
                     ] })

package/dist/SetContainer/SetContainer.js

@@ -11,6 +11,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
 import { columnValues } from "../utils/variant.types.js";
+import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Accordion/Accordion.js";
@@ -18,7 +19,6 @@ import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
-import clsx from "clsx";
 import "react";
 import "../Calculators/calculator.css.js";
 import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";

package/dist/SocialMediaBar/iconsRepository.js

@@ -1,10 +1,113 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                                */
+import "react";
+import "../Chevron/Chevron.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../IconBillboard/IconBillboard.css.js";
+import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
+import "clsx";
+/* empty css                                          */
+/* empty css                                          */
+import "../Interstitial/Interstitial-variants.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+import "../Button/Button.css.js";
+import "react-use";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+import { Hyperlink } from "../Hyperlink/index.js";
+/* empty css                                                      */
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.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 "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+/* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
+import "next/navigation.js";
+import "next/image.js";
+/* empty css                                                      */
+import "next/link.js";
+/* empty css                                                       */
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                                  */
+/* empty css                                                */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
 const BusinessWire = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "#",
     "aria-label": "learn more about us on Business Wire",
-    title: "Business Wire",
+    targetUrl: findMoreAxosDomains("#"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -39,11 +142,10 @@ const BusinessWire = () => /* @__PURE__ */ jsx(
   }
 );
 const Facebook = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://www.facebook.com/AxosBank/",
     "aria-label": "visit us on facebook",
-    title: "Facebook",
+    targetUrl: findMoreAxosDomains("https://www.facebook.com/AxosBank/"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -75,11 +177,12 @@ const Facebook = () => /* @__PURE__ */ jsx(
   }
 );
 const Glassdoor = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://www.glassdoor.com/Overview/Working-at-Axos-Bank-EI_IE2290835.11,20.htm",
     "aria-label": "visit us on glassdoor",
-    title: "Glassdor",
+    targetUrl: findMoreAxosDomains(
+      "https://www.glassdoor.com/Overview/Working-at-Axos-Bank-EI_IE2290835.11,20.htm"
+    ),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -114,11 +217,12 @@ const Glassdoor = () => /* @__PURE__ */ jsx(
   }
 );
 const Indeed = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://www.indeed.com/jobs?q=Axos+Bank&l=&from=searchOnDesktopSerp&vjk=ddeef73453ff72df",
     "aria-label": "visit us on indeed",
-    title: "Indeed",
+    targetUrl: findMoreAxosDomains(
+      "https://www.indeed.com/jobs?q=Axos+Bank&l=&from=searchOnDesktopSerp&vjk=ddeef73453ff72df"
+    ),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -153,11 +257,10 @@ const Indeed = () => /* @__PURE__ */ jsx(
   }
 );
 const Instagram = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://www.instagram.com/axosbank/",
     "aria-label": "visit us on instagram",
-    title: "Instagram",
+    targetUrl: findMoreAxosDomains("https://www.instagram.com/axosbank/"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -206,11 +309,10 @@ const Instagram = () => /* @__PURE__ */ jsx(
   }
 );
 const LinkedIn = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://www.linkedin.com/company/axosbank",
     "aria-label": "visit us on linked In",
-    title: "LinkedIn",
+    targetUrl: findMoreAxosDomains("https://www.linkedin.com/company/axosbank"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -253,11 +355,10 @@ const LinkedIn = () => /* @__PURE__ */ jsx(
   }
 );
 const Libsyn = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://moneyevolved.libsyn.com/",
     "aria-label": "visit us on lisyn",
-    title: "Libsyn",
+    targetUrl: findMoreAxosDomains("https://moneyevolved.libsyn.com/"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -294,11 +395,10 @@ const Libsyn = () => /* @__PURE__ */ jsx(
   }
 );
 const Pinterest = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://www.pinterest.com/axosbank/",
     "aria-label": "visit us on Pinterest",
-    title: "Pinterest",
+    targetUrl: findMoreAxosDomains("https://www.pinterest.com/axosbank/"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -333,11 +433,12 @@ const Pinterest = () => /* @__PURE__ */ jsx(
   }
 );
 const Spotify = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://open.spotify.com/show/31X53ul9KNOhep5KaLEQQs",
     "aria-label": "visit us on spotify",
-    title: "Spotify",
+    targetUrl: findMoreAxosDomains(
+      "https://open.spotify.com/show/31X53ul9KNOhep5KaLEQQs"
+    ),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -372,11 +473,10 @@ const Spotify = () => /* @__PURE__ */ jsx(
   }
 );
 const Youtube = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://www.youtube.com/axosbank",
     "aria-label": "visit us on youtube",
-    title: "Youtube",
+    targetUrl: findMoreAxosDomains("https://www.youtube.com/axosbank"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -411,11 +511,10 @@ const Youtube = () => /* @__PURE__ */ jsx(
   }
 );
 const Xtwitter = () => /* @__PURE__ */ jsx(
-  "a",
+  Hyperlink,
   {
-    href: "https://twitter.com/axosbank",
     "aria-label": "visit us on X, formely twitter",
-    title: "X (formely Twitter)",
+    targetUrl: findMoreAxosDomains("https://x.com/axosbank"),
     children: /* @__PURE__ */ jsxs(
       "svg",
       {

package/dist/VideoTile/VideoTile.js

@@ -39,7 +39,7 @@ const VideoTile = ({
         /* @__PURE__ */ jsx(VideoInit, {}),
         /* @__PURE__ */ jsxs("div", { className: `containment ${video_container} flex_col`, children: [
           title && /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title }),
-          description && /* @__PURE__ */ jsx("div", { className: "push_up", children: description }),
+          description && /* @__PURE__ */ jsx("div", { className: "push_up mb_32 text_center", children: description }),
           /* @__PURE__ */ jsx(
             "div",
             {

package/dist/VideoWrapper/index.js

@@ -14,12 +14,12 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import { header_section } from "../IconBillboard/IconBillboard.css.js";
 import "../utils/allowedAxosDomains.js";
+import clsx from "clsx";
 /* empty css                                          */
 /* empty css                                          */
 import "../Interstitial/Interstitial-variants.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
-import clsx from "clsx";
 import "../Button/Button.css.js";
 import "react-use";
 import "../ArticlesSet/ArticlesSet.css.js";

package/dist/assets/CollectInformationAlert/CollectInformationAlert.css

@@ -85,7 +85,7 @@
     display: block;
     bottom: initial;
     left: 50%;
-    max-width: calc(100%-40px);
+    max-width: calc(100% - 40px);
     padding: 37px 1.5rem 1.5rem;
     top: 50%;
     transform: translate3d(-50%, -50%, 0px);

package/dist/assets/ExecutiveBio/ExecutiveBio.css

@@ -136,7 +136,7 @@
 .txcb8dv {
   width: 50%;
 }
-$.txcb8dm + .txcb8dv {
+.txcb8dm + .txcb8dv {
   margin-left: 1.5rem;
 }
 .txcb8dv svg {
@@ -225,7 +225,7 @@ main > div:nth-last-child(2) > .txcb8d0 {
   .txcb8dv {
     margin-top: 24px;
   }
-  $.txcb8dm + .txcb8dv {
+  .txcb8dm + .txcb8dv {
     margin-left: 0;
   }
   .txcb8dw {

package/dist/assets/HeroBanner/HeroBanner.css

@@ -134,7 +134,7 @@
 }
 @media (max-width: 1280px) and (min-width: 1024px) {
   ._1ye8k3f0 ._1ye8k3fa {
-    width: calc(100%-28px);
+    width: calc(100% - 28px);
   }
   ._1ye8k3fb img {
     aspect-ratio: 1 / 1;

package/dist/assets/SocialMediaBar/SocialMediaBar.css

@@ -2,17 +2,17 @@
   background-color: #fff;
 }
 .nkpt491 {
-  padding: 16px 0;
-  min-height: 64px;
   flex-wrap: wrap;
   gap: 24px;
+  min-height: 64px;
+  padding: 16px 0;
 }
 .nkpt492 {
   padding: 16px 0 3.5rem 0;
 }
 .nkpt491 svg {
-  max-width: 100%;
   height: auto;
+  max-width: 100%;
 }
 .nkpt491 a {
   transition: opacity 0.25s ease;

package/package.json

@@ -1,130 +1,130 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.182",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.2.0",
-    "@hookform/resolvers": "^3.9.1",
-    "@react-input/mask": "^1.2.15",
-    "@react-input/number-format": "^1.1.3",
-    "@storybook/icons": "^1.3.0",
-    "@storybook/preview-api": "^8.4.7",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.22.5",
-    "clsx": "^2.1.1",
-    "iframe-resizer": "4.3.11",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "react-date-picker": "^11.0.0",
-    "react-date-range": "^2.0.1",
-    "react-hook-form": "^7.54.1",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.6.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.75.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.3.0",
-    "zod": "^3.24.1",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4 || ^15.0.0",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.9.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-mdx-gfm": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.13",
-    "@types/node": "^20.17.10",
-    "@types/react": "^18.3.17",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.18",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.7",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.4.7",
-    "typescript": "^5.7.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "0.0.184",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^3.9.1",
+    "@react-input/mask": "^1.2.15",
+    "@react-input/number-format": "^1.1.3",
+    "@storybook/icons": "^1.3.0",
+    "@storybook/preview-api": "^8.4.7",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.16.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.22.5",
+    "clsx": "^2.1.1",
+    "iframe-resizer": "^3.6.6",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "react-date-picker": "^11.0.0",
+    "react-date-range": "^2.0.1",
+    "react-hook-form": "^7.54.1",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.6.0",
+    "react-wrap-balancer": "^1.1.1",
+    "rsuite": "^5.75.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "zod": "^3.24.1",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@rollup/plugin-alias": "^5.1.1",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-mdx-gfm": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.13",
+    "@types/node": "^20.17.10",
+    "@types/react": "^18.3.17",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.5",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.18",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.7",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.4.7",
+    "typescript": "^5.7.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}