@axos-web-dev/shared-components 0.0.69 → 0.0.71

package/dist/HeroBanner/HeroBanner.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
@@ -7,6 +7,7 @@ import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_btns, hero_img } from "./HeroBanner.css.js";
+import { lg_hero_banner, lg_hero_content, lg_hero_text, lg_hero_eyebrow, lg_headline_text, lg_hero_img, lg_hero_sizing } from "./LargeBanner.css.js";
 import { selection_section, selection_section_bg, selection_section_content, selection_headline_text, selection_section_icon, selection_section_icon_img } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,
@@ -21,134 +22,248 @@ const HeroBanner = ({
   selection,
   isSelectionBanner = false
 }) => {
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      id: `id_${id}`,
-      className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })}`,
-      children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `${hero_content} ${imagePlacement !== "Right" ? reversed : ""}`,
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: hero_text, children: [
-              eyebrow && /* @__PURE__ */ jsx("h1", { className: heroSupertag({ variant: getVariant(variant) }), children: eyebrow }),
-              eyebrow ? /* @__PURE__ */ jsx("h2", { className: headline_text({ variant: getVariant(variant) }), children: headline }) : /* @__PURE__ */ jsx("h1", { className: headline_text({ variant: getVariant(variant) }), children: headline }),
-              /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
-              callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
-                ({
-                  id: id2,
-                  variant: variant2,
-                  displayText,
-                  targetUrl,
-                  type
-                }) => type === "Button" ? /* @__PURE__ */ jsx(
-                  Button,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    bannerType === "Hero" || /* @__PURE__ */ jsx(
+      "section",
+      {
+        id: `id_${id}`,
+        className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })}`,
+        children: /* @__PURE__ */ jsx("div", { className: `${hero_wrapper} containment`, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `${hero_content} ${imagePlacement !== "Right" ? reversed : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: hero_text, children: [
+                eyebrow && /* @__PURE__ */ jsx(
+                  "h1",
                   {
-                    targetUrl,
-                    color: getVariant(variant2),
-                    size: "large",
-                    rounded: "medium",
-                    children: displayText
-                  },
-                  id2
+                    className: heroSupertag({ variant: getVariant(variant) }),
+                    children: eyebrow
+                  }
+                ),
+                eyebrow ? /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    className: headline_text({
+                      variant: getVariant(variant)
+                    }),
+                    children: headline
+                  }
                 ) : /* @__PURE__ */ jsx(
-                  Chevron,
+                  "h1",
                   {
-                    targetUrl,
-                    variant: getVariant(variant2),
-                    goBack: bannerType == "Logout",
-                    children: displayText
-                  },
-                  id2
-                )
-              ) })
-            ] }),
-            !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                decoding: "async",
-                "data-nimg": 1,
-                className: "img_fluid",
-                style: { color: "transparent" },
-                src: `${image?.src}?fm=webp&w=604&h=480&fit=fill`,
-                alt: image?.alt
-              }
-            ) }) : /* @__PURE__ */ jsxs("div", { className: clsx(selection_section), children: [
-              /* @__PURE__ */ jsx("div", { className: clsx(selection_section_bg) }),
-              /* @__PURE__ */ jsxs("div", { className: clsx(selection_section_content), children: [
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      className: clsx(
-                        "header_2",
-                        selection_headline_text({ variant: getVariant(variant) })
-                      ),
-                      children: selection?.headline
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
-                ] }),
-                selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(
+                    className: headline_text({
+                      variant: getVariant(variant)
+                    }),
+                    children: headline
+                  }
+                ),
+                /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }),
+                callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
                   ({
                     id: id2,
-                    icon,
+                    variant: variant2,
                     displayText,
                     targetUrl,
                     type
-                  }) => type === "Button" ? /* @__PURE__ */ jsxs(
+                  }) => type === "Button" ? /* @__PURE__ */ jsx(
                     Button,
                     {
                       targetUrl,
-                      color: "tertiary",
+                      color: getVariant(variant2),
                       size: "large",
                       rounded: "medium",
-                      square: true,
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
-                          "img",
-                          {
-                            alt: "",
-                            src: icon,
-                            className: clsx(selection_section_icon_img)
-                          }
-                        ) }),
-                        displayText
-                      ]
+                      children: displayText
+                    },
+                    id2
+                  ) : /* @__PURE__ */ jsx(
+                    Chevron,
+                    {
+                      targetUrl,
+                      variant: getVariant(variant2),
+                      goBack: bannerType == "Logout",
+                      children: displayText
                     },
                     id2
-                  ) : /* @__PURE__ */ jsxs(
+                  )
+                ) })
+              ] }),
+              !isSelectionBanner ? /* @__PURE__ */ jsx("div", { className: hero_img, role: "presentation", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  decoding: "async",
+                  "data-nimg": 1,
+                  className: "img_fluid",
+                  style: { color: "transparent" },
+                  src: `${image?.src}?fm=webp&w=604&h=480&fit=fill`,
+                  alt: image?.alt
+                }
+              ) }) : /* @__PURE__ */ jsxs("div", { className: clsx(selection_section), children: [
+                /* @__PURE__ */ jsx("div", { className: clsx(selection_section_bg) }),
+                /* @__PURE__ */ jsxs("div", { className: clsx(selection_section_content), children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(
+                      "h3",
+                      {
+                        className: clsx(
+                          "header_2",
+                          selection_headline_text({
+                            variant: getVariant(variant)
+                          })
+                        ),
+                        children: selection?.headline
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { children: selection?.bodyCopy })
+                  ] }),
+                  selection?.callToActionRow && selection?.callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: selection?.callToActionRow.map(
+                    ({
+                      id: id2,
+                      icon,
+                      displayText,
+                      targetUrl,
+                      type
+                    }) => type === "Button" ? /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        targetUrl,
+                        color: "tertiary",
+                        size: "large",
+                        rounded: "medium",
+                        square: true,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: clsx(selection_section_icon),
+                              children: /* @__PURE__ */ jsx(
+                                "img",
+                                {
+                                  alt: "",
+                                  src: icon,
+                                  className: clsx(
+                                    selection_section_icon_img
+                                  )
+                                }
+                              )
+                            }
+                          ),
+                          displayText
+                        ]
+                      },
+                      id2
+                    ) : /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        targetUrl,
+                        color: "tertiary",
+                        rounded: "medium",
+                        size: "large",
+                        square: true,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: clsx(selection_section_icon),
+                              children: /* @__PURE__ */ jsx(
+                                "img",
+                                {
+                                  alt: "",
+                                  src: icon,
+                                  className: clsx(
+                                    selection_section_icon_img
+                                  )
+                                }
+                              )
+                            }
+                          ),
+                          displayText
+                        ]
+                      },
+                      id2
+                    )
+                  ) })
+                ] })
+              ] })
+            ]
+          }
+        ) })
+      },
+      id
+    ),
+    bannerType === "Large" && /* @__PURE__ */ jsx(
+      "section",
+      {
+        className: lg_hero_banner({ variant: getVariant(variant) }),
+        id: `id_${id}`,
+        children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs("div", { className: `${lg_hero_content} flex between middle`, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${lg_hero_text({ variant: getVariant(variant) })} rounded`,
+              children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+                eyebrow && /* @__PURE__ */ jsx(
+                  "h1",
+                  {
+                    className: lg_hero_eyebrow({
+                      variant: getVariant(variant)
+                    }),
+                    children: eyebrow
+                  }
+                ),
+                eyebrow ? /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    className: lg_headline_text({
+                      variant: getVariant(variant)
+                    }),
+                    children: headline
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "h1",
+                  {
+                    className: headline_text({
+                      variant: getVariant(variant)
+                    }),
+                    children: headline
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "push_up", children: /* @__PURE__ */ jsx(Fragment, { children: bodyCopy }) }),
+                callToActionRow && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
+                  ({
+                    id: id2,
+                    variant: variant2,
+                    displayText,
+                    targetUrl,
+                    type
+                  }) => type === "Button" ? /* @__PURE__ */ jsx(
                     Button,
                     {
                       targetUrl,
-                      color: "tertiary",
-                      rounded: "medium",
+                      color: getVariant(variant2),
                       size: "large",
-                      square: true,
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: clsx(selection_section_icon), children: /* @__PURE__ */ jsx(
-                          "img",
-                          {
-                            alt: "",
-                            src: icon,
-                            className: clsx(selection_section_icon_img)
-                          }
-                        ) }),
-                        displayText
-                      ]
+                      rounded: "medium",
+                      children: displayText
+                    },
+                    id2
+                  ) : /* @__PURE__ */ jsx(
+                    Chevron,
+                    {
+                      targetUrl,
+                      variant: getVariant(variant2),
+                      children: displayText
                     },
                     id2
                   )
                 ) })
               ] })
-            ] })
-          ]
-        }
-      ) })
-    },
-    id
-  );
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { role: "presentation", className: "containment", children: /* @__PURE__ */ jsx("div", { className: `${lg_hero_img} rounded`, role: "presentation", children: /* @__PURE__ */ jsx("img", { alt: "", className: lg_hero_sizing, src: image?.src }) }) })
+        ] }) })
+      }
+    )
+  ] });
 };
 export {
   HeroBanner

package/dist/HeroBanner/LargeBanner.css.d.ts

@@ -0,0 +1,77 @@
+export declare const lg_hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const lg_hero_content: string;
+export declare const lg_hero_text: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const lg_hero_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
+        };
+    };
+}>;
+export declare const lg_headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const lg_hero_img: string;
+export declare const lg_hero_sizing: string;

package/dist/HeroBanner/LargeBanner.css.js

@@ -0,0 +1,21 @@
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                          */
+/* empty css                               */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var lg_hero_banner = createRuntimeFn({ defaultClassName: "_1bsyngo0", variantClassNames: { variant: { primary: "_1bsyngo1", secondary: "_1bsyngo2", tertiary: "_1bsyngo3", quaternary: "_1bsyngo4" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_content = "_1bsyngo5";
+var lg_hero_text = createRuntimeFn({ defaultClassName: "_1bsyngo6", variantClassNames: { variant: { primary: "_1bsyngo7", secondary: "_1bsyngo8", tertiary: "_1bsyngo9", quaternary: "_1bsyngoa" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_eyebrow = createRuntimeFn({ defaultClassName: "_1bsyngob", variantClassNames: { variant: { primary: "_1bsyngoc", secondary: "_1bsyngod", tertiary: "_1bsyngoe", quaternary: "_1bsyngof" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_headline_text = createRuntimeFn({ defaultClassName: "_1bsyngog", variantClassNames: { variant: { primary: "_1bsyngoh", secondary: "_1bsyngoi", tertiary: "_1bsyngoj", quaternary: "_1bsyngok" } }, defaultVariants: {}, compoundVariants: [] });
+var lg_hero_img = "_1bsyngol";
+var lg_hero_sizing = "_1bsyngom";
+export {
+  lg_headline_text,
+  lg_hero_banner,
+  lg_hero_content,
+  lg_hero_eyebrow,
+  lg_hero_img,
+  lg_hero_sizing,
+  lg_hero_text
+};

package/dist/Hyperlink/index.js

@@ -46,6 +46,7 @@ import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
@@ -59,6 +60,7 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */
+import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */

package/dist/ImageLink/ImageLink.js

@@ -56,6 +56,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
+import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */
@@ -71,6 +72,7 @@ import "../Table/Table.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
+import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 const ImageLink = ({
   id,

package/dist/ImageLink/ImageLinkSet.js

@@ -54,6 +54,7 @@ import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
+import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import ImageLink from "./ImageLink.js";
@@ -61,6 +62,7 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 import "../Modal/contextApi/store.js";
+import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */

package/dist/ImageLink/index.js

@@ -43,6 +43,7 @@ import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
@@ -57,6 +58,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import { ImageLinkSet } from "./ImageLinkSet.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */
+import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */

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

@@ -0,0 +1 @@
+export declare const datePicker: string;

package/dist/Input/DatePicker.css.js

@@ -0,0 +1,6 @@
+/* empty css                                          */
+/* empty css                              */
+var datePicker = "_1oit9ls0";
+export {
+  datePicker
+};

package/dist/Input/Datepicker.d.ts

@@ -0,0 +1,4 @@
+import { DatePickerProps } from 'react-date-picker';
+import { InputProps } from './InputProps';
+
+export declare const DatePickerInput: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<DatePickerProps>>;

package/dist/Input/Datepicker.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const DatePickerInput = forwardRef(
+  (props) => {
+    const {
+      disabled,
+      label,
+      iconLeft,
+      iconRight,
+      sizes,
+      error = false,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      // skeleton = false,
+      helperText: helper,
+      variant
+      // ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          className: labelClassName({ error, variant }),
+          htmlFor: props.name,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+        iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+        /* @__PURE__ */ jsx(DatePicker, { minDate: /* @__PURE__ */ new Date() }),
+        iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+    ] });
+  }
+);
+export {
+  DatePickerInput
+};

package/dist/Input/InputTextArea.js

@@ -35,7 +35,8 @@ const InputTextArea = forwardRef((props, ref) => {
           className: clsx(props.className, input({ size: sizes })),
           rows,
           placeholder: props.placeholder,
-          maxLength
+          maxLength,
+          style: { resize: "vertical" }
         }
       ),
       iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })

package/dist/Modal/Modal.js

@@ -43,6 +43,7 @@ import "../Carousel/index.js";
 /* empty css                                                                    */
 import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
 import "../HeroBanner/SelectionBanner.css.js";
 import "../SetContainer/SetContainer.css.js";
 import "../Tab/Tab.css.js";
@@ -56,6 +57,7 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";
+import "next/link.js";
 /* empty css                                                      */
 /* empty css                                                         */
 /* empty css                                                              */