@axos-web-dev/shared-components 1.0.8 → 1.0.9-9.dev.1

package/dist/Input/Input.css.d.ts

@@ -19,21 +19,21 @@ export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeF
         primary: {};
         secondary: {};
         tertiary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
         quaternary: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
     error: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
+            borderColor: `var(--${string})`;
         };
     };
     disabled: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
     isCheckbox: {
@@ -64,19 +64,19 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:focus-within": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})`;
                 };
             };
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
     };
 }>;
@@ -124,15 +124,15 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
             selectors: {};
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
     };
 }>;
@@ -149,8 +149,8 @@ export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;

package/dist/Input/Input.js

@@ -16,6 +16,7 @@ const Input = forwardRef((props, ref) => {
     variant,
     type = "text",
     placeholder,
+    defaultValue,
     ...rest
   } = props;
   return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
@@ -36,7 +37,9 @@ const Input = forwardRef((props, ref) => {
           ref,
           className: clsx(props.className, input({ size: sizes })),
           type,
-          placeholder
+          placeholder,
+          disabled: disabled ?? false,
+          defaultValue
         }
       ),
       iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })

package/dist/Input/PercentageInput.d.ts

@@ -0,0 +1,3 @@
+import { CurencyInputProps } from '.';
+
+export declare const PercentageInput: import('react').ForwardRefExoticComponent<CurencyInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/PercentageInput.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { InputNumberFormat } from "@react-input/number-format";
+import { forwardRef } from "react";
+import "./Checkbox.js";
+import "./CurrencyInput.js";
+import "./Dropdown.js";
+import "./Dropdown.css.js";
+import { Input } from "./Input.js";
+import "./Input.css.js";
+import "./InputAmount.js";
+import "./InputPhone.js";
+import "./InputTextArea.js";
+import "./DownPaymentInput.js";
+import "./RadioButton.js";
+const PercentageInput = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(
+      InputNumberFormat,
+      {
+        component: Input,
+        ref,
+        format: "percent",
+        maximumFractionDigits: props?.maxfractiondigits ?? 2,
+        minimumFractionDigits: props?.minfractiondigits ?? 2,
+        ...props
+      }
+    );
+  }
+);
+export {
+  PercentageInput
+};

package/dist/Input/RadioButton.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { labelClassName, helperText } from "./Input.css.js";
 import { fieldset_wrapper, fieldset_container, fieldset } from "./RadioButton.css.js";
+import clsx from "clsx";
 const RadioButtonSet = (props) => {
   const {
     disabled,
@@ -10,19 +11,27 @@ const RadioButtonSet = (props) => {
     variant,
     helperText: helper,
     children,
-    direction = "row"
+    direction = "row",
+    className
     // id,
   } = props;
   return /* @__PURE__ */ jsxs("div", { className: fieldset_wrapper, children: [
     label && /* @__PURE__ */ jsx(
       "label",
       {
-        className: labelClassName({ error, variant }),
+        className: clsx(labelClassName({ error, variant }), className),
         htmlFor: props.name,
         children: label
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: fieldset_container, children: /* @__PURE__ */ jsx("fieldset", { className: fieldset({ direction }), children }) }),
+    /* @__PURE__ */ jsx("div", { className: fieldset_container, children: /* @__PURE__ */ jsx(
+      "fieldset",
+      {
+        className: fieldset({ direction }),
+        disabled: disabled ?? false,
+        children
+      }
+    ) }),
     /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
   ] });
 };

package/dist/Inputs/Input.css.d.ts

@@ -17,13 +17,13 @@ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
     error: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
+            borderColor: `var(--${string})`;
         };
     };
     disabled: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})`;
         };
     };
 }>;
@@ -47,19 +47,19 @@ export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
             selectors: {
                 "&:focus-within": {
-                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})`;
                 };
             };
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
     };
 }>;
@@ -107,15 +107,15 @@ export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
             selectors: {};
         };
     };
     disabled: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
+            background: `var(--${string})`;
         };
     };
 }>;
@@ -132,8 +132,8 @@ export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
     };
     error: {
         true: {
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderColor: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;

package/dist/Insight/Featured/CategorySelector.js

@@ -1,16 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Chevron } from "../../Chevron/index.js";
+import clsx from "clsx";
+import "react";
 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/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.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/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.css';import '../../assets/Insight/Featured/Header.css';import '../../assets/ImageLink/ImageLink.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/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.css';import '../../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../../assets/Forms/QuickPricer/UserInformation.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.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/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
+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/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.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/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/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Interstitial/Interstitial-variants.css.js";
@@ -18,8 +19,7 @@ import "../../Chevron/Chevron.css.js";
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
-import "react";
-import { LazyImage } from "../../utils/lazyImage/lazyImage.js";
+import { OptimizeImage } from "../../utils/optimizeImage/OptimizeImage.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../Calculators/calculator.css.js";
@@ -43,6 +43,7 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.js";
 import "../../Forms/SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";
 import "../../Input/Checkbox.css.js";
@@ -57,6 +58,12 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Input/PercentageInput.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                       */
+import "react-dom";
+/* empty css                                   */
+import "../../Auth/SignInPassword.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -77,7 +84,10 @@ 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                          */
@@ -88,9 +98,10 @@ import "next/navigation.js";
 /* empty css                                                            */
 /* empty css                                                                 */
 /* empty css                                                                    */
+import "next/link.js";
+import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                         */
 /* empty css                                                          */
 import "../../NavigationMenu/AxosALTS/NavData.js";
@@ -106,10 +117,9 @@ import "react-slick";
 import "../../StepItem/StepItem.css.js";
 import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                           */
+/* empty css                                   */
 /* empty css                                                     */
 /* empty css                                                   */
-import "next/script.js";
-/* empty css                                           */
 /* empty css                                                 */
 /* empty css                                   */
 import "../../Modal/contextApi/store.js";
@@ -165,19 +175,17 @@ const CategorySelector = (props) => {
 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__ */ jsxs("picture", { children: [
-      /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=avif`, type: "image/avif" }),
-      /* @__PURE__ */ jsx("source", { srcSet: `${image?.url}?fm=webp`, type: "image/webp" }),
-      /* @__PURE__ */ jsx(
-        LazyImage,
-        {
-          src: `${image?.url}?q=85`,
-          alt: image?.alt ?? "",
-          className: clsx(featured_maingrid_img, selector_img),
-          height: 207
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+      OptimizeImage,
+      {
+        src: `${image?.url}`,
+        alt: image?.alt ?? "",
+        className: clsx(featured_maingrid_img, selector_img),
+        height: 207,
+        width: 368,
+        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: [

package/dist/Insight/Featured/Featured.js

@@ -1,32 +1,27 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Fragment } from "react";
+import { getVariant } from "../../utils/getVariant.js";
 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/VideoTile/VideoTile.css';import '../../assets/TopicalNavSet/TopicalNavSet.css';import '../../assets/TopicalNavItem/TopicalNavItem.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/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.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/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../../assets/DownloadTile/DownloadTile.css';import '../../assets/CollectInformationAlert/CollectInformationAlert.css';import '../../assets/CallToActionBar/CallToActionBar.css';import '../../assets/AwardsItem/AwardsItem.css';import '../../assets/AwardsBanner/AwardsBanner.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/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/premier.css';import '../../assets/themes/axos.css';/* empty 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/NavBar.css';import '../../assets/NavigationMenu/AxosALTS/NavBar.css';import '../../assets/NavigationMenu/AxosClearing/NavBar.css';import '../../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../../assets/NavigationMenu/AxosBank/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../../assets/Insight/Insight.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/CallToActionBar/CallToActionBar.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/Modal/Modal.css';import '../../assets/Forms/QuickPricer/QuickPricerResults.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/premier.css';import '../../assets/themes/axos.css';/* empty css                                   */
 /* empty css                                      */
 /* empty css                                       */
 /* empty css                                                       */
 /* empty css                                                   */
 import "../../utils/allowedAxosDomains.js";
-import { getVariant } from "../../utils/getVariant.js";
-import clsx from "clsx";
 /* empty css                                             */
 /* empty css                                             */
 import "../../Accordion/Accordion.js";
 import "../../Accordion/Accordion.css.js";
 import "../../AlertBanner/AlertBanner.css.js";
-import { Fragment } from "react";
 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 "../../Button/Button.css.js";
 import "../../Calculators/ApyCalculator/ApyCalculator.css.js";
 import "../../Table/Table.css.js";
 import "../../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
@@ -45,12 +40,18 @@ import "../../Input/DownPaymentInput.js";
 import "../../Input/RadioButton.js";
 import "react-hook-form";
 import "../../Forms/Forms.css.js";
+import "../../Forms/HoneyPot/index.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";
+import "../../Interstitial/Interstitial-variants.css.js";
 import "../../Inputs/Input.css.js";
 /* empty css                                                            */
+/* empty css                                   */
+import "../../Modal/contextApi/store.js";
 import "../../Hyperlink/Hyperlink.css.js";
 /* empty css                                                         */
 import "iframe-resizer";
@@ -58,6 +59,12 @@ import "iframe-resizer";
 import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
 import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../../Input/PercentageInput.js";
+import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                       */
+import "react-dom";
+/* empty css                                   */
+import "../../Auth/SignInPassword.js";
 /* empty css                                                 */
 /* empty css                                             */
 /* empty css                                                       */
@@ -78,7 +85,10 @@ 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                                    */
@@ -91,9 +101,10 @@ import "next/navigation.js";
 /* empty css                                                            */
 /* empty css                                                                 */
 /* empty css                                                                    */
+import "next/link.js";
+import "../../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
 /* empty css                                                      */
 import "../../NavigationMenu/AxosBank/NavData.js";
-import "next/link.js";
 /* empty css                                                         */
 /* empty css                                                          */
 import "../../NavigationMenu/AxosALTS/NavData.js";
@@ -109,10 +120,9 @@ import "react-slick";
 import "../../StepItem/StepItem.css.js";
 import "../../StepItemSet/StepItemSet.css.js";
 /* empty css                                           */
+/* empty css                                   */
 /* empty css                                                     */
 /* empty css                                                   */
-import "next/script.js";
-/* empty css                                           */
 /* empty css                                                 */
 const FeaturedItem = (props) => {
   const {
@@ -153,52 +163,59 @@ const Featured = (props) => {
       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: [
-          /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid, featured_hero), 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
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: main?.url,
+              className: clsx(featured_maingrid, featured_hero),
+              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 ?? ""
+                    }
                   ),
-                  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__ */ 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("div", { className: clsx(featured_subgrid), children: restFeatured.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               FeaturedItem,