@axos-web-dev/shared-components 0.0.66 → 0.0.68

package/dist/LandingPageHeader/index.d.ts

@@ -1 +1,2 @@
 export * from './LandingPageHeader';
+export * from './LandingPageHeader.css';

package/dist/LandingPageHeader/index.js

@@ -1,4 +1,9 @@
 import { LandingPageHeader } from "./LandingPageHeader.js";
+import { lp_container, lp_hover, lp_theme, svg_fill } from "./LandingPageHeader.css.js";
 export {
-  LandingPageHeader
+  LandingPageHeader,
+  lp_container,
+  lp_hover,
+  lp_theme,
+  svg_fill
 };

package/dist/LoadingIndicator/LoadingIndicator.css.d.ts

@@ -0,0 +1,16 @@
+export declare const loader: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            borderTop: "12px solid #213a63";
+        };
+        secondary: {
+            borderTop: "12px solid #213a63";
+        };
+        tertiary: {
+            borderTop: "12px solid #faa74a";
+        };
+        quaternary: {
+            borderTop: "12px solid #faa74a";
+        };
+    };
+}>;

package/dist/LoadingIndicator/LoadingIndicator.css.js

@@ -0,0 +1,6 @@
+/* empty css                                    */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var loader = createRuntimeFn({ defaultClassName: "w7xgn41", variantClassNames: { variant: { primary: "w7xgn42", secondary: "w7xgn43", tertiary: "w7xgn44", quaternary: "w7xgn45" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  loader
+};

package/dist/LoadingIndicator/index.d.ts

@@ -0,0 +1,10 @@
+import { QuaternaryTypes } from '../utils';
+import { CSSProperties } from 'react';
+
+export interface LoadingIndicatorProps {
+    width?: number;
+    height?: number;
+    variant: QuaternaryTypes;
+    style?: CSSProperties;
+}
+export declare const LoadingIndicator: ({ width, height, variant, style, }: LoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/LoadingIndicator/index.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { getVariant } from "../utils/getVariant.js";
+import { loader } from "./LoadingIndicator.css.js";
+const LoadingIndicator = ({
+  width = 50,
+  height = 50,
+  variant,
+  style
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: { ...style, width: `${width}px`, height: `${height}px` },
+      className: loader({ variant: getVariant(variant) })
+    }
+  );
+};
+export {
+  LoadingIndicator
+};

package/dist/Modal/Modal.js

@@ -34,20 +34,25 @@ import "clsx";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "./contextApi/store.js";

package/dist/NavigationMenu/AxosAdvisorServices/NavBar.module.js

@@ -1,59 +1,61 @@
-const header = "_header_1v54w_1";
-const wrapper = "_wrapper_1v54w_5";
-const header_main_row = "_header_main_row_1v54w_11";
-const mobile_header = "_mobile_header_1v54w_12";
-const logo_wrap = "_logo_wrap_1v54w_18";
-const primary_links = "_primary_links_1v54w_22";
-const main_nav_link = "_main_nav_link_1v54w_26";
-const sub_nav_link = "_sub_nav_link_1v54w_48";
-const signin_wrap = "_signin_wrap_1v54w_50";
-const signin_btn = "_signin_btn_1v54w_51";
-const sub_nav = "_sub_nav_1v54w_48";
-const header_sub_row = "_header_sub_row_1v54w_93";
-const signin_dropdown = "_signin_dropdown_1v54w_109";
-const shadow = "_shadow_1v54w_119";
-const signin_header = "_signin_header_1v54w_127";
-const signin_subheader = "_signin_subheader_1v54w_134";
-const opacity = "_opacity_1v54w_156";
-const fadeInDown = "_fadeInDown_1v54w_1";
-const footer = "_footer_1v54w_162";
-const open = "_open_1v54w_178";
-const dd_wrapper = "_dd_wrapper_1v54w_190";
-const dd_media = "_dd_media_1v54w_195";
-const dd_media_img = "_dd_media_img_1v54w_200";
-const dd_site_navs = "_dd_site_navs_1v54w_204";
-const dd_media_header = "_dd_media_header_1v54w_211";
-const mt_8 = "_mt_8_1v54w_220";
-const mt_16 = "_mt_16_1v54w_224";
-const ml_8 = "_ml_8_1v54w_228";
-const dd_media_cta = "_dd_media_cta_1v54w_232";
-const reversed_row = "_reversed_row_1v54w_246";
-const headline = "_headline_1v54w_262";
-const nav_anchor = "_nav_anchor_1v54w_268";
-const headline_cta = "_headline_cta_1v54w_276";
-const site_lists = "_site_lists_1v54w_291";
-const hamburger = "_hamburger_1v54w_326";
-const mobile_only = "_mobile_only_1v54w_340";
-const mobile_logo = "_mobile_logo_1v54w_346";
-const highlight = "_highlight_1v54w_351";
-const mobile_nav = "_mobile_nav_1v54w_387";
-const mobile_opened = "_mobile_opened_1v54w_398";
-const mobile_nav_item = "_mobile_nav_item_1v54w_402";
-const has_dropdown = "_has_dropdown_1v54w_417";
-const icon_wrap = "_icon_wrap_1v54w_438";
-const mobile_footer = "_mobile_footer_1v54w_443";
-const mobile_footer_content = "_mobile_footer_content_1v54w_448";
-const mobile_footer_media = "_mobile_footer_media_1v54w_462";
-const footer_cta = "_footer_cta_1v54w_468";
-const inner_wrapper = "_inner_wrapper_1v54w_496";
-const btn = "_btn_1v54w_501";
-const sub_menu = "_sub_menu_1v54w_506";
-const main = "_main_1v54w_26";
-const dd_footer = "_dd_footer_1v54w_531";
-const desktop_only = "_desktop_only_1v54w_551";
+const header = "_header_ltfms_1";
+const wrapper = "_wrapper_ltfms_5";
+const main_nav = "_main_nav_ltfms_11";
+const header_main_row = "_header_main_row_ltfms_18";
+const mobile_header = "_mobile_header_ltfms_19";
+const logo_wrap = "_logo_wrap_ltfms_25";
+const primary_links = "_primary_links_ltfms_29";
+const main_nav_link = "_main_nav_link_ltfms_33";
+const sub_nav_link = "_sub_nav_link_ltfms_55";
+const signin_wrap = "_signin_wrap_ltfms_57";
+const signin_btn = "_signin_btn_ltfms_58";
+const sub_nav = "_sub_nav_ltfms_55";
+const header_sub_row = "_header_sub_row_ltfms_100";
+const signin_dropdown = "_signin_dropdown_ltfms_116";
+const shadow = "_shadow_ltfms_126";
+const signin_header = "_signin_header_ltfms_134";
+const signin_subheader = "_signin_subheader_ltfms_141";
+const opacity = "_opacity_ltfms_163";
+const fadeInDown = "_fadeInDown_ltfms_1";
+const footer = "_footer_ltfms_169";
+const open = "_open_ltfms_185";
+const dd_wrapper = "_dd_wrapper_ltfms_197";
+const dd_media = "_dd_media_ltfms_202";
+const dd_media_img = "_dd_media_img_ltfms_207";
+const dd_site_navs = "_dd_site_navs_ltfms_211";
+const dd_media_header = "_dd_media_header_ltfms_218";
+const mt_8 = "_mt_8_ltfms_227";
+const mt_16 = "_mt_16_ltfms_231";
+const ml_8 = "_ml_8_ltfms_235";
+const dd_media_cta = "_dd_media_cta_ltfms_239";
+const reversed_row = "_reversed_row_ltfms_253";
+const headline = "_headline_ltfms_269";
+const nav_anchor = "_nav_anchor_ltfms_275";
+const headline_cta = "_headline_cta_ltfms_283";
+const site_lists = "_site_lists_ltfms_298";
+const hamburger = "_hamburger_ltfms_333";
+const mobile_only = "_mobile_only_ltfms_347";
+const mobile_logo = "_mobile_logo_ltfms_353";
+const highlight = "_highlight_ltfms_358";
+const mobile_nav = "_mobile_nav_ltfms_394";
+const mobile_opened = "_mobile_opened_ltfms_405";
+const mobile_nav_item = "_mobile_nav_item_ltfms_409";
+const has_dropdown = "_has_dropdown_ltfms_424";
+const icon_wrap = "_icon_wrap_ltfms_445";
+const mobile_footer = "_mobile_footer_ltfms_450";
+const mobile_footer_content = "_mobile_footer_content_ltfms_455";
+const mobile_footer_media = "_mobile_footer_media_ltfms_469";
+const footer_cta = "_footer_cta_ltfms_475";
+const inner_wrapper = "_inner_wrapper_ltfms_503";
+const btn = "_btn_ltfms_508";
+const sub_menu = "_sub_menu_ltfms_514";
+const main = "_main_ltfms_11";
+const dd_footer = "_dd_footer_ltfms_539";
+const desktop_only = "_desktop_only_ltfms_559";
 const styles = {
   header,
   wrapper,
+  main_nav,
   header_main_row,
   mobile_header,
   logo_wrap,
@@ -132,6 +134,7 @@ export {
   inner_wrapper,
   logo_wrap,
   main,
+  main_nav,
   main_nav_link,
   ml_8,
   mobile_footer,

package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.d.ts

@@ -1 +1 @@
-export default function SubNavBar(): import("react/jsx-runtime").JSX.Element | null;
+export default function SubNavBar(): import("react/jsx-runtime").JSX.Element;

package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import { useLocation } from "react-use";
 import styles from "./NavBar.module.js";
 import { subNavItems } from "./NavData.js";
@@ -9,15 +10,18 @@ function SubNavBar() {
   const support = subNavItems.support;
   const technology = subNavItems.technology;
   const solutions = subNavItems.solutions;
-  if (![
-    "/personalized-support",
-    "/intuitive-technology",
-    "/sales-team",
-    "/growth-solutions"
-  ].some((el) => pathname?.includes(el))) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
+  const [showNavbar, setShowNavbar] = useState(false);
+  useEffect(() => {
+    setShowNavbar(
+      () => [
+        "/personalized-support",
+        "/intuitive-technology",
+        "/sales-team",
+        "/growth-solutions"
+      ].some((el) => pathname?.includes(el))
+    );
+  }, [pathname]);
+  return showNavbar ? /* @__PURE__ */ jsx("div", { className: `${styles.sub_nav} ${sub_nav} ${styles.desktop_only}`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsx("div", { className: styles.header_sub_row, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("ul", { className: "list_unstyled flex_row middle", children: [
     (pathname?.includes("/personalized-support") || pathname?.includes("/sales-team")) && support?.map(
       (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
     ),
@@ -27,7 +31,7 @@ function SubNavBar() {
     pathname?.includes("/growth-solutions") && solutions.map(
       (item) => /* @__PURE__ */ jsx("li", { className: styles.sub_nav_link, children: /* @__PURE__ */ jsx("a", { href: item.url, role: "menuitem", children: item.name }) }, `snb-${item.id}`)
     )
-  ] }) }) }) }) });
+  ] }) }) }) }) }) : /* @__PURE__ */ jsx(Fragment, {});
 }
 export {
   SubNavBar as default

package/dist/NavigationMenu/AxosAdvisorServices/index.js

@@ -47,7 +47,7 @@ function NavBar() {
   });
   return /* @__PURE__ */ jsxs("header", { id: "header", children: [
     /* @__PURE__ */ jsx("div", { className: `${styles.header} bg_white`, children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.header_main_row} flex_row between middle`, children: [
-      /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav} flex_row middle`, children: [
+      /* @__PURE__ */ jsx("div", { className: `${styles.desktop_only} flex_row middle`, children: /* @__PURE__ */ jsxs("div", { className: `${styles.main_nav_link} flex_row middle`, children: [
         /* @__PURE__ */ jsx("div", { className: styles.logo_wrap, children: /* @__PURE__ */ jsx(
           "a",
           {

package/dist/SetContainer/SetContainer.css.d.ts

@@ -8,11 +8,46 @@ export declare const set_container: import('@vanilla-extract/recipes').RuntimeFn
         };
         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 inline_container: string;
+export declare const heading: string;
 export declare const imageLinkContainer: string;
+export declare const set_logo: string;
+export declare const setcontainer_section_text: string;
+export declare const isolate_container: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "::before": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "::before": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "::before": {
+                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})`;
+            "::before": {
+                background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    };
+}>;

package/dist/SetContainer/SetContainer.css.js

@@ -4,9 +4,17 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var set_container = createRuntimeFn({ defaultClassName: "_18ygy9m0", variantClassNames: { variant: { primary: "_18ygy9m1", secondary: "_18ygy9m2", tertiary: "_18ygy9m3", quaternary: "_18ygy9m4" } }, defaultVariants: {}, compoundVariants: [] });
 var inline_container = "_18ygy9m5";
-var imageLinkContainer = "_18ygy9m6";
+var heading = "_18ygy9m6";
+var imageLinkContainer = "_18ygy9m7";
+var set_logo = "_18ygy9m8";
+var setcontainer_section_text = "_18ygy9m9";
+var isolate_container = createRuntimeFn({ defaultClassName: "_18ygy9ma", variantClassNames: { variant: { primary: "_18ygy9mb", secondary: "_18ygy9mc", tertiary: "_18ygy9md", quaternary: "_18ygy9me" } }, defaultVariants: {}, compoundVariants: [] });
 export {
+  heading,
   imageLinkContainer,
   inline_container,
-  set_container
+  isolate_container,
+  set_container,
+  set_logo,
+  setcontainer_section_text
 };

package/dist/SetContainer/SetContainer.d.ts

@@ -1,7 +1,11 @@
 import { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
-import { PropsWithChildren } from 'react';
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 
 export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
     internalName?: string;
+    icon?: boolean;
+    eyebrow?: ReactNode | string;
+    style?: CSSProperties;
+    isolate?: boolean;
 }
-export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, internalName, icon, eyebrow, style, isolate, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SetContainer/SetContainer.js

@@ -1,27 +1,29 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { section_text, header_section } from "../IconBillboard/IconBillboard.css.js";
+import "../Modal/contextApi/store.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import "react";
+import "../Button/Button.css.js";
+import "react-use";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
+import SvgAxosX from "../icons/AxosX/index.js";
+import SvgComponent from "../icons/AxosX/Blue.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
-/* empty css                                          */
-/* empty css                                          */
-import { getVariant } from "../utils/getVariant.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import "../Modal/contextApi/store.js";
-import clsx from "clsx";
-import "react";
-import "../Button/Button.css.js";
-import "react-use";
 /* empty css                                                */
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                          */
+import { header_section } from "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -34,20 +36,24 @@ import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
-import "../HeroBanner/HeroBanner.css.js";
+import "../Comparison/Comparison.css.js";
+import { set_container, isolate_container, heading, inline_container, setcontainer_section_text } from "./SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import { heroSupertag } from "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../HeroBanner/SelectionBanner.css.js";
-import { set_container, inline_container } from "./SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 import "../Chevron/Chevron.css.js";
@@ -67,6 +73,7 @@ import "../Table/Table.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
+import "../HeroBanner/SelectionBanner.css.js";
 const SetContainer = ({
   id,
   variant,
@@ -74,27 +81,43 @@ const SetContainer = ({
   bodyCopy,
   additionalDetails,
   children,
-  internalName
+  internalName,
+  icon,
+  eyebrow,
+  style,
+  isolate
 }) => {
-  const billboard_variant = getVariant(variant);
+  const container_variant = getVariant(variant);
   return /* @__PURE__ */ jsx(
     "section",
     {
       id: internalName ? internalName?.replace(/ /g, "-") : "",
-      className: clsx(set_container({ variant: getVariant(variant) })),
+      className: clsx(
+        set_container({ variant: container_variant }),
+        isolate ? isolate_container({ variant: container_variant }) : ""
+      ),
+      style: { ...style },
       children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
-        (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: section_text, children: [
+        (headline || bodyCopy || icon) && /* @__PURE__ */ jsxs("div", { className: heading, children: [
+          icon && /* @__PURE__ */ jsx("div", { className: "mb_16", children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+          eyebrow && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `mb_32 ${heroSupertag({ variant: container_variant })}`,
+              children: eyebrow
+            }
+          ),
           headline && /* @__PURE__ */ jsx(
             "h2",
             {
-              className: `header_2 ${header_section({ variant: billboard_variant })}`,
+              className: `header_2 mb_16 ${header_section({ variant: container_variant })}`,
               children: headline
             }
           ),
-          bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+          bodyCopy && /* @__PURE__ */ jsx("div", { className: "push_up", children: bodyCopy })
         ] }),
         /* @__PURE__ */ jsx("div", { className: inline_container, children }),
-        additionalDetails && /* @__PURE__ */ jsx("div", { className: clsx(section_text), children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
+        additionalDetails && /* @__PURE__ */ jsx("div", { className: clsx(setcontainer_section_text), children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
       ] })
     },
     id

package/dist/SetContainer/index.js

@@ -1,8 +1,12 @@
 import { SetContainer } from "./SetContainer.js";
-import { imageLinkContainer, inline_container, set_container } from "./SetContainer.css.js";
+import { heading, imageLinkContainer, inline_container, isolate_container, set_container, set_logo, setcontainer_section_text } from "./SetContainer.css.js";
 export {
   SetContainer,
+  heading,
   imageLinkContainer,
   inline_container,
-  set_container
+  isolate_container,
+  set_container,
+  set_logo,
+  setcontainer_section_text
 };

package/dist/Tab/Tab.css.d.ts

@@ -0,0 +1,37 @@
+export declare const tab: 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 active_tab: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `4px solid var(--${string})` | `4px solid var(--${string}, ${string})` | `4px solid var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const active_content: string;

package/dist/Tab/Tab.css.js

@@ -0,0 +1,13 @@
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                          */
+/* empty css                       */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var tab = createRuntimeFn({ defaultClassName: "lhhm340", variantClassNames: { variant: { primary: "lhhm341", secondary: "lhhm342", tertiary: "lhhm343", quaternary: "lhhm344" } }, defaultVariants: {}, compoundVariants: [] });
+var active_tab = createRuntimeFn({ defaultClassName: "lhhm345", variantClassNames: { variant: { primary: "lhhm346", secondary: "lhhm347", tertiary: "lhhm348", quaternary: "lhhm349" } }, defaultVariants: {}, compoundVariants: [] });
+var active_content = "lhhm34a";
+export {
+  active_content,
+  active_tab,
+  tab
+};

package/dist/Tab/Tab.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export interface TabProps {
+    headline: ReactNode | string;
+    id?: string;
+    className?: string;
+    onClick: () => void;
+    variant: string;
+}
+export declare const Tab: ({ id, headline, className, onClick, variant, }: TabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Tab/Tab.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { tab } from "./Tab.css.js";
+const Tab = ({
+  id,
+  headline,
+  className,
+  onClick,
+  variant
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: clsx(tab({ variant: getVariant(variant) }), className),
+      id,
+      onClick: () => onClick(),
+      children: headline
+    },
+    id
+  );
+};
+export {
+  Tab
+};

package/dist/Tab/TabContainer.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+
+export declare const TabContainer: ({ className, children, }: {
+    className?: string;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Tab/TabContainer.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+const TabContainer = ({
+  className,
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className, children });
+};
+export {
+  TabContainer
+};

package/dist/Tab/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tab';
+export * from './TabContainer';

package/dist/Tab/index.js

@@ -0,0 +1,6 @@
+import { Tab } from "./Tab.js";
+import { TabContainer } from "./TabContainer.js";
+export {
+  Tab,
+  TabContainer
+};