@axos-web-dev/shared-components 2.0.0-dev.33 → 2.0.0-dev.37

package/dist/Insight/Featured/Featured.js

@@ -6,7 +6,7 @@ import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
 import ClockIcon from "../../icons/Clock/index.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/Forms/HoneyPot/HoneyPot.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -14,235 +14,161 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                                   */
 /* empty css                                             */
 /* empty css                                             */
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../../Calculators/calculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../../Modal/contextApi/store.js";
-import Image from "next/image.js";
-import "../../Button/Button.css.js";
-import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-/* empty css                                             */
-import { set_container } from "../../SetContainer/SetContainer.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 "../../Input/PercentageInput.js";
-import "react-hook-form";
-import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import "../../Forms/Forms.css.js";
-/* empty css                                               */
-import "../../Forms/HoneyPot/honeyPotValidation.js";
-import "../../Forms/SalesforceFieldsForm.js";
-import "../../Input/RadioButton.css.js";
-import "../../Input/Checkbox.css.js";
-import "../../LoadingIndicator/LoadingIndicator.css.js";
-import "react-use";
 import "../../Chevron/Chevron.css.js";
 /* empty css                                   */
+import "../../Modal/contextApi/store.js";
 import "../../Interstitial/Interstitial-variants.css.js";
-import "../../Inputs/Input.css.js";
-/* empty css                                                            */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
-import "iframe-resizer";
-/* empty css                                                                                   */
-import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
-/* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                            */
-/* empty css                                                       */
-import "../../Carousel/index.js";
-/* empty css                                                      */
-/* empty css                                      */
-import "../../Chatbot/store/chat.js";
-import "../../Chatbot/Chatbot.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.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                                                             */
-/* empty css                                                            */
-/* empty css                                               */
-import { supertag } from "../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                           */
-/* 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";
-/* empty css                          */
-import "../../LandingPageHeader/LandingPageHeader.css.js";
-import "next/link.js";
-/* empty css                                                      */
-/* empty css                                                         */
-import "next/navigation.js";
-/* empty css                                                            */
-/* empty css                                                                 */
-/* empty css                                                                    */
-/* empty css                                                                     */
-import "../../NavigationMenu/ServerNavigation/Menu.js";
-import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                         */
-/* empty css                                                          */
-/* empty css                                                      */
-/* 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                                                     */
-/* empty css                                                   */
-/* empty css                                                 */
+import "../../Button/Button.css.js";
+import "react-use";
+import Image from "next/image.js";
+import { featured_section, featured_grid, featured_title, featured_maingrid_img, ratio, featured_main_wrapper, featured_maingrid_title, featured_maingrid_text, info_details, featured_maingrid, onhover, featured_subouter, featured_subgrid, featured_subwrap, featured_subimage, featured_subcontent, featured_subgrid_title, tab_details, divider_tab, featured_subgrid_item } from "./Featured.css.js";
+import { insight_wrap } from "./Header.css.js";
 const FeaturedItem = (props) => {
   const {
     url,
     readingTime,
     supertag: supertagText,
     title: featureItemTitle,
-    variant: fullVariant
+    variant: fullVariant,
+    image
   } = props;
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsxs("a", { href: url ?? "/", className: featured_subgrid_item, children: [
-    /* @__PURE__ */ jsx("h2", { className: clsx(supertag({ variant }), featured_supertag), children: (typeof supertagText == "string" && supertagText.replaceAll("-", " ")) ?? "" }),
-    /* @__PURE__ */ jsx("h3", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(
-        ClockIcon,
-        {
-          className: clsx(featured_center_vertical),
-          style: {
-            filter: ["tertiary", "quaternary"].includes(variant) ? "brightness(0) invert(1)" : ""
+  const imageUrl = image?.url ? `https:${image.url}` : void 0;
+  return /* @__PURE__ */ jsx("a", { href: url ?? "/", className: clsx(featured_subgrid_item, onhover), children: /* @__PURE__ */ jsxs("div", { className: featured_subwrap, children: [
+    imageUrl ? /* @__PURE__ */ jsxs(
+      "picture",
+      {
+        className: clsx(ratio, featured_subimage),
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=avif`, type: "image/avif" }),
+          /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=webp`, type: "image/webp" }),
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: imageUrl,
+              className: clsx(featured_maingrid_img, ratio),
+              height: 159,
+              width: 269,
+              priority: true,
+              alt: image?.alt ?? ""
+            }
+          )
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: featured_subcontent, children: [
+      /* @__PURE__ */ jsx("h3", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
+        /* @__PURE__ */ jsx(ClockIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: clsx(info_details, tab_details), children: (readingTime ?? "0") + " minute read" }),
+        /* @__PURE__ */ jsx("div", { className: "flex middle", style: { paddingInline: "8px" }, children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 1,
+            height: 20,
+            viewBox: "0 0 1 20",
+            fill: "none",
+            className: divider_tab,
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: clsx(info_details, tab_details),
+            style: { fontWeight: "600" },
+            children: (typeof supertagText == "string" && supertagText.replaceAll("-", " ")) ?? ""
           }
-        }
-      ),
-      " ",
-      /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
+        )
+      ] })
     ] })
-  ] });
+  ] }) });
 };
 const Featured = (props) => {
   const { id, variant: fullVariant, featured, headline } = props;
   const variant = getVariant(fullVariant);
   const [main, ...restFeatured] = featured;
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      id,
-      className: clsx(featured_section, set_container({ variant })),
-      children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
-        headline && /* @__PURE__ */ jsx("h2", { className: clsx(featured_title), children: headline }),
-        /* @__PURE__ */ jsxs("div", { className: clsx(featured_grid), children: [
+  const mainImageUrl = main?.image?.url ? `https:${main.image.url}` : void 0;
+  return /* @__PURE__ */ jsx("section", { id, className: featured_section, children: /* @__PURE__ */ jsx("div", { className: insight_wrap, children: /* @__PURE__ */ jsxs("div", { className: featured_grid, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      headline && /* @__PURE__ */ jsx("h2", { className: featured_title, children: headline }),
+      /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid, onhover), children: [
+        mainImageUrl ? /* @__PURE__ */ jsxs("picture", { className: clsx(ratio, "rounded"), "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx(
+            "source",
+            {
+              srcSet: `${mainImageUrl}?fm=avif`,
+              type: "image/avif"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "source",
+            {
+              srcSet: `${mainImageUrl}?fm=webp`,
+              type: "image/webp"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: mainImageUrl,
+              className: clsx(featured_maingrid_img, ratio),
+              height: 346,
+              width: 586,
+              priority: true,
+              alt: main?.image?.alt ?? ""
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: featured_main_wrapper, children: [
+          /* @__PURE__ */ jsx("h3", { className: featured_maingrid_title, children: main?.title ?? "" }),
+          /* @__PURE__ */ jsx("p", { className: featured_maingrid_text, children: main?.text ?? "" }),
           /* @__PURE__ */ jsxs(
-            "a",
+            "div",
             {
-              href: main?.url,
-              className: clsx(featured_maingrid, featured_hero),
+              className: "flex middle",
+              style: { gap: "4px", flexWrap: "wrap" },
               children: [
-                /* @__PURE__ */ jsxs("picture", { children: [
-                  /* @__PURE__ */ jsx(
-                    "source",
-                    {
-                      srcSet: `https:${main?.image?.url}?fm=avif`,
-                      type: "image/avif"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "source",
-                    {
-                      srcSet: `https:${main?.image?.url}?fm=webp`,
-                      type: "image/webp"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Image,
-                    {
-                      src: `https:${main?.image?.url}?q=85`,
-                      className: clsx(featured_maingrid_img),
-                      width: 703,
-                      height: 340,
-                      priority: true,
-                      alt: ""
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item), children: [
-                  /* @__PURE__ */ jsx(
-                    "h2",
-                    {
-                      className: clsx(
-                        title({ variant: "primary" }),
-                        featured_maingrid_title
-                      ),
-                      children: main?.title ?? ""
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
-                    " ",
-                    /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (main?.readingTime ?? "") + " minutes" })
-                  ] })
-                ] })
+                /* @__PURE__ */ jsx(ClockIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: info_details, children: (main?.readingTime ?? "") + " minute read" }),
+                /* @__PURE__ */ jsx("div", { className: "flex middle", style: { paddingInline: "8px" }, children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: 1,
+                    height: 20,
+                    viewBox: "0 0 1 20",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("span", { className: info_details, style: { fontWeight: "600" }, children: (typeof main?.supertag == "string" && main?.supertag.replaceAll("-", " ")) ?? "" })
               ]
             }
-          ),
-          /* @__PURE__ */ jsx("div", { className: clsx(featured_subgrid), children: restFeatured.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              FeaturedItem,
-              {
-                variant: variant ?? "tertiary",
-                readingTime: item.readingTime,
-                supertag: item.supertag,
-                title: item.title,
-                url: item.url
-              },
-              item.id
-            ),
-            index < restFeatured.length - 1 && /* @__PURE__ */ jsx("hr", { className: clsx(featured_subgrid_divider) })
-          ] }, item.id)) })
+          )
         ] })
       ] })
-    }
-  );
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: featured_subouter, children: [
+      /* @__PURE__ */ jsx("h2", { className: featured_title, children: "Popular topics" }),
+      /* @__PURE__ */ jsx("div", { className: featured_subgrid, children: restFeatured.map((item) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        FeaturedItem,
+        {
+          variant: variant ?? "secondary",
+          image: item.image,
+          readingTime: item.readingTime,
+          supertag: item.supertag,
+          title: item.title,
+          url: item.url
+        },
+        item.id
+      ) }, item.id)) })
+    ] })
+  ] }) }) });
 };
 export {
   Featured,

package/dist/Insight/Featured/Header.css.d.ts

@@ -1,4 +1,5 @@
 export declare const header_featured: string;
+export declare const insight_wrap: string;
 export declare const breadcumbs_header_featured_section: string;
 export declare const breadcumb_link: string;
 export declare const header_title_featured: string;

package/dist/Insight/Featured/Header.css.js

@@ -1,13 +1,16 @@
-import '../../assets/Insight/Featured/Header.css';/* empty css                          */
+import '../../assets/Insight/Featured/Header.css';import '../../assets/themes/axos.css';/* empty css                                   */
+/* empty css                          */
 var header_featured = "_19yqlq40";
-var breadcumbs_header_featured_section = "_19yqlq41";
-var breadcumb_link = "_19yqlq42";
-var header_title_featured = "_19yqlq43";
-var header_in_insight = "_19yqlq44";
+var insight_wrap = "_19yqlq41";
+var breadcumbs_header_featured_section = "_19yqlq42";
+var breadcumb_link = "_19yqlq43";
+var header_title_featured = "_19yqlq44";
+var header_in_insight = "_19yqlq45";
 export {
   breadcumb_link,
   breadcumbs_header_featured_section,
   header_featured,
   header_in_insight,
-  header_title_featured
+  header_title_featured,
+  insight_wrap
 };

package/dist/Insight/Featured/Header.js

@@ -4,7 +4,7 @@ import "react";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import "../../icons/ArrowIcon/ArrowIcon.css.js";
 import "../../icons/CheckIcon/CheckIcon.css.js";
-import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.css';import '../../assets/Topic/Topic.css';import '../../assets/TextBlock/TextBlock.css';import '../../assets/SocialMediaBar/SocialMediaBar.css';import '../../assets/SecondaryFooter/SecondaryFooter.css';import '../../assets/Pagination/Pagination.css';import '../../assets/PageNavSet/PageNavigationSet.css';import '../../assets/NavigationMenu/LaVictoire/NavBar2.css';import '../../assets/NavigationMenu/AxosALTS/NavBar2.css';import '../../assets/NavigationMenu/AxosClearing/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/ServerNavigation/NavigationBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar2.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar2.css';import '../../assets/NavigationMenu/AxosBank/NavBar2.css';import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets/Insight/Featured/Featured.css';import '../../assets/ImageLink/ImageLink.css';import '../../assets/VideoTile/VideoTile.css';import '../../assets/HelpArticle/HelpArticle.css';import '../../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/Chatbot/ChatWindow.css';import '../../assets/Chatbot/Bubble.css';import '../../assets/Chatbot/AnimatedGradientBorder.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/Insight/Insight.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Auth/SignIn.css';import '../../assets/Auth/ErrorAlert.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.css';import '../../assets/Modal/Modal.css';import '../../assets/Forms/HoneyPot/HoneyPot.css';import '../../assets/ImageToast/ImageToast.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+import '../../assets/Modal/Modal.css';import '../../assets/BulletItem/BulletItem.css';import '../../assets/Typography/Typography.css';import '../../assets/icons/FollowIcon/FollowIcon.css';import '../../assets/icons/DownloadIcon/DownloadIcon.css';import '../../assets/themes/victorie.css';import '../../assets/themes/ufb.css';import '../../assets/themes/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                  */
 /* empty css                                       */
@@ -12,146 +12,28 @@ import '../../assets/VideoWrapper/VideoWrapper.css';import '../../assets/Topical
 /* empty css                                                   */
 /* empty css                                             */
 /* empty css                                             */
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../../Calculators/calculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
-import "../../Modal/contextApi/store.js";
-import "next/image.js";
-import "../../Button/Button.css.js";
-import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
-import "../../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
-import "../../HeroBanner/LargeBanner.css.js";
-import "../../HeroBanner/HeroBanner.css.js";
-import "../../HeroBanner/SelectionBanner.css.js";
-/* empty css                                             */
-import "../../SetContainer/SetContainer.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 "../../Input/PercentageInput.js";
-import "react-hook-form";
-import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import "../../Forms/Forms.css.js";
-/* empty css                                               */
-import "../../Forms/HoneyPot/honeyPotValidation.js";
-import "../../Forms/SalesforceFieldsForm.js";
-import "../../Input/RadioButton.css.js";
-import "../../Input/Checkbox.css.js";
-import "../../LoadingIndicator/LoadingIndicator.css.js";
-import "react-use";
 import "../../Chevron/Chevron.css.js";
 /* empty css                                   */
+import "../../Modal/contextApi/store.js";
 import "../../Interstitial/Interstitial-variants.css.js";
-import "../../Inputs/Input.css.js";
-/* empty css                                                            */
-import "../../Hyperlink/Hyperlink.css.js";
-/* empty css                                                         */
-import "iframe-resizer";
-/* empty css                                                                                   */
-import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
-import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
-/* empty css                                       */
-import "react-dom";
-/* empty css                                   */
-import "../../Auth/SignInPassword.js";
-/* empty css                                                 */
-/* empty css                                             */
-/* empty css                            */
-/* empty css                                                       */
-import "../../Carousel/index.js";
-/* empty css                                                      */
-/* empty css                                      */
-import "../../Chatbot/store/chat.js";
-import "../../Chatbot/Chatbot.js";
-import "../../Chatbot/Chatbot.css.ts.vanilla.css.js";
-/* empty css                                          */
-import "../../Chatbot/store/messages.js";
-/* empty css                                                                       */
-import "../../Comparison/Comparison.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                                                             */
-/* empty css                                                            */
-/* empty css                                               */
-import "../../ImageBillboard/ImageBillboard.css.js";
-import "next/script.js";
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                            */
-/* empty css                                    */
-import "../../LandingPageHeader/LandingPageHeader.css.js";
-import "next/link.js";
-/* empty css                                                      */
-/* empty css                                                         */
-import "next/navigation.js";
-/* empty css                                                            */
-/* empty css                                                                 */
-/* empty css                                                                    */
-/* empty css                                                                     */
-import "../../NavigationMenu/ServerNavigation/Menu.js";
-import "../../NavigationMenu/ServerNavigation/SubNavbar.css.js";
-/* empty css                                                         */
-/* empty css                                                          */
-/* empty css                                                      */
-/* 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                                                     */
-/* empty css                                                   */
-/* empty css                                                 */
-import { header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
+import "../../Button/Button.css.js";
+import "react-use";
+import { insight_wrap, header_title_featured, header_in_insight, header_featured } from "./Header.css.js";
 const BreadcumbHeader = (props) => {
   const { section, showTitle = true } = props;
-  return /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx("div", { className: clsx(!showTitle ? header_in_insight : "", header_featured), children: /* @__PURE__ */ jsx("div", { className: insight_wrap, children: showTitle && /* @__PURE__ */ jsxs(
+    "h1",
     {
       className: clsx(
-        !showTitle ? header_in_insight : "",
-        "containment",
-        header_featured
+        title({ variant: "primary" }),
+        header_title_featured
       ),
-      children: showTitle && /* @__PURE__ */ jsxs(
-        "h1",
-        {
-          className: clsx(title({ variant: "primary" }), header_title_featured),
-          children: [
-            section?.replaceAll("-", " "),
-            " Insights"
-          ]
-        }
-      )
+      children: [
+        section?.replaceAll("-", " "),
+        " Insights"
+      ]
     }
-  );
+  ) }) });
 };
 export {
   BreadcumbHeader

package/dist/Insight/Featured/index.js

@@ -1,6 +1,6 @@
 import { CategorySelector, InsightItem } from "./CategorySelector.js";
 import { Featured, FeaturedItem } from "./Featured.js";
-import { featured_center_vertical, featured_grid, featured_hero, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_title, featured_section, featured_subgrid, featured_subgrid_divider, featured_subgrid_item, featured_subgrid_title, featured_supertag, featured_title } from "./Featured.css.js";
+import { divider_tab, featured_center_vertical, featured_grid, featured_main_wrapper, featured_maingrid, featured_maingrid_img, featured_maingrid_item, featured_maingrid_text, featured_maingrid_title, featured_section, featured_subcontent, featured_subgrid, featured_subgrid_item, featured_subgrid_title, featured_subimage, featured_subouter, featured_subwrap, featured_supertag, featured_title, info_details, onhover, ratio, tab_details } from "./Featured.css.js";
 import { BreadcumbHeader } from "./Header.js";
 export {
   BreadcumbHeader,
@@ -8,18 +8,27 @@ export {
   Featured,
   FeaturedItem,
   InsightItem,
+  divider_tab,
   featured_center_vertical,
   featured_grid,
-  featured_hero,
+  featured_main_wrapper,
   featured_maingrid,
   featured_maingrid_img,
   featured_maingrid_item,
+  featured_maingrid_text,
   featured_maingrid_title,
   featured_section,
+  featured_subcontent,
   featured_subgrid,
-  featured_subgrid_divider,
   featured_subgrid_item,
   featured_subgrid_title,
+  featured_subimage,
+  featured_subouter,
+  featured_subwrap,
   featured_supertag,
-  featured_title
+  featured_title,
+  info_details,
+  onhover,
+  ratio,
+  tab_details
 };