@axos-web-dev/shared-components 2.0.0-dev.29 → 2.0.0-dev.29-toasts

package/dist/Chatbot/EllipsisAnimation.js

@@ -30,9 +30,6 @@ const loadingTransition = {
   ease: "easeInOut"
 };
 const EllipsisLoader = () => {
-  const project = process.env.CCAI_PROJECT_ID;
-  const isAxos = project === "axos";
-  const endUserBg = isAxos ? "#14263d" : "#323339";
   return /* @__PURE__ */ jsxs(
     motion.svg,
     {
@@ -49,7 +46,6 @@ const EllipsisLoader = () => {
             cx: "20",
             cy: "15",
             r: "8",
-            fill: endUserBg,
             variants: loadingCircleVariants,
             transition: loadingTransition
           }
@@ -60,7 +56,6 @@ const EllipsisLoader = () => {
             cx: "50",
             cy: "15",
             r: "8",
-            fill: endUserBg,
             variants: loadingCircleVariants,
             transition: loadingTransition
           }
@@ -71,7 +66,6 @@ const EllipsisLoader = () => {
             cx: "80",
             cy: "15",
             r: "8",
-            fill: endUserBg,
             variants: loadingCircleVariants,
             transition: loadingTransition
           }

package/dist/Chatbot/ExpandChatToggle.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ExpandChatToggleProps {
+    isExpanded: boolean;
+    onToggle: () => void;
+}
+export declare const ExpandChatToggle: React.FC<ExpandChatToggleProps>;
+export {};

package/dist/Chatbot/ExpandChatToggle.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { vars } from "../themes/axos.css.js";
+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                                    */
+import clsx from "clsx";
+import { button_bar, expandToggleStyle } from "./ChatWindow.css.js";
+const ExpandChatToggle = ({
+  isExpanded,
+  onToggle
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      className: clsx(button_bar, expandToggleStyle),
+      style: { border: "none", cursor: "pointer", padding: 0, lineHeight: 1 },
+      "aria-label": isExpanded ? "Collapse chat window" : "Expand chat window",
+      title: isExpanded ? "Collapse" : "Expand",
+      children: isExpanded ? (
+        // Collapse: inward corners — shown when panel is expanded (shrink toward bottom-right)
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 16,
+            height: 16,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: vars.chatbot.window.headerText,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("polyline", { points: "20 14 14 14 14 20" }),
+              /* @__PURE__ */ jsx("polyline", { points: "4 10 10 10 10 4" }),
+              /* @__PURE__ */ jsx("line", { x1: "14", y1: "14", x2: "21", y2: "21" }),
+              /* @__PURE__ */ jsx("line", { x1: "10", y1: "10", x2: "3", y2: "3" })
+            ]
+          }
+        )
+      ) : (
+        // Expand: outward corners — shown when panel is compact (grow toward top-left)
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 16,
+            height: 16,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: vars.chatbot.window.headerText,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("polyline", { points: "9 3 3 3 3 9" }),
+              /* @__PURE__ */ jsx("polyline", { points: "15 21 21 21 21 15" }),
+              /* @__PURE__ */ jsx("line", { x1: "3", y1: "3", x2: "10", y2: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "14", y2: "14" })
+            ]
+          }
+        )
+      )
+    }
+  );
+};
+export {
+  ExpandChatToggle
+};

package/dist/Chatbot/index.js

@@ -1,10 +1,10 @@
 "use client";
 import { Bubble } from "./Bubble.js";
 import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, svgFill } from "./Bubble.css.js";
-import { Chatbot } from "./Chatbot.js";
+import { Chatbot, audioManager } from "./Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatAiDisclaimer, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, expandToggleStyle, formTextButton, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, tableCell, tableHead, tableMsg, thankyou_image, thankyou_message, thankyou_overlay, trMortgageTable, user_msg, windowBarStyle, windowExpandedStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
@@ -13,6 +13,7 @@ export {
   Chatbot,
   agent_msg,
   arrowFill,
+  audioManager,
   autoResize,
   borderHoverGradient,
   bubbleButton,
@@ -21,6 +22,7 @@ export {
   button_bar,
   button_reset,
   buttonss_section,
+  chatAiDisclaimer,
   chatEndCircle,
   chatEndDialogOverlay,
   chatFinishDialog,
@@ -31,6 +33,8 @@ export {
   chatbotMenuItem,
   chatbotUFB,
   endChatButtonStyle,
+  expandToggleStyle,
+  formTextButton,
   inline_button,
   inline_button_wrapper,
   inner,
@@ -54,6 +58,7 @@ export {
   useOpenChat,
   user_msg,
   windowBarStyle,
+  windowExpandedStyle,
   windowOpenStyle,
   windowStyle
 };

package/dist/Chatbot/store/chat.d.ts

@@ -7,6 +7,7 @@ interface OpenChatState {
     reset: () => void;
     showThankyouMessage: boolean;
     displayThankyouMessage: () => void;
+    hideDisplayThankyouMessage: () => void;
     toggleThankyouMessage?: () => void;
     hasEscalated?: boolean;
     startEscalation?: () => void;
@@ -14,6 +15,13 @@ interface OpenChatState {
     isBlockedInput?: boolean;
     blockInput?: () => void;
     unblockInput?: () => void;
+    hasStarted: boolean;
+    setChatStarted: () => void;
+    resetChatStarted: () => void;
+    chatStatus: "idle" | "connected" | "connecting" | "ending" | "ended";
+    setChatStatus: (status: "idle" | "connected" | "connecting" | "ending" | "ended") => void;
+    isWindowExpanded: boolean;
+    toggleWindowExpanded: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -4,6 +4,10 @@ const useOpenChat = create((set, get) => ({
   hasOpenedOnce: false,
   showThankyouMessage: false,
   hasEscalated: false,
+  hasStarted: false,
+  chatStatus: "idle",
+  isWindowExpanded: false,
+  toggleWindowExpanded: () => set((state) => ({ isWindowExpanded: !state.isWindowExpanded })),
   toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
   open: () => {
     const alreadyOpened = get().hasOpenedOnce;
@@ -18,15 +22,23 @@ const useOpenChat = create((set, get) => ({
     isOpen: false,
     showThankyouMessage: false,
     hasEscalated: false,
-    isBlockedInput: false
+    isBlockedInput: false,
+    hasStarted: false,
+    isWindowExpanded: false
   }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
+  hideDisplayThankyouMessage: () => set({ showThankyouMessage: false }),
   toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
   startEscalation: () => set({ hasEscalated: true }),
   endEscalation: () => set({ hasEscalated: false }),
   isBlockedInput: false,
   blockInput: () => set({ isBlockedInput: true }),
-  unblockInput: () => set({ isBlockedInput: false })
+  unblockInput: () => set({ isBlockedInput: false }),
+  setChatStarted: () => set({ hasStarted: true }),
+  resetChatStarted: () => set({ hasStarted: false }),
+  setChatStatus: (status) => set({
+    chatStatus: status
+  })
 }));
 export {
   useOpenChat

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

@@ -49,4 +49,5 @@ export interface ChevronProps extends PropsWithChildren {
     action?: () => void;
     classNameWrapper?: string;
     leftArrow?: boolean;
+    hideArrow?: boolean;
 }

package/dist/Chevron/index.js

@@ -2,7 +2,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import SvgArrowIcon from "../icons/ArrowIcon/index.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/AxosBank/NavBar2.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/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/Chatbot.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/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.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/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/AxosBank/NavBar2.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/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/ImageToast/ImageToast.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/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/Modal/Modal.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                                    */
@@ -18,6 +18,7 @@ import { Interstitial } from "../Interstitial/Interstitial.js";
 import { chevron, chevron_wrapper } from "./Chevron.css.js";
 /* empty css                                */
 import { useGlobalContext } from "../Modal/contextApi/store.js";
+import { handleAnchorClick } from "../utils/appendQueryParams.js";
 import clsx from "clsx";
 import "../Button/Button.css.js";
 import "react-use";
@@ -27,6 +28,7 @@ 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 "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -73,7 +75,7 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
@@ -84,6 +86,7 @@ import "../Comparison/Comparison.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 "../Tab/Tab.css.js";
 import "../icons/Star/Star.css.js";
@@ -108,7 +111,10 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+/* empty css                                                                  */
 import "next/link.js";
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */
@@ -138,6 +144,7 @@ const Chevron = ({
   newTab = false,
   classNameWrapper,
   leftArrow = false,
+  hideArrow = false,
   action
 }) => {
   variant = getVariant(variant);
@@ -178,7 +185,9 @@ const Chevron = ({
         e.preventDefault();
         setOpenModal(external_link);
         setTargetLinkUrl(targetUrl);
+        return;
       }
+      handleAnchorClick(e, resolveUrl(targetUrl));
     }
   } : backFunction;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -203,7 +212,7 @@ const Chevron = ({
           children
         }
       ),
-      !leftArrow && /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant })
+      !leftArrow && !hideArrow && /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant })
     ] }),
     marketingIntersitial && isOpenMktInterstitial && /* @__PURE__ */ jsx(
       Interstitial,

package/dist/Comparison/Comparison.css.d.ts

@@ -1,3 +1,4 @@
+export declare const comparison_set: string;
 export declare const comparison: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {

package/dist/Comparison/Comparison.css.js

@@ -1,4 +1,4 @@
-import '../assets/Comparison/Comparison.css';import '../assets/Typography/Typography.css';import '../assets/Table/Table.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/icons/CheckIcon/CheckIcon.css';import '../assets/icons/ArrowIcon/ArrowIcon.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/Comparison/Comparison.css';import '../assets/Table/Table.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/icons/CheckIcon/CheckIcon.css';import '../assets/icons/ArrowIcon/ArrowIcon.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                                    */
@@ -6,21 +6,23 @@ import '../assets/Comparison/Comparison.css';import '../assets/Typography/Typogr
 /* empty css                                              */
 /* empty css                                                    */
 /* empty css                                                */
-/* empty css                                */
 /* empty css                                          */
+/* empty css                                    */
+/* empty css                                */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var comparison = createRuntimeFn({ defaultClassName: "_198o0lt0", variantClassNames: { variant: { primary: "_198o0lt1", secondary: "_198o0lt2", tertiary: "_198o0lt3", quaternary: "_198o0lt4" } }, defaultVariants: {}, compoundVariants: [] });
-var comparison_layout = "_198o0lt5";
-var headerComparison = "_198o0lt6";
-var comparison_feature = "_198o0lt7";
-var comparison_list = "_198o0lt8";
-var feature_title = "_198o0lt9";
-var feature_header = "_198o0lta";
-var comparison_container = "_198o0ltb";
-var comparison_tab_container = "_198o0ltc";
-var comparison_content = "_198o0ltd";
-var comparison_buttons = "_198o0lte";
+var comparison_set = "_198o0lt0";
+var comparison = createRuntimeFn({ defaultClassName: "_198o0lt1", variantClassNames: { variant: { primary: "_198o0lt2", secondary: "_198o0lt3", tertiary: "_198o0lt4", quaternary: "_198o0lt5" } }, defaultVariants: {}, compoundVariants: [] });
+var comparison_layout = "_198o0lt6";
+var headerComparison = "_198o0lt7";
+var comparison_feature = "_198o0lt8";
+var comparison_list = "_198o0lt9";
+var feature_title = "_198o0lta";
+var feature_header = "_198o0ltb";
+var comparison_container = "_198o0ltc";
+var comparison_tab_container = "_198o0ltd";
+var comparison_content = "_198o0lte";
+var comparison_buttons = "_198o0ltf";
 export {
   comparison,
   comparison_buttons,
@@ -29,6 +31,7 @@ export {
   comparison_feature,
   comparison_layout,
   comparison_list,
+  comparison_set,
   comparison_tab_container,
   feature_header,
   feature_title,

package/dist/Comparison/Comparison.js

@@ -13,7 +13,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.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/AxosBank/NavBar2.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/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/Chatbot.css';import '../assets/Chatbot/AnimatedGradientBorder.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/Insight/Insight.css';import '../assets/Typography/Typography.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/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/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/AxosBank/NavBar2.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/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/ImageToast/ImageToast.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/Typography/Typography.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/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                                    */
@@ -27,6 +27,7 @@ import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
 import "../Modal/contextApi/store.js";
 import "next/image.js";
 import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Calculators/ApyCalculatorUserTest/ApyCalculatorUserTest.css.js";
 import "../Table/Table.css.js";
 import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
 import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
@@ -74,7 +75,7 @@ import "../Auth/SignInPassword.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                   */
-/* empty css                                    */
+import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/Chatbot.js";
@@ -85,6 +86,7 @@ import { comparison_layout, comparison_content, headerComparison, feature_header
 import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
+/* empty css                                          */
 import "../SetContainer/SetContainer.css.js";
 import { active_content } from "../Tab/Tab.css.js";
 import "../ContentBanner/ContentBanner.css.js";
@@ -108,7 +110,10 @@ import "next/navigation.js";
 /* empty css                                                         */
 /* empty css                                                              */
 /* empty css                                                                 */
+/* empty css                                                                  */
 import "next/link.js";
+import "../NavigationMenu/ServerNavigation/Menu.js";
+import "../NavigationMenu/ServerNavigation/SubNavbar.css.js";
 /* empty css                                                   */
 /* empty css                                                      */
 /* empty css                                                       */

package/dist/Comparison/ComparisonSet.js

@@ -9,7 +9,7 @@ import { active_tab } from "../Tab/Tab.css.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { Comparison } from "./Comparison.js";
-import { comparison_tab_container, comparison_container } from "./Comparison.css.js";
+import { comparison_set, comparison_tab_container, comparison_container } from "./Comparison.css.js";
 const ComparisonSet = ({
   headline,
   variant,
@@ -29,6 +29,7 @@ const ComparisonSet = ({
     {
       id,
       variant,
+      className: comparison_set,
       headline,
       icon,
       eyebrow,

package/dist/Comparison/index.js

@@ -1,4 +1,4 @@
-import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
+import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_set, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison.css.js";
 import { ComparisonSet } from "./ComparisonSet.js";
 export {
   ComparisonSet,
@@ -9,6 +9,7 @@ export {
   comparison_feature,
   comparison_layout,
   comparison_list,
+  comparison_set,
   comparison_tab_container,
   feature_header,
   feature_title,

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

@@ -151,14 +151,41 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
         secondary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
         tertiary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
         quaternary: {
             background: `var(--${string})`;
             color: `var(--${string})`;
+            paddingBlock: "56px";
+            "@media": {
+                "(max-width: 1023px)": {
+                    paddingBlock: "42px";
+                };
+                "(max-width: 768px)": {
+                    paddingBlock: "32px";
+                };
+            };
         };
     };
 }>;