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

package/dist/ImageToast/index.js

@@ -4,7 +4,7 @@ import { IconBillboard } from "../IconBillboard/IconBillboard.js";
 import "../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/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/Forms/HoneyPot/HoneyPot.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                                */
+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                                    */
@@ -15,123 +15,12 @@ import "react";
 import "clsx";
 /* empty css                                          */
 /* empty css                                          */
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../AlertBanner/AlertBanner.css.js";
-import "../Article/Article.css.js";
-import "../Interstitial/Interstitial-variants.css.js";
 import "../Chevron/Chevron.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 "next/image.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";
-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 "../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                                                      */
-/* 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 "../Interstitial/Interstitial-variants.css.js";
 import { bottom_left, bottom_right, top_right, top_left, toast_section } from "./ImageToast.css.js";
 const ImageToast = ({
   id,

package/dist/Input/DownPaymentInput.js

@@ -17,6 +17,7 @@ const DownPaymentInput = forwardRef(
     disabled,
     helperText: helper,
     error = false,
+    defaultValue,
     ...rest
   }, ref) => {
     const [downPayment, setDownPayment] = useState(0);

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

@@ -1,10 +1,12 @@
 export declare const selector_section: string;
 export declare const selector_link: string;
-export declare const selector_link_mobile: string;
 export declare const selector_title_link: string;
 export declare const selector_more: string;
 export declare const selector_grid_items: string;
+export declare const selector_grid_stacked: string;
 export declare const selector_small_item: string;
-export declare const selector_title: string;
-export declare const selector_grid_content: string;
 export declare const selector_img: string;
+export declare const img_fit: string;
+export declare const selector_grid_content: string;
+export declare const selector_title: string;
+export declare const selector_link_mobile: string;

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

@@ -7,17 +7,21 @@ import '../../assets/Insight/Featured/CategorySelector.css';import '../../assets
 /* empty css                                    */
 var selector_section = "_13y9ptj0";
 var selector_link = "_13y9ptj1";
-var selector_link_mobile = "_13y9ptj2 _13y9ptj1";
-var selector_title_link = "_13y9ptj3";
-var selector_more = "_13y9ptj4";
-var selector_grid_items = "_13y9ptj5";
-var selector_small_item = "_13y9ptj6 _1sr2o6v9";
-var selector_title = "_13y9ptj7";
-var selector_grid_content = "_13y9ptj8";
-var selector_img = "_13y9ptj9";
+var selector_title_link = "_13y9ptj2";
+var selector_more = "_13y9ptj3";
+var selector_grid_items = "_13y9ptj4";
+var selector_grid_stacked = "_13y9ptj5";
+var selector_small_item = "_13y9ptj6 _1sr2o6v5";
+var selector_img = "_13y9ptj7";
+var img_fit = "_13y9ptj8";
+var selector_grid_content = "_13y9ptj9";
+var selector_title = "_13y9ptja";
+var selector_link_mobile = "_13y9ptjb _13y9ptj1";
 export {
+  img_fit,
   selector_grid_content,
   selector_grid_items,
+  selector_grid_stacked,
   selector_img,
   selector_link,
   selector_link_mobile,

package/dist/Insight/Featured/CategorySelector.d.ts

@@ -1,5 +1,5 @@
-import { FeaturedItemProps } from '../../main';
 import { PropsWithChildren } from 'react';
+import { FeaturedItemProps } from './Featured';
 
 export interface CategorySelectorProps extends PropsWithChildren {
     id: string;
@@ -10,6 +10,7 @@ export interface CategorySelectorProps extends PropsWithChildren {
     insights?: FeaturedItemProps[];
     hideLink?: boolean;
     hideMore?: boolean;
+    stackOnMobile?: boolean;
 }
 export declare const CategorySelector: (props: CategorySelectorProps) => import("react").JSX.Element;
 export declare const InsightItem: (props: FeaturedItemProps) => import("react").JSX.Element;

package/dist/Insight/Featured/CategorySelector.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/Modal/Modal.css';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/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/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                                       */
@@ -16,123 +16,14 @@ import '../../assets/Modal/Modal.css';import '../../assets/VideoWrapper/VideoWra
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Chevron/Chevron.css.js";
-import "../../Accordion/Accordion.js";
-import "../../Accordion/Accordion.css.js";
-import "../../AlertBanner/AlertBanner.css.js";
-import { OptimizeImage } from "../../utils/optimizeImage/OptimizeImage.js";
-import "../../Article/Article.css.js";
-import "../../ArticlesSet/ArticlesSet.css.js";
-import "../../Calculators/calculator.css.js";
-import "../../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+/* empty css                                   */
 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 "../../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                                           */
-import { featured_maingrid_img, featured_center_vertical, featured_maingrid_item } 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                                                 */
-/* empty css                                   */
-import { selector_title_link, selector_more, selector_link, selector_grid_items, selector_link_mobile, selector_section, selector_img, selector_title, selector_grid_content, selector_small_item } from "./CategorySelector.css.js";
+import { OptimizeImage } from "../../utils/optimizeImage/OptimizeImage.js";
+import { selector_section, selector_link, selector_title_link, selector_more, selector_grid_items, selector_grid_stacked, selector_link_mobile, img_fit, selector_img, selector_grid_content, selector_title, selector_small_item } from "./CategorySelector.css.js";
+import { featured_maingrid_text, info_details, onhover } from "./Featured.css.js";
+import { insight_wrap } from "./Header.css.js";
 const CategorySelector = (props) => {
   const {
     id,
@@ -143,66 +34,106 @@ const CategorySelector = (props) => {
     insights,
     children,
     hideLink = false,
-    hideMore = false
+    hideMore = false,
+    stackOnMobile = false
   } = props;
   const base = section ? `/${section}/insights` : `/insights`;
   const url = (subcategory !== void 0 ? `${base}/${category}/${subcategory}` : `${base}/${category}/`).toLowerCase();
-  return /* @__PURE__ */ jsx("section", { id, className: clsx(selector_section), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
-    !hideLink && /* @__PURE__ */ jsx("div", { className: clsx(selector_link), children: !hideMore ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("a", { href: url, className: clsx(selector_title_link), children: title2.replaceAll("-", " ") }),
+  return /* @__PURE__ */ jsx("section", { id, className: selector_section, children: /* @__PURE__ */ jsxs("div", { className: insight_wrap, children: [
+    !hideLink && /* @__PURE__ */ jsx("div", { className: selector_link, children: !hideMore ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h2", { children: /* @__PURE__ */ jsx("a", { href: url, className: selector_title_link, children: title2.replaceAll("-", " ") }) }),
       /* @__PURE__ */ jsx(
         Chevron,
         {
           targetUrl: url,
           variant: "primary",
           className: selector_more,
-          children: `See More ${title2.replaceAll("-", " ")} Articles`
+          children: `See More Articles`
         }
       )
-    ] }) : /* @__PURE__ */ jsx("p", { className: clsx(selector_title_link), children: subcategory !== void 0 ? subcategory : title2 }) }),
-    /* @__PURE__ */ jsx("div", { className: clsx(selector_grid_items), children: typeof insights !== "undefined" ? insights.map((item) => /* @__PURE__ */ jsx(
-      InsightItem,
+    ] }) : /* @__PURE__ */ jsx("p", { className: selector_title_link, children: subcategory !== void 0 ? subcategory.replaceAll("-", " ") : title2.replaceAll("-", " ") }) }),
+    /* @__PURE__ */ jsx(
+      "div",
       {
-        id: item.id,
-        image: item.image,
-        readingTime: item.readingTime,
-        title: item.title,
-        url: item.url
-      },
-      item.id
-    )) : children }),
+        className: clsx(
+          selector_grid_items,
+          stackOnMobile && selector_grid_stacked
+        ),
+        children: typeof insights !== "undefined" ? insights.map((item) => /* @__PURE__ */ jsx(
+          InsightItem,
+          {
+            id: item.id,
+            image: item.image,
+            readingTime: item.readingTime,
+            title: item.title,
+            text: item.text,
+            url: item.url,
+            supertag: item.supertag
+          },
+          item.id
+        )) : children
+      }
+    ),
     !hideLink && /* @__PURE__ */ jsx("div", { className: clsx(selector_link_mobile), children: /* @__PURE__ */ jsx(
       Chevron,
       {
         targetUrl: url,
         variant: "primary",
         className: selector_more,
-        children: `See More ${title2.replaceAll("-", " ")} Articles`
+        children: `See More Articles`
       }
     ) })
   ] }) });
 };
 const InsightItem = (props) => {
-  const { id, image, readingTime, title: itemTitle, url } = props;
-  return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(selector_small_item), children: [
-    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+  const {
+    id,
+    image,
+    readingTime,
+    title: itemTitle,
+    url,
+    text,
+    supertag
+  } = props;
+  return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(onhover, selector_small_item), children: [
+    /* @__PURE__ */ jsx("div", { className: clsx(selector_img, "relative"), "aria-hidden": "true", children: /* @__PURE__ */ jsx(
       OptimizeImage,
       {
         src: `${image?.url}`,
         alt: image?.alt ?? "",
-        className: clsx(featured_maingrid_img, selector_img),
-        height: 207,
-        width: 368,
+        className: img_fit,
+        height: 200,
+        width: 384,
         rootMargin: "210px"
       }
     ) }),
-    /* @__PURE__ */ jsxs("div", { className: clsx(featured_maingrid_item, selector_grid_content), children: [
-      /* @__PURE__ */ jsx("h2", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(ClockIcon, { className: clsx(featured_center_vertical) }),
-        " ",
-        /* @__PURE__ */ jsx("span", { className: clsx(featured_center_vertical), children: (readingTime ?? "0") + " minutes" })
-      ] })
+    /* @__PURE__ */ jsxs("div", { className: selector_grid_content, children: [
+      /* @__PURE__ */ jsx("h3", { className: clsx(title({ variant: "primary" }), selector_title), children: itemTitle ?? "" }),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: featured_maingrid_text,
+          style: { marginBottom: 24, color: "#1F1F1F" },
+          children: text ?? ""
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { marginTop: "auto" }, children: /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
+        /* @__PURE__ */ jsx(ClockIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: info_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",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx("span", { className: info_details, style: { fontWeight: "600" }, children: (typeof supertag == "string" && supertag.replaceAll("-", " ")) ?? "" })
+      ] }) })
     ] })
   ] });
 };

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

@@ -1,14 +1,23 @@
+export declare const onhover: string;
 export declare const featured_section: string;
 export declare const featured_title: string;
 export declare const featured_supertag: string;
 export declare const featured_grid: string;
+export declare const featured_maingrid: string;
+export declare const ratio: string;
+export declare const featured_main_wrapper: string;
+export declare const featured_maingrid_title: string;
+export declare const featured_maingrid_text: string;
+export declare const info_details: string;
+export declare const tab_details: string;
 export declare const featured_subgrid: string;
+export declare const featured_subimage: string;
+export declare const divider_tab: string;
 export declare const featured_subgrid_item: string;
 export declare const featured_subgrid_title: string;
-export declare const featured_subgrid_divider: string;
 export declare const featured_center_vertical: string;
-export declare const featured_maingrid: string;
-export declare const featured_hero: string;
 export declare const featured_maingrid_img: string;
 export declare const featured_maingrid_item: string;
-export declare const featured_maingrid_title: string;
+export declare const featured_subcontent: string;
+export declare const featured_subwrap: string;
+export declare const featured_subouter: string;

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

@@ -1,32 +1,51 @@
-import '../../assets/Insight/Featured/Featured.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+import '../../assets/Insight/Featured/Featured.css';import '../../assets/themes/axos.css';import '../../assets/Typography/Typography.css';/* empty css                                             */
+/* empty css                                   */
 /* empty css                            */
-var featured_section = "_1sr2o6v0";
-var featured_title = "_1sr2o6v1";
-var featured_supertag = "_1sr2o6v2";
-var featured_grid = "_1sr2o6v3";
-var featured_subgrid = "_1sr2o6v4";
-var featured_subgrid_item = "_1sr2o6v5";
-var featured_subgrid_title = "_1sr2o6v6";
-var featured_subgrid_divider = "_1sr2o6v7";
-var featured_center_vertical = "_1sr2o6v8";
-var featured_maingrid = "_1sr2o6v9";
-var featured_hero = "_1sr2o6va";
-var featured_maingrid_img = "_1sr2o6vb";
-var featured_maingrid_item = "_1sr2o6vc";
-var featured_maingrid_title = "_1sr2o6vd";
+var onhover = "_1sr2o6v0";
+var featured_section = "_1sr2o6v1";
+var featured_title = "_1sr2o6v2";
+var featured_supertag = "_1sr2o6v3";
+var featured_grid = "_1sr2o6v4";
+var featured_maingrid = "_1sr2o6v5";
+var ratio = "_1sr2o6v6";
+var featured_main_wrapper = "_1sr2o6v7";
+var featured_maingrid_title = "_1sr2o6v8";
+var featured_maingrid_text = "_1sr2o6v9";
+var info_details = "_1sr2o6va";
+var tab_details = "_1sr2o6vb";
+var featured_subgrid = "_1sr2o6vc";
+var featured_subimage = "_1sr2o6vd";
+var divider_tab = "_1sr2o6ve";
+var featured_subgrid_item = "_1sr2o6vf";
+var featured_subgrid_title = "_1sr2o6vg";
+var featured_center_vertical = "_1sr2o6vh";
+var featured_maingrid_img = "_1sr2o6vi";
+var featured_maingrid_item = "_1sr2o6vj";
+var featured_subcontent = "_1sr2o6vk";
+var featured_subwrap = "_1sr2o6vl";
+var featured_subouter = "_1sr2o6vm";
 export {
+  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
 };

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

@@ -16,6 +16,7 @@ export interface FeaturedItemProps {
         alt: string;
     };
     title?: ReactNode;
+    text?: string;
     supertag?: ReactNode;
     readingTime?: string;
 }