@axos-web-dev/shared-components 0.0.11 → 0.0.13

package/dist/IconBillboard/IconBillboard.js

@@ -3,7 +3,10 @@ import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { Button } from "../Button/index.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import { containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
 const IconBillboard = (props) => {
   const {
@@ -12,42 +15,54 @@ const IconBillboard = (props) => {
     side = false,
     items,
     headline,
-    body
+    body,
+    icon,
+    set
   } = props;
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsxs("div", { className: clsx(containerIconBillboard({ variant }), "containment"), children: [
-    /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
-      /* @__PURE__ */ jsx("div", { className: billboard_icon, children: props.icon }),
-      /* @__PURE__ */ jsxs("div", { className: content, children: [
-        /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
-          /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
-          /* @__PURE__ */ jsx("div", { children: body })
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(
+        containerIconBillboard({ variant }),
+        "billboard",
+        `${set ? "" : "containment"}`
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: `middle ${layout({ side })}`, children: [
+          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, className: "img_fluid", alt: icon == null ? void 0 : icon.alt }) }),
+          /* @__PURE__ */ jsxs("div", { className: content, children: [
+            /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
+              /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline }),
+              /* @__PURE__ */ jsx("div", { children: body })
+            ] }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.content }, item.id)) }) })
+          ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.content }, item.id)) }) })
-      ] })
-    ] }),
-    callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
-      ({ id, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
-        Button,
-        {
-          targetUrl,
-          color: getVariant(variant2),
-          size: "medium",
-          rounded: "medium",
-          children: displayText
-        },
-        id
-      ) : /* @__PURE__ */ jsx(
-        Chevron,
-        {
-          targetUrl,
-          variant: getVariant(variant2),
-          children: displayText
-        },
-        id
-      )
-    ) })
-  ] });
+        callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
+          ({ id, variant: variant2, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              targetUrl,
+              color: getVariant(variant2),
+              size: "medium",
+              rounded: "medium",
+              children: displayText
+            },
+            id
+          ) : /* @__PURE__ */ jsx(
+            Chevron,
+            {
+              targetUrl,
+              variant: getVariant(variant2),
+              children: displayText
+            },
+            id
+          )
+        ) })
+      ]
+    }
+  );
 };
 export {
   IconBillboard

package/dist/IconBillboard/IconBillboardSet.js

@@ -2,7 +2,10 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
-import { Button } from "../Button/index.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import { section_text, header_section, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
@@ -13,7 +16,7 @@ const IconBillboardSet = ({
   additionalDetails
 }) => {
   const billboard_variant = getVariant(variant);
-  return /* @__PURE__ */ jsxs("section", { className: "containment section_spacer", children: [
+  return /* @__PURE__ */ jsxs("section", { className: "containment section_spacer billboard", children: [
     (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
       headline && /* @__PURE__ */ jsx(
         "h2",
@@ -25,61 +28,52 @@ const IconBillboardSet = ({
       bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
     ] }),
     /* @__PURE__ */ jsx("div", { className: section_container, children: iconBillboards.map(
-      ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: containerIconBillboard({
-            variant: getVariant(variant)
-          }),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
-              icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: icon == null ? void 0 : icon.src,
-                  className: "img_fluid",
-                  alt: icon == null ? void 0 : icon.alt
-                }
-              ) }),
-              /* @__PURE__ */ jsxs("div", { className: content, children: [
-                /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
-                  /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline2 }),
-                  /* @__PURE__ */ jsx("div", { children: bodyCopy2 })
-                ] }),
-                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: bullets.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.copy }, item.id)) }) })
-              ] })
+      ({ id, icon, headline: headline2, bodyCopy: bodyCopy2, bullets, callToActionRow }) => /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [
+        /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
+          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: icon == null ? void 0 : icon.src,
+              className: "img_fluid",
+              alt: icon == null ? void 0 : icon.alt
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: content, children: [
+            /* @__PURE__ */ jsxs("div", { className: headerIconBillboard, children: [
+              /* @__PURE__ */ jsx("div", { className: title({ variant }), children: headline2 }),
+              /* @__PURE__ */ jsx("div", { children: bodyCopy2 })
             ] }),
-            callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
-              ({
-                id: id2,
-                variant: variant2,
-                displayText,
-                targetUrl,
-                type
-              }) => type === "Button" ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  targetUrl,
-                  color: getVariant(variant2),
-                  size: "medium",
-                  rounded: "medium",
-                  children: displayText
-                },
-                id2
-              ) : /* @__PURE__ */ jsx(
-                Chevron,
-                {
-                  targetUrl,
-                  variant: getVariant(variant2),
-                  children: displayText
-                },
-                id2
-              )
-            ) })
-          ]
-        },
-        id
-      )
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: list, children: bullets.map((item) => /* @__PURE__ */ jsx(BulletItem, { id: item.id, children: item.copy }, item.id)) }) })
+          ] })
+        ] }),
+        callToActionRow && /* @__PURE__ */ jsx("div", { className: buttons, children: callToActionRow.map(
+          ({
+            id: id2,
+            variant: variant2,
+            displayText,
+            targetUrl,
+            type
+          }) => type === "Button" ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              targetUrl,
+              color: getVariant(variant2),
+              size: "medium",
+              rounded: "medium",
+              children: displayText
+            },
+            id2
+          ) : /* @__PURE__ */ jsx(
+            Chevron,
+            {
+              targetUrl,
+              variant: getVariant(variant2),
+              children: displayText
+            },
+            id2
+          )
+        ) })
+      ] }, id)
     ) }),
     additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
   ] });

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -31,6 +31,7 @@ export declare const imagePlacement: import("@vanilla-extract/recipes").RuntimeF
             selectors: {
                 [x: string]: {
                     flexDirection: "column-reverse";
+                    justifyContent: "space-between";
                 };
             };
         };

package/dist/ImageBillboard/ImageBillboard.interface.d.ts

@@ -10,6 +10,8 @@ export interface ImageBillboardSetProps {
     imageBillboards: ImageBillboardInterface[];
     additionalDetails?: string | ReactNode;
     variant: QuaternaryTypes;
+    set?: boolean;
+    bordered?: boolean;
 }
 export interface ImageBillboardInterface {
     id: string;
@@ -23,4 +25,5 @@ export interface ImageBillboardInterface {
     bullets: BulletItemProps[];
     image: ImageInterface;
     callToActionRow: ChevronProps[];
+    set?: boolean;
 }

package/dist/ImageBillboard/ImageBillboard.js

@@ -6,7 +6,10 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                                    */
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { Button } from "../Button/index.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
 import { section_text_ImageBillboard, header, billboard, billboard_container, billboard_img, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,2 +1,2 @@
 import { ImageBillboardInterface } from "./ImageBillboard.interface";
-export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -1,5 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Button } from "../Button/index.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                */
@@ -18,18 +21,24 @@ const ImageBillboard = ({
   callToActionRow,
   eyebrow,
   image,
-  imagePlacement: position = "left"
+  imagePlacement: position = "left",
+  set
 }) => {
   const billboard_variant = getVariant(variant);
+  position = position == null ? void 0 : position.toLocaleLowerCase();
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
+        "billboard",
+        "containment",
         billboard({ variant: billboard_variant }),
         `rounded flex`,
         bordered ? "bordered" : "",
         imagePlacement({ position: position == null ? void 0 : position.toLowerCase() }),
-        "containment"
+        `${set ? "" : "containment"}`,
+        position === "right" && "reversed",
+        imagePlacement({ position: position == null ? void 0 : position.toLowerCase() })
       ),
       children: [
         /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: /* @__PURE__ */ jsx("img", { src: image.src, className: "img_fluid", alt: image.alt }) }),

package/dist/MainHTML/index.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
 export interface BodyProps extends PropsWithChildren {
-    theme: string;
+    theme: "Axos" | "Premier";
 }
 export declare const MainHTML: ({ theme, children }: BodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MainHTML/index.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { axosTheme } from "../themes/axos.css.js";
 import { premierTheme } from "../themes/premier.css.js";
 const MainHTML = ({ theme = "Axos", children }) => {
-  return /* @__PURE__ */ jsx("main", { className: theme === "Premier" ? premierTheme : axosTheme, children });
+  return /* @__PURE__ */ jsx("body", { className: theme === "Premier" ? premierTheme : axosTheme, children: /* @__PURE__ */ jsx("main", { children }, "main-body") });
 };
 export {
   MainHTML

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ModalProps } from "./Modal.interface";
+export declare const Modal: FC<ModalProps>;

package/dist/Modal/Modal.js

@@ -0,0 +1,95 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { chevron } from "../Chevron/Chevron.css.js";
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+import "../AlertBanner/AlertBanner.css.js";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+/* empty css                                                */
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
+/* empty css                                          */
+import "clsx";
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../HeroBanner/HeroBanner.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "@hookform/resolvers/zod";
+import "../Input/index.js";
+import "react-hook-form";
+/* empty css                                              */
+import "../ImageBillboard/ImageBillboard.css.js";
+import "./contextApi/store.js";
+/* empty css                                                      */
+/* empty css                                                         */
+/* empty css                                                    */
+import "../Table/Table.css.js";
+/* empty css                                        */
+import "next/script.js";
+/* empty css                                        */
+/* empty css                                              */
+import { modal, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
+const Modal = ({
+  headline,
+  bodyCopy,
+  body,
+  onAccept,
+  onCancel
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { id: "speedbump", tabIndex: -1, role: "dialog", className: modal, children: /* @__PURE__ */ jsx("div", { className: `${modal_dialog} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${modal_content} rounded`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${modal_header} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: `${modal_title} header_3`, children: headline }),
+      /* @__PURE__ */ jsx("p", { className: `${modal_subtitle} p_16 mb_0 push_up`, children: bodyCopy })
+    ] }),
+    /* @__PURE__ */ jsx("hr", { className: solid }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${modal_body} text-center flex flex_col center middle mx_auto`,
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
+          /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("hr", { className: solid }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${modal_footer} flex center middle push_up_24`,
+        style: { marginInline: "auto", width: "max-content" },
+        children: [
+          /* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              style: { textDecoration: "none", padding: "8px 48px" },
+              role: "button",
+              className: `sc__btn ${chevron({ variant: "primary" })}`,
+              "aria-label": "Close",
+              title: "Go Back",
+              id: "close",
+              onClick: onCancel,
+              children: "Close"
+            }
+          )
+        ]
+      }
+    )
+  ] }) }) }) });
+};
+export {
+  Modal
+};

package/dist/Modal/contextApi/store.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+export interface ContextProps {
+    targetLinkUrl: string;
+    setTargetLinkUrl: Dispatch<SetStateAction<string>>;
+    openModal: boolean;
+    setOpenModal: Dispatch<SetStateAction<boolean>>;
+}
+export declare const GlobalContext: import("react").Context<ContextProps>;
+export declare const GlobalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const useGlobalContext: () => ContextProps;

package/dist/Modal/contextApi/store.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Modal } from "../Modal.js";
+import { shortUrl } from "../../utils/validateExternalLinks.js";
+import { createContext, useState, useContext } from "react";
+import { createPortal } from "react-dom";
+const GlobalContext = createContext({
+  targetLinkUrl: "",
+  setTargetLinkUrl: () => "",
+  openModal: false,
+  setOpenModal: () => false
+});
+const GlobalContextProvider = ({ children }) => {
+  const [targetLinkUrl, setTargetLinkUrl] = useState("");
+  const [openModal, setOpenModal] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    GlobalContext.Provider,
+    {
+      value: {
+        targetLinkUrl,
+        setTargetLinkUrl,
+        openModal,
+        setOpenModal
+      },
+      children: [
+        children,
+        openModal ? createPortal(
+          /* @__PURE__ */ jsx(
+            Modal,
+            {
+              headline: "You're continuing to another website",
+              bodyCopy: `Axos Bank does not endorse the information,
+               content, presentation or accuracy of any other 
+               website and claims no responsibility for it.`,
+              body: shortUrl(targetLinkUrl),
+              onCancel: () => setOpenModal(false),
+              onAccept: () => {
+                window.open(targetLinkUrl, "_blank", "noreferrer");
+                setOpenModal(false);
+              }
+            }
+          ),
+          document.body,
+          "GlobalSpeedBump"
+        ) : null
+      ]
+    }
+  );
+};
+const useGlobalContext = () => useContext(GlobalContext);
+export {
+  GlobalContext,
+  GlobalContextProvider,
+  useGlobalContext
+};

package/dist/Modal/index.d.ts

@@ -1,3 +1,2 @@
-import { FC } from "react";
-import { ModalProps } from "./Modal.interface";
-export declare const Modal: FC<ModalProps>;
+export * from "./Modal";
+export * from "./contextApi/store";

package/dist/Modal/index.js

@@ -1,94 +1,9 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { chevron } from "../Chevron/Chevron.css.js";
-import "../Accordion/Accordion.js";
-import "../Accordion/Accordion.css.js";
-import "../icons/CheckIcon/CheckIcon.css.js";
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                                    */
-import "../AlertBanner/AlertBanner.css.js";
-import { Button } from "../Button/index.js";
-import "../Button/Button.css.js";
-import "react";
-/* empty css                                                */
-import "../IconBillboard/IconBillboard.css.js";
-/* empty css                                          */
-/* empty css                                          */
-import "clsx";
-/* empty css                                                    */
-import "../Carousel/index.js";
-/* empty css                                                                    */
-import "../HeroBanner/HeroBanner.css.js";
-import "../ContentBanner/ContentBanner.css.js";
-/* empty css                                              */
-import "../FaqAccordion/index.js";
-import "../FooterDisclosure/FooterDisclosure.css.js";
-import "../Forms/Forms.css.js";
-import "../Forms/SalesforceFieldsForm.js";
-import "@hookform/resolvers/zod";
-import "../Input/index.js";
-import "react-hook-form";
-/* empty css                                              */
-import "../ImageBillboard/ImageBillboard.css.js";
-import "react-use";
-import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
-import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
-/* empty css                                                    */
-import "../Table/Table.css.js";
-/* empty css                                        */
-import "next/script.js";
-/* empty css                                        */
-/* empty css                                              */
-import { modal, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
-const Modal = ({
-  headline,
-  bodyCopy,
-  body,
-  onAccept,
-  onCancel
-}) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { id: "speedbump", tabIndex: -1, role: "dialog", className: modal, children: /* @__PURE__ */ jsx("div", { className: `${modal_dialog} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${modal_content} rounded`, children: [
-    /* @__PURE__ */ jsxs("div", { className: `${modal_header} text_center`, children: [
-      /* @__PURE__ */ jsx("h2", { className: `${modal_title} header_3`, children: headline }),
-      /* @__PURE__ */ jsx("p", { className: `${modal_subtitle} p_16 mb_0 push_up`, children: bodyCopy })
-    ] }),
-    /* @__PURE__ */ jsx("hr", { className: solid }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${modal_body} text-center flex flex_col center middle mx_auto`,
-        children: [
-          /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
-          /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("hr", { className: solid }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${modal_footer} flex center middle push_up_24`,
-        style: { marginInline: "auto", width: "max-content" },
-        children: [
-          /* @__PURE__ */ jsx(Button, { color: "primary", action: () => onAccept, children: "Continue" }),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              style: { textDecoration: "none", padding: "8px 48px" },
-              role: "button",
-              className: `sc__btn ${chevron({ variant: "primary" })}`,
-              "aria-label": "Close",
-              title: "Go Back",
-              id: "close",
-              onClick: () => onCancel,
-              children: "Close"
-            }
-          )
-        ]
-      }
-    )
-  ] }) }) }) });
-};
+"use client";
+import { Modal } from "./Modal.js";
+import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./contextApi/store.js";
 export {
-  Modal
+  GlobalContext,
+  GlobalContextProvider,
+  Modal,
+  useGlobalContext
 };

package/dist/NavigationMenu/AxosAdvisor/NavBar.css.d.ts

@@ -0,0 +1,2 @@
+export declare const Sign_in_btn: string;
+export declare const expand: string;

package/dist/NavigationMenu/AxosAdvisor/NavBar.css.js

@@ -0,0 +1,9 @@
+/* empty css                                   */
+/* empty css                                      */
+/* empty css                          */
+var Sign_in_btn = "dg9gpl0";
+var expand = "dg9gpl1";
+export {
+  Sign_in_btn,
+  expand
+};