@axos-web-dev/shared-components 0.0.42 → 0.0.43

package/dist/Accordion/Accordion.css.d.ts

@@ -1,6 +1,5 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-
-export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
     width: {
         "1/2": {
             display: "flex";
@@ -40,7 +39,7 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const headerAccordion: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const headerAccordion: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/Accordion/Accordion.d.ts

@@ -1,5 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
-
+import React, { PropsWithChildren } from "react";
 export type Accordion = {
     expanded?: boolean;
 };

package/dist/Accordion/index.d.ts

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

package/dist/AlertBanner/AlertBanner.css.d.ts

@@ -1,4 +1,4 @@
-export declare const alertBanner: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const alertBanner: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         Standard: {
             background: "#DEF4FF";

package/dist/AlertBanner/AlertBanner.interface.d.ts

@@ -1,5 +1,4 @@
-import { ChevronProps } from '../Chevron/Chevron.interface';
-
+import { ChevronProps } from "../Chevron/Chevron.interface";
 export interface AlertBannerInterface {
     /**
      * Defines the banner style

package/dist/AlertBanner/index.d.ts

@@ -1,4 +1,3 @@
-import { AlertBannerInterface } from './AlertBanner.interface';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { AlertBannerInterface } from "./AlertBanner.interface";
 export declare const AlertBanner: FC<AlertBannerInterface>;

package/dist/ApyCalculator/index.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
-
+import { FC } from "react";
 export declare const ApyCalculator: FC;

package/dist/BulletItem/BulletItem.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
-
+import { PropsWithChildren, ReactNode } from "react";
 export interface BulletItemProps extends PropsWithChildren {
     id: string;
     variant?: "primary" | "secondary" | "tertiary" | "quaternary";

package/dist/BulletItem/index.d.ts

@@ -1 +1 @@
-export * from './BulletItem';
+export * from "./BulletItem";

package/dist/Button/Button.css.d.ts

@@ -1,6 +1,5 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-
-export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     color: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/Button/Button.d.ts

@@ -1,6 +1,5 @@
-import { ButtonVariants } from './Button.css';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
-
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
+import { ButtonVariants } from "./Button.css";
 export type ButtonBase = {
     children?: ReactNode;
     targetUrl?: string;
@@ -16,7 +15,7 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
     as?: "a";
 };
 export type ButtonProps = ButtonAsButton | ButtonAsLink;
-export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, }: ButtonProps & ButtonVariants) => import('react').DetailedReactHTMLElement<{
+export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, }: ButtonProps & ButtonVariants) => import("react").DetailedReactHTMLElement<{
     className: string;
     href: string;
     id: string | undefined;

package/dist/Button/Button.interface.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
-
+import { PropsWithChildren, ReactNode } from "react";
 export interface ButtonProps extends PropsWithChildren {
     /**
      * Defines the button tag

package/dist/Button/GoBackButton.d.ts

@@ -1,4 +1,3 @@
-import { ButtonVariants } from './Button.css';
-import { ButtonProps } from './Button';
-
+import { ButtonProps } from "./Button";
+import { ButtonVariants } from "./Button.css";
 export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Button';
-export * from './Button.css';
-export * from './GoBackButton';
+export * from "./Button";
+export * from "./Button.css";
+export * from "./GoBackButton";

package/dist/CallToActionBar/CallToActionBar.interface.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
-
+import { ReactNode } from "react";
 export interface CallToActionBarInterface {
     id?: string;
     bannerSize: "Large" | "Medium" | "Small";

package/dist/CallToActionBar/index.d.ts

@@ -1,4 +1,3 @@
-import { CallToActionBarInterface } from './CallToActionBar.interface';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { CallToActionBarInterface } from "./CallToActionBar.interface";
 export declare const CallToActionBar: FC<CallToActionBarInterface>;

package/dist/Carousel/Carousel.css.d.ts

@@ -1,7 +1,6 @@
-import { RecipeVariants } from '@vanilla-extract/recipes';
-
+import { RecipeVariants } from "@vanilla-extract/recipes";
 export declare const dots: string;
-export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const carousel: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -22,7 +21,7 @@ export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
     };
 }>;
 export declare const authorLocation: string;
-export declare const author: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const author: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -41,8 +40,8 @@ export declare const author: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const slideBase: string;
 export declare const slide: Record<"hide" | "show", string>;
 export declare const slides: string;
-export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{}>;
-export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{}>;
+export declare const dot: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             borderColor: "#1E3860";

package/dist/Carousel/index.d.ts

@@ -1,6 +1,5 @@
-import { carouselVariants } from './Carousel.css';
-import { PropsWithChildren, ReactNode } from 'react';
-
+import { PropsWithChildren, ReactNode } from "react";
+import { carouselVariants } from "./Carousel.css";
 export interface SlideProps extends PropsWithChildren {
     id: string | number;
     selected?: boolean;

package/dist/Carousel/store.d.ts

@@ -7,4 +7,4 @@ export type actions = {
     change: (selected: number) => void;
     setItems: (items: unknown[]) => void;
 };
-export declare const useCarousel: import('zustand').UseBoundStore<import("zustand").StoreApi<state & actions>>;
+export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;

package/dist/Chevron/Chevron.css.d.ts

@@ -1,4 +1,4 @@
-export declare const chevron: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const chevron: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

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

@@ -1,6 +1,5 @@
-import { PropsWithChildren, ReactNode } from 'react';
 import { CallToActionTypes } from '../utils/variant.types';
-
+import { PropsWithChildren, ReactNode } from "react";
 export interface ChevronProps extends PropsWithChildren {
     /**
      * react node to add as a children

package/dist/Chevron/index.d.ts

@@ -1,4 +1,3 @@
-import { ChevronProps } from './Chevron.interface';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { ChevronProps } from "./Chevron.interface";
 export declare const Chevron: FC<ChevronProps>;

package/dist/Chevron/index.js

@@ -43,7 +43,9 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
 import { chevron_wrapper, chevron } from "./Chevron.css.js";
 /* empty css                                */
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 /* empty css                                                  */
 import "../StepItems/StepItems.css.js";

package/dist/CollectInformationAlert/index.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
-
+import { FC } from "react";
 export declare const CollectInformationAlert: FC;

package/dist/ContentBanner/ContentBanner.css.d.ts

@@ -1,4 +1,4 @@
-export declare const content_banner: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const content_banner: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -18,7 +18,7 @@ export declare const content_banner: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
-export declare const headline: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const headline: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/ContentBanner/ContentBanner.interface.d.ts

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
 import { ChevronProps } from '../Chevron/Chevron.interface';
-
+import { ReactNode } from "react";
 export interface HeroBannerInterface {
     id?: string;
     className?: string;

package/dist/ContentBanner/index.d.ts

@@ -1,4 +1,3 @@
-import { ContentBannerInterface } from './ContentBanner.interface';
-import { FC } from 'react';
-
+import { FC } from "react";
+import type { HeroBannerInterface as ContentBannerInterface } from "./ContentBanner.interface";
 export declare const ContentBanner: FC<ContentBannerInterface>;

package/dist/DownloadTile/DownloadTile.interface.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import { ReactNode } from "react";
 export interface DownloadTileSet {
     id: string;
     titleText?: string;

package/dist/DownloadTile/index.d.ts

@@ -1,4 +1,3 @@
-import { DownloadTileSet } from './DownloadTile.interface';
-import { FC } from 'react';
-
+import { FC } from "react";
+import { DownloadTileSet } from "./DownloadTile.interface";
 export declare const DownloadTile: FC<DownloadTileSet>;

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

@@ -1,4 +1,4 @@
-export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const item_bio: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -19,7 +19,7 @@ export declare const item_bio: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const bio_name: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const bio_name: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -35,7 +35,7 @@ export declare const bio_name: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const job_title: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const job_title: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -51,7 +51,7 @@ export declare const job_title: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const svg_icon: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const svg_icon: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -71,7 +71,7 @@ export declare const description: string;
 export declare const contact_col: string;
 export declare const padding: string;
 export declare const copy: string;
-export declare const contact_entry: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const contact_entry: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: "#0062B3";
@@ -94,7 +94,7 @@ export declare const media: string;
 export declare const person: string;
 export declare const shift: string;
 export declare const bio_section_text: string;
-export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const section_theme: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -149,7 +149,7 @@ export declare const section_theme: import('@vanilla-extract/recipes').RuntimeFn
         };
     };
 }>;
-export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const header_theme: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/ExecutiveBio/ExecutiveBio.d.ts

@@ -1,3 +1,2 @@
-import { Props } from './ExecutiveBio.interface';
-
+import type { ExecutiveBioProps as Props } from "./ExecutiveBio.interface";
 export declare const ExecutiveBio: ({ id, executiveName, executiveTitle, executiveBodyCopy, executiveEmailAddress, executivePhoneNumber, executiveHeadshot, variant: fullVariant, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/ExecutiveBio.interface.d.ts

@@ -1,7 +1,6 @@
-import { ReactNode } from 'react';
-import { ImageInterface } from '../IconBillboard';
 import { QuaternaryTypes } from '../utils/variant.types';
-
+import { ImageInterface } from '../IconBillboard';
+import { ReactNode } from "react";
 export interface ExecutiveBioSetProps {
     id: string;
     variant: QuaternaryTypes;

package/dist/ExecutiveBio/ExecutiveBioSet.d.ts

@@ -1,4 +1,3 @@
-import { Props } from './ExecutiveBio.interface';
 import { SetContainerProps } from '../SetContainer';
-
+import type { ExecutiveBioSetProps as Props } from "./ExecutiveBio.interface";
 export declare const ExecutiveBioSet: ({ id, title, description, executiveBios, additionalDetails, variant, headline, }: Props & SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ExecutiveBio/index.d.ts

@@ -1,4 +1,4 @@
-export * from './ExecutiveBio';
-export * from './ExecutiveBio.css';
-export type * from './ExecutiveBio.interface';
-export * from './ExecutiveBioSet';
+export * from "./ExecutiveBio";
+export * from "./ExecutiveBio.css";
+export type * from "./ExecutiveBio.interface";
+export * from "./ExecutiveBioSet";

package/dist/FaqAccordion/index.d.ts

@@ -1,6 +1,5 @@
-import { header } from './FaqAccordion.css';
-import { PropsWithChildren } from 'react';
-
+import { PropsWithChildren } from "react";
+import { header } from "./FaqAccordion.css";
 export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }

package/dist/FooterDisclosure/FooterDisclosure.css.d.ts

@@ -1,4 +1,4 @@
-export declare const footerDisclosure: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const footerDisclosure: import("@vanilla-extract/recipes").RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -1,5 +1,4 @@
-import { CSSProperties, PropsWithChildren } from 'react';
-
+import { CSSProperties, PropsWithChildren } from "react";
 type WithStyles = {
     style?: CSSProperties;
     className?: string;

package/dist/FooterDisclosure/index.d.ts

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

package/dist/Forms/Forms.css.d.ts

@@ -1,4 +1,4 @@
-export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const formContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -15,7 +15,8 @@ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn
     };
 }>;
 export declare const iconForm: string;
-export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const headerContainer: string;
+export declare const headerForm: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             readonly selectors: {
@@ -59,7 +60,7 @@ export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
         };
     };
 }>;
-export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const formWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -76,7 +77,7 @@ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     };
 }>;
 export declare const actions: string;
-export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const disclosureForm: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -93,7 +94,7 @@ export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeF
     };
 }>;
 export declare const form: string;
-export declare const success_wrap: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const success_wrap: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -115,7 +116,7 @@ export declare const success_wrap: import('@vanilla-extract/recipes').RuntimeFn<
 }>;
 export declare const success_icon: string;
 export declare const succes_check_mark: string;
-export declare const success_circle: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const success_circle: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -131,3 +132,4 @@ export declare const success_circle: import('@vanilla-extract/recipes').RuntimeF
         };
     };
 }>;
+export declare const descriptionField: string;

package/dist/Forms/Forms.css.js

@@ -5,21 +5,25 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var formContainer = createRuntimeFn({ defaultClassName: "tfms6a0", variantClassNames: { variant: { primary: "tfms6a1", secondary: "tfms6a2", tertiary: "tfms6a3", quaternary: "tfms6a4" } }, defaultVariants: {}, compoundVariants: [] });
 var iconForm = "tfms6a5";
-var headerForm = createRuntimeFn({ defaultClassName: "tfms6a6", variantClassNames: { variant: { primary: "tfms6a7", secondary: "tfms6a8", tertiary: "tfms6a9", quaternary: "tfms6aa" } }, defaultVariants: {}, compoundVariants: [] });
-var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ab", variantClassNames: { variant: { primary: "tfms6ac", secondary: "tfms6ad", tertiary: "tfms6ae", quaternary: "tfms6af" } }, defaultVariants: {}, compoundVariants: [] });
-var actions = "tfms6ag";
-var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ah", variantClassNames: { variant: { primary: "tfms6ai", secondary: "tfms6aj", tertiary: "tfms6ak", quaternary: "tfms6al" } }, defaultVariants: {}, compoundVariants: [] });
-var form = "tfms6am";
-var success_wrap = createRuntimeFn({ defaultClassName: "tfms6ap", variantClassNames: { variant: { primary: "tfms6aq", secondary: "tfms6ar", tertiary: "tfms6as", quaternary: "tfms6at" } }, defaultVariants: {}, compoundVariants: [] });
-var success_icon = "tfms6au";
-var succes_check_mark = "tfms6av";
-var success_circle = createRuntimeFn({ defaultClassName: "tfms6aw", variantClassNames: { variant: { primary: "tfms6ax", secondary: "tfms6ay", tertiary: "tfms6az", quaternary: "tfms6a10" } }, defaultVariants: {}, compoundVariants: [] });
+var headerContainer = "tfms6a6";
+var headerForm = createRuntimeFn({ defaultClassName: "tfms6a7", variantClassNames: { variant: { primary: "tfms6a8", secondary: "tfms6a9", tertiary: "tfms6aa", quaternary: "tfms6ab" } }, defaultVariants: {}, compoundVariants: [] });
+var formWrapper = createRuntimeFn({ defaultClassName: "tfms6ac", variantClassNames: { variant: { primary: "tfms6ad", secondary: "tfms6ae", tertiary: "tfms6af", quaternary: "tfms6ag" } }, defaultVariants: {}, compoundVariants: [] });
+var actions = "tfms6ah";
+var disclosureForm = createRuntimeFn({ defaultClassName: "tfms6ai", variantClassNames: { variant: { primary: "tfms6aj", secondary: "tfms6ak", tertiary: "tfms6al", quaternary: "tfms6am" } }, defaultVariants: {}, compoundVariants: [] });
+var form = "tfms6an";
+var success_wrap = createRuntimeFn({ defaultClassName: "tfms6aq", variantClassNames: { variant: { primary: "tfms6ar", secondary: "tfms6as", tertiary: "tfms6at", quaternary: "tfms6au" } }, defaultVariants: {}, compoundVariants: [] });
+var success_icon = "tfms6av";
+var succes_check_mark = "tfms6aw";
+var success_circle = createRuntimeFn({ defaultClassName: "tfms6ax", variantClassNames: { variant: { primary: "tfms6ay", secondary: "tfms6az", tertiary: "tfms6a10", quaternary: "tfms6a11" } }, defaultVariants: {}, compoundVariants: [] });
+var descriptionField = "tfms6a12";
 export {
   actions,
+  descriptionField,
   disclosureForm,
   form,
   formContainer,
   formWrapper,
+  headerContainer,
   headerForm,
   iconForm,
   succes_check_mark,

package/dist/Forms/RenderForm.d.ts

@@ -1,6 +1,5 @@
-import { FormProps } from '.';
-import { PropsWithChildren } from 'react';
-
+import { PropsWithChildren } from "react";
+import { FormProps } from ".";
 export interface renderFormProps extends FormProps, PropsWithChildren {
     form?: string;
 }

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -68,4 +68,4 @@ export type Props = {
     queryParams?: Partial<QueryParams>;
     location?: Record<string, unknown>;
 };
-export declare const SalesforceFieldsForm: import('react').NamedExoticComponent<Props>;
+export declare const SalesforceFieldsForm: import("react").NamedExoticComponent<Props>;

package/dist/Forms/ScheduleCall.d.ts

@@ -1,7 +1,6 @@
-import { PropsWithChildren, ReactNode } from 'react';
-import { QuaternaryTypes } from '../utils/variant.types';
 import { ChevronProps } from '../Chevron/Chevron.interface';
-
+import { QuaternaryTypes } from '../utils/variant.types';
+import { PropsWithChildren, ReactNode } from "react";
 export type Inputs = {
     first_name: string;
     last_name: string;
@@ -15,9 +14,10 @@ export interface FormProps extends PropsWithChildren {
     }) => void;
     icon?: boolean;
     headline?: ReactNode | string;
+    description?: ReactNode | string;
     disclosure?: ReactNode | string;
     variant?: QuaternaryTypes;
     validateEmail: (email: string) => Promise<boolean>;
     callToAction: Omit<ChevronProps, "targetUrl">;
 }
-export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ScheduleCall.js

@@ -21,7 +21,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
-import { formContainer, iconForm, headerForm, form, formWrapper, disclosureForm, actions } from "./Forms.css.js";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 const ScheduleCall = ({
   icon = false,
@@ -32,6 +32,7 @@ const ScheduleCall = ({
   disclosure,
   variant: fullVariant = "primary",
   headline,
+  description,
   callToAction,
   validateEmail,
   id
@@ -78,7 +79,10 @@ const ScheduleCall = ({
       className: clsx(formContainer({ variant })),
       children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
         icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
-        /* @__PURE__ */ jsx("h2", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
+        /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx("div", { className: `${form} ${descriptionField} text_center`, children: description })
+        ] }),
         /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
           /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
             /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(

package/dist/Forms/SuccesForm.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from 'react';
-
+import { PropsWithChildren } from "react";
 export default function SuccesFormWrapper({ children, isSubmitted, variant: fullVariant, }: {
     isSubmitted: boolean;
     variant?: string;

package/dist/Forms/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Forms.css';
-export * from './RenderForm';
-export * from './SalesforceFieldsForm';
-export * from './ScheduleCall';
-export * from './SuccesForm';
+export * from "./Forms.css";
+export * from "./RenderForm";
+export * from "./SalesforceFieldsForm";
+export * from "./ScheduleCall";
+export * from "./SuccesForm";

package/dist/Forms/index.js

@@ -1,4 +1,4 @@
-import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
+import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
 import { RenderWebForm, renderSwitch } from "./RenderForm.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
@@ -10,10 +10,12 @@ export {
   SalesforceSchema,
   ScheduleCall,
   actions,
+  descriptionField,
   disclosureForm,
   form,
   formContainer,
   formWrapper,
+  headerContainer,
   headerForm,
   iconForm,
   renderSwitch,