@axos-web-dev/shared-components 0.0.14 → 0.0.16

package/dist/Chevron/index.js

@@ -38,9 +38,7 @@ import "../ImageBillboard/ImageBillboard.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                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/FaqAccordion/index.js

@@ -16,6 +16,11 @@ const AccordionItem = (props) => {
   const selectItem = useAccordion((state) => state.toggle);
   const isOpen = useAccordion((state) => state.itemOpened);
   const toggle = (event) => {
+    const ev = event.target;
+    const evClasses = ev.getAttribute("class");
+    if (!(evClasses == null ? void 0 : evClasses.includes(summary)) !== (evClasses == null ? void 0 : evClasses.includes(summaryHeader))) {
+      return;
+    }
     event.preventDefault();
     if (isOpen !== props.id) {
       selectItem(props.id);

package/dist/Forms/ScheduleCall.js

@@ -7,6 +7,7 @@ import "react";
 import "react-use";
 import { Input } from "../Input/index.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                                   */
@@ -42,7 +43,7 @@ const ScheduleCall = ({
     resolver: zodResolver(schema.merge(SalesforceSchema), {
       async: true
     }),
-    mode: "onBlur",
+    mode: "all",
     defaultValues: {
       email: ""
     }
@@ -56,83 +57,95 @@ const ScheduleCall = ({
     await onSubmit(data);
   };
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsx("section", { className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
-    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: /* @__PURE__ */ jsx(SvgAxosX, {}) }),
-    /* @__PURE__ */ jsx("div", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
-        /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "firstName",
-            ...register("firstName", { required: true }),
-            label: "First Name",
-            sizes: "medium",
-            placeholder: "First Name",
-            required: true,
-            error: !!errors.firstName,
-            helperText: (_a = errors.firstName) == null ? void 0 : _a.message
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "lastName",
-            ...register("lastName", { required: true }),
-            label: "Last Name",
-            sizes: "medium",
-            placeholder: "Last Name",
-            required: true,
-            error: !!errors.lastName,
-            helperText: (_b = errors.lastName) == null ? void 0 : _b.message
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "email",
-            ...register("email", {
-              required: true,
-              validate: {
-                isValid: associatedEmail
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id: `id_${id}`,
+      className: clsx(formContainer({ variant })),
+      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("div", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "firstName",
+                ...register("firstName", { required: true }),
+                label: "First Name",
+                sizes: "medium",
+                placeholder: "First Name",
+                required: true,
+                error: !!errors.firstName,
+                helperText: (_a = errors.firstName) == null ? void 0 : _a.message,
+                variant
               }
-            }),
-            label: "Email",
-            sizes: "medium",
-            placeholder: "Email",
-            required: true,
-            error: !!errors.email,
-            helperText: (_c = errors.email) == null ? void 0 : _c.message
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "phone",
-            ...register("phone", { required: true }),
-            label: "Phone",
-            sizes: "medium",
-            placeholder: "Phone",
-            required: true,
-            error: !!errors.phone,
-            helperText: (_d = errors.phone) == null ? void 0 : _d.message
-          }
-        ) })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          color: getVariant(callToAction == null ? void 0 : callToAction.variant),
-          as: "button",
-          type: "submit",
-          disabled: !isValid,
-          children: callToAction == null ? void 0 : callToAction.displayText
-        }
-      ) })
-    ] })
-  ] }) }, id);
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "lastName",
+                ...register("lastName", { required: true }),
+                label: "Last Name",
+                sizes: "medium",
+                placeholder: "Last Name",
+                required: true,
+                error: !!errors.lastName,
+                helperText: (_b = errors.lastName) == null ? void 0 : _b.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                placeholder: "Email",
+                required: true,
+                error: !!errors.email,
+                helperText: (_c = errors.email) == null ? void 0 : _c.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "phone",
+                ...register("phone", { required: true }),
+                label: "Phone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.phone,
+                helperText: (_d = errors.phone) == null ? void 0 : _d.message,
+                variant
+              }
+            ) })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction == null ? void 0 : callToAction.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid,
+              children: callToAction == null ? void 0 : callToAction.displayText
+            }
+          ) })
+        ] })
+      ] })
+    },
+    id
+  );
 };
 export {
   ScheduleCall

package/dist/HeroBanner/index.js

@@ -20,16 +20,15 @@ const HeroBanner = ({
   return /* @__PURE__ */ jsx(
     "section",
     {
-      className: `${bannerType !== "Hero" ? logout : ""} 
-      ${hero_banner({ variant: getVariant(variant) })}`,
+      className: `${bannerType !== "Hero" ? logout : ""} ${hero_banner({ variant: getVariant(variant) })}`,
       children: /* @__PURE__ */ jsx("div", { className: "containment", children: /* @__PURE__ */ jsxs(
         "div",
         {
           className: `${hero_content} ${imagePlacement !== "Right" ? reversed : ""}`,
           children: [
             /* @__PURE__ */ jsxs("div", { className: hero_text, children: [
-              /* @__PURE__ */ jsx("span", { className: supertag({ variant: getVariant(variant) }), children: eyebrow }),
-              /* @__PURE__ */ jsx("h1", { className: headline_text({ variant: getVariant(variant) }), children: headline }),
+              eyebrow && /* @__PURE__ */ jsx("h1", { className: supertag({ 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 && /* @__PURE__ */ jsx("div", { className: `${hero_btns}`, children: callToActionRow.map(
                 ({

package/dist/Hyperlink/index.js

@@ -36,9 +36,7 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                */
 /* empty css                                                      */
-import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
-import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -3,6 +3,7 @@ export declare const containerIconBillboard: import("@vanilla-extract/recipes").
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: "1px solid #D4D4D4";
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/IconBillboard/IconBillboard.js

@@ -30,7 +30,7 @@ const IconBillboard = (props) => {
       ),
       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 }) }),
+          icon && /* @__PURE__ */ jsx("div", { className: billboard_icon, role: "presentation", 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 }),

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

@@ -129,3 +129,9 @@ export declare const three_inline: string;
 export declare const section_text_ImageBillboard: string;
 export declare const billboard_image: string;
 export declare const mh_330: string;
+export declare const image_background: string;
+export declare const rate_container: string;
+export declare const rate_pad: string;
+export declare const up_to: string;
+export declare const rate_billboard: string;
+export declare const apy_billboard: string;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -1,4 +1,5 @@
 /* empty css                                              */
+/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                  */
@@ -19,7 +20,14 @@ var three_inline = "_1m7m2aq";
 var section_text_ImageBillboard = "_1m7m2ar";
 var billboard_image = "_1m7m2as";
 var mh_330 = "_1m7m2at";
+var image_background = "_1m7m2au";
+var rate_container = "_1m7m2av";
+var rate_pad = "_1m7m2aw";
+var up_to = "_1m7m2ax";
+var rate_billboard = "_1m7m2ay";
+var apy_billboard = "_1m7m2az";
 export {
+  apy_billboard,
   billboard,
   billboard_body,
   billboard_container,
@@ -30,10 +38,15 @@ export {
   body,
   header,
   imagePlacement,
+  image_background,
   mh_330,
+  rate_billboard,
+  rate_container,
+  rate_pad,
   section_text_ImageBillboard,
   single_container,
   supertag,
   three_inline,
-  two_inline
+  two_inline,
+  up_to
 };

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

@@ -15,15 +15,18 @@ export interface ImageBillboardSetProps {
 }
 export interface ImageBillboardInterface {
     id: string;
+    headline: string | ReactNode;
+    bodyCopy: string | ReactNode;
     bordered: boolean;
     imagePlacement: "right" | "left";
     className?: string;
     variant: QuaternaryTypes;
     eyebrow: string | ReactNode;
-    headline: string | ReactNode;
-    bodyCopy: string | ReactNode;
     bullets: BulletItemProps[];
-    image: ImageInterface;
+    image?: ImageInterface;
     callToActionRow: ChevronProps[];
     set?: boolean;
+    textImageLineOneSmall?: ReactNode | string;
+    textImageLineTwoBig?: ReactNode | string;
+    textImageLineThreeSmall?: ReactNode | string;
 }

package/dist/ImageBillboard/ImageBillboard.js

@@ -50,7 +50,7 @@ const ImageBillboardSet = ({
               ${billboard({ variant: billboard_variant })} ${inline ? "" : billboard_container} 
               rounded flex ${inline ? "flex_col" : "flex_row"} ${bordered ? "bordered" : ""} ${imagePlacement.toLowerCase() === "left" && !inline ? "reversed" : ""}`,
           children: [
-            /* @__PURE__ */ jsx("div", { "background-image": image.src, "aria-label": image.alt }),
+            /* @__PURE__ */ jsx("div", { "background-image": image == null ? void 0 : image.src, "aria-label": image == null ? void 0 : image.alt }),
             /* @__PURE__ */ jsxs("div", { className: body, children: [
               /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
                 /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [

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, set, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, set, textImageLineOneSmall, textImageLineTwoBig, textImageLineThreeSmall, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -10,19 +10,22 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                                    */
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { billboard, imagePlacement, billboard_img, billboard_image, mh_330, body, billboard_body, billboard_header_section, supertag, header, billboard_ctas } from "./ImageBillboard.css.js";
+import { billboard, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboard = ({
   id,
   variant,
   headline,
   bodyCopy,
-  bordered,
+  bordered = false,
   bullets,
   callToActionRow,
   eyebrow,
   image,
   imagePlacement: position = "left",
-  set
+  set,
+  textImageLineOneSmall,
+  textImageLineTwoBig,
+  textImageLineThreeSmall
 }) => {
   const billboard_variant = getVariant(variant);
   position = position == null ? void 0 : position.toLocaleLowerCase();
@@ -41,12 +44,27 @@ const ImageBillboard = ({
         imagePlacement({ position: position == null ? void 0 : position.toLowerCase() })
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: /* @__PURE__ */ jsx(
-          "img",
+        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: image ? /* @__PURE__ */ jsx(
+          "div",
           {
-            src: image.src,
-            className: `${billboard_image} ${set ? mh_330 : null}`,
-            alt: image.alt
+            className: image_background,
+            style: { backgroundImage: `url(${image.src})` },
+            "aria-label": image.alt
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(
+              billboard_img,
+              rate_container,
+              "flex_row middle center"
+            ),
+            role: "presentation",
+            children: /* @__PURE__ */ jsxs("div", { className: clsx(rate_pad, "text_center", "flex", "flex_col"), children: [
+              /* @__PURE__ */ jsx("span", { className: up_to, children: textImageLineOneSmall }),
+              /* @__PURE__ */ jsx("span", { className: rate_billboard, children: textImageLineTwoBig }),
+              /* @__PURE__ */ jsx("span", { className: clsx(apy_billboard, "push_up"), children: textImageLineThreeSmall })
+            ] })
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { className: body, children: [

package/dist/ImageBillboard/index.js

@@ -1,9 +1,10 @@
 import { ImageBillboardSet } from "./ImageBillboard.js";
-import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, header, imagePlacement, mh_330, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline, up_to } from "./ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
   ImageBillboardSet,
+  apy_billboard,
   billboard,
   billboard_body,
   billboard_container,
@@ -14,10 +15,15 @@ export {
   body,
   header,
   imagePlacement,
+  image_background,
   mh_330,
+  rate_billboard,
+  rate_container,
+  rate_pad,
   section_text_ImageBillboard,
   single_container,
   supertag,
   three_inline,
-  two_inline
+  two_inline,
+  up_to
 };

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

@@ -15,6 +15,16 @@ export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {};
+        secondary: {};
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
     error: {
         true: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/Input/Input.css.js

@@ -3,13 +3,13 @@
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var icon = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
-var labelClassName = createRuntimeFn({ defaultClassName: "_18du0la4", variantClassNames: { error: { true: "_18du0la5" }, disabled: { true: "_18du0la6" } }, defaultVariants: {}, compoundVariants: [] });
-var iconContainerBase = "_18du0la7";
-var iconContainer = { left: "_18du0la8 _18du0la7", right: "_18du0la9 _18du0la7" };
-var container = createRuntimeFn({ defaultClassName: "_18du0laa", variantClassNames: { size: { small: "_18du0lab", medium: "_18du0lac", large: "_18du0lad" }, error: { true: "_18du0lae" }, disabled: { true: "_18du0laf" } }, defaultVariants: {}, compoundVariants: [] });
-var input = createRuntimeFn({ defaultClassName: "_18du0lag", variantClassNames: { size: { small: "_18du0lah", medium: "_18du0lai", large: "_18du0laj" }, error: { true: "_18du0lak" }, disabled: { true: "_18du0lal" } }, defaultVariants: {}, compoundVariants: [] });
-var wrapper = createRuntimeFn({ defaultClassName: "_18du0lam", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var helperText = createRuntimeFn({ defaultClassName: "_18du0lan", variantClassNames: { disabled: { true: "_18du0lao" }, error: { true: "_18du0lap" } }, defaultVariants: {}, compoundVariants: [] });
+var labelClassName = createRuntimeFn({ defaultClassName: "_18du0la4", variantClassNames: { variant: { primary: "_18du0la5", secondary: "_18du0la6", tertiary: "_18du0la7", quaternary: "_18du0la8" }, error: { true: "_18du0la9" }, disabled: { true: "_18du0laa" } }, defaultVariants: {}, compoundVariants: [] });
+var iconContainerBase = "_18du0lab";
+var iconContainer = { left: "_18du0lac _18du0lab", right: "_18du0lad _18du0lab" };
+var container = createRuntimeFn({ defaultClassName: "_18du0lae", variantClassNames: { size: { small: "_18du0laf", medium: "_18du0lag", large: "_18du0lah" }, error: { true: "_18du0lai" }, disabled: { true: "_18du0laj" } }, defaultVariants: {}, compoundVariants: [] });
+var input = createRuntimeFn({ defaultClassName: "_18du0lak", variantClassNames: { size: { small: "_18du0lal", medium: "_18du0lam", large: "_18du0lan" }, error: { true: "_18du0lao" }, disabled: { true: "_18du0lap" } }, defaultVariants: {}, compoundVariants: [] });
+var wrapper = createRuntimeFn({ defaultClassName: "_18du0laq", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var helperText = createRuntimeFn({ defaultClassName: "_18du0lar", variantClassNames: { disabled: { true: "_18du0las" }, error: { true: "_18du0lat" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   container,
   helperText,

package/dist/Input/index.d.ts

@@ -1,3 +1,4 @@
+import { QuaternaryTypes } from '../utils';
 import { InputHTMLAttributes, ReactNode } from "react";
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;
@@ -7,5 +8,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     error?: boolean | undefined;
     skeleton?: boolean | undefined;
     helperText?: ReactNode;
+    variant?: QuaternaryTypes;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Input/index.js

@@ -13,10 +13,18 @@ const Input = forwardRef((props, ref) => {
     // 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 }), htmlFor: props.name, children: label }),
+    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: icon({ size: sizes }), children: iconLeft }) }),
       /* @__PURE__ */ jsx(

package/dist/Modal/Modal.js

@@ -33,9 +33,7 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */
-import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
-import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */