@axos-web-dev/shared-components 2.0.0-dev.4 → 2.0.0-dev.5

package/README.md

@@ -1,111 +1,111 @@
-# Installation
-
-Using npm:
-
-```shell
-$ npm install @axos-web-dev/shared-components
-```
-
-To import components
-In Node.js:
-
-```js
-// Import Components
-import {
-  AlertBanner,
-  CallToActionBar,
-  DownloadTile,
-  ImageBillboard,
-  SecondaryFooter,
-} from "@axos-web-dev/shared-components";
-
-// Import Types/Interfaces
-
-import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
-```
-
-In css files:
-
-```css
-/*** Import styles ***/
-
-@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
-```
-
-# Shared components
-
-This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
-
-## How to add new component
-
-For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
-
-Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
-
-```shell
-git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
-
-cd shared-components
-
-npm install
-
-# for using storybook
-npm run storybook
-
-# for build
-npm run build
-
-# for testing in other projects
-npm run build
-
-npm link
-
-```
-
-For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
-
-```
-Given a version number MAJOR.MINOR.PATCH, increment the:
-
-    MAJOR version when you make incompatible API changes
-    MINOR version when you add functionality in a backward compatible manner
-    PATCH version when you make backward compatible bug fixes
-
-Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
-```
-
-we can update the version with the following commands:
-
-```shell
-# bumps the patch number like 0.0.0 -> 0.0.1
-npm version patch
-
-# bumps the patch number like 0.0.0 -> 0.1.0
-npm version minor
-
-# bumps the patch number like 0.0.0 -> 1.0.0
-npm version major
-
-
-
-```
-
-## How to publish new library version to npm
-
-First update the version as previously described
-
-```shell
-npm version [...]
-```
-
-Then you will need to login into npm to do that write:
-
-```shell
-npm login --scope=@my-org
-```
-
-Last you to publish the new version:
-
-```shell
-npm publish
-```
+# Installation
+
+Using npm:
+
+```shell
+$ npm install @axos-web-dev/shared-components
+```
+
+To import components
+In Node.js:
+
+```js
+// Import Components
+import {
+  AlertBanner,
+  CallToActionBar,
+  DownloadTile,
+  ImageBillboard,
+  SecondaryFooter,
+} from "@axos-web-dev/shared-components";
+
+// Import Types/Interfaces
+
+import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
+```
+
+In css files:
+
+```css
+/*** Import styles ***/
+
+@import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
+```
+
+# Shared components
+
+This project is develop using `React + TypeScript + Vite + Storybook + Vanilla-extract` to building custom components for internal use.
+
+## How to add new component
+
+For add a new component use the `src/lib` folder and create a folder for the component. After that you should register an export in `src/lib/main.ts` file.
+
+Also you need create a storie for the new component. Go to `src/stories` and create a new file or folder.
+
+```shell
+git clone bofaz@vs-ssh.visualstudio.com:v3/bofaz/Axos%20Marketing%20Cloud/Shared%20Components shared-components
+
+cd shared-components
+
+npm install
+
+# for using storybook
+npm run storybook
+
+# for build
+npm run build
+
+# for testing in other projects
+npm run build
+
+npm link
+
+```
+
+For publishing we need to udpate the version we are using [semantic versioning](https://semver.org/)
+
+```
+Given a version number MAJOR.MINOR.PATCH, increment the:
+
+    MAJOR version when you make incompatible API changes
+    MINOR version when you add functionality in a backward compatible manner
+    PATCH version when you make backward compatible bug fixes
+
+Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
+```
+
+we can update the version with the following commands:
+
+```shell
+# bumps the patch number like 0.0.0 -> 0.0.1
+npm version patch
+
+# bumps the patch number like 0.0.0 -> 0.1.0
+npm version minor
+
+# bumps the patch number like 0.0.0 -> 1.0.0
+npm version major
+
+
+
+```
+
+## How to publish new library version to npm
+
+First update the version as previously described
+
+```shell
+npm version [...]
+```
+
+Then you will need to login into npm to do that write:
+
+```shell
+npm login --scope=@my-org
+```
+
+Last you to publish the new version:
+
+```shell
+npm publish
+```

package/dist/Accordion/Accordion.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import React, { createContext, useContext, useState } from "react";
+import React, { createContext, useState, useContext } from "react";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
@@ -12,7 +12,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                    */
 /* empty css                                                    */
 /* empty css                                                */
-import { headerContent, icon, headerAccordion, bodyAccordion, hide, paragraph, accordion } from "./Accordion.css.js";
+import { bodyAccordion, hide, paragraph, accordion, headerContent, icon, headerAccordion } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {

package/dist/AlertBanner/index.js

@@ -10,7 +10,7 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 /* empty css                                                */
 import SvgLockIcon from "../icons/LockIcon/index.js";
 import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
-import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
+import { alertBanner_img_section, alertBanner_body, alertBanner_cta, alertBanner } from "./AlertBanner.css.js";
 const AlertBanner = ({
   alertType,
   message,

package/dist/Article/Article.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
-import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
+import { ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta, ant_article } from "./Article.css.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_1clr6_1";
-const container = "_container_1clr6_5";
-const image = "_image_1clr6_14";
-const text = "_text_1clr6_23";
-const name = "_name_1clr6_29";
-const title = "_title_1clr6_37";
-const description = "_description_1clr6_44";
+import '../assets/Avatar/Avatar.css';const avatar_sec = "_avatar_sec_q4a8z_1";
+const container = "_container_q4a8z_9";
+const image = "_image_q4a8z_27";
+const text = "_text_q4a8z_45";
+const name = "_name_q4a8z_57";
+const title = "_title_q4a8z_73";
+const description = "_description_q4a8z_87";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_ovx4r_1";
-const author = "_author_ovx4r_7";
-const quote = "_quote_ovx4r_1";
+import '../assets/Blockquote/Blockquote.css';const quote_spacer = "_quote_spacer_lqs2u_1";
+const author = "_author_lqs2u_13";
+const quote = "_quote_lqs2u_1";
 const css = {
   quote_spacer,
   author,

package/dist/Calculators/AnnualFeeCalculator/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../../utils/getVariant.js";
 import { useRef, useState, useEffect } from "react";
 import clsx from "clsx";
 import { calculator } from "../calculator.css.js";
-import { container, calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block } from "./AnnualFeeCalculator.css.js";
+import { calc_container, calc_block, pb0_1023, slider_block_wrapper, w100, stat_row, balance_wrapper, fb50, stat, slider_wrapper, slider, pt0_1023, text_block, container } from "./AnnualFeeCalculator.css.js";
 const AnnualFeeCalculator = ({
   marketingTiles,
   variant: fullVariant = "primary"

package/dist/Calculators/ApyCalculator/index.js

@@ -8,7 +8,7 @@ import { Chevron } from "../../Chevron/index.js";
 import { section_container, content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { useGlobalContext } from "../../Modal/contextApi/store.js";
 import { getVariant } from "../../utils/getVariant.js";
-import { container, apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent } from "./ApyCalculator.css.js";
+import { apy_calculator, calculator_section, section_header, header_theme, mt_8, apy_calculator_form, pis_0, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketingTile, bodyContent, container } from "./ApyCalculator.css.js";
 const ApyCalculator = ({
   header,
   body,

package/dist/Calculators/BuyDownCalculator/index.js

@@ -22,7 +22,7 @@ import { z } from "zod";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
-import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
+import { calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure, calc_container } from "./BuyDownCalculator.css.js";
 const BuyDownCalculator = ({
   header,
   body,

package/dist/Calculators/MarginTradingCalculator/index.js

@@ -4,7 +4,7 @@ import { Button } from "../../Button/Button.js";
 import { button } from "../../Button/Button.css.js";
 import { useEffect } from "react";
 import "react-use";
-import { container, field_row, errorTag, marketingTile, bodyContent, header_theme } from "../ApyCalculator/ApyCalculator.css.js";
+import { field_row, errorTag, marketingTile, bodyContent, header_theme, container } from "../ApyCalculator/ApyCalculator.css.js";
 import { Chevron } from "../../Chevron/index.js";
 import { content, headerIconBillboard, buttons } from "../../IconBillboard/IconBillboard.css.js";
 import { getVariant } from "../../utils/getVariant.js";

package/dist/Calculators/MarineLoanMonthlyPaymentCalculator/index.js

@@ -7,7 +7,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import { calc_container, h2i, inputs_container, input_container, input_box, error_message, hide_select_arrow, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 const MarineLoanMonthlyPaymentCalculator = ({ variant, header, disclosure, bodyCopy = true }) => {
   const fullVariant = getVariant(variant);
   const [loanAmountDisplay, setLoanAmountDisplay] = useState("$75,000");

package/dist/Calculators/MaxLoanCalculator/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { button } from "../../Button/Button.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "../MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
 import { title } from "../../IconBillboard/IconBillboard.css.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";

package/dist/Calculators/MonthlyPaymentCalculator/index.js

@@ -7,7 +7,7 @@ import { useState } from "react";
 import clsx from "clsx";
 import { calc_text, description_text, calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import { calculator } from "../calculator.css.js";
-import { calc_container, container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results } from "./MonthlyPaymentCalculator.css.js";
+import { calc_container, h2i, inputs_container, input_container, input_box, error_message, calculation_header, payment_results, container } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentCalculator = ({
   variant,
   header,

package/dist/Calculators/MonthlyPaymentLVFCalculator/index.js

@@ -4,7 +4,7 @@ import { button } from "../../Button/Button.css.js";
 import { getVariant } from "../../utils/getVariant.js";
 import { useState } from "react";
 import { calc_disclosure } from "../BalanceAPYCalculator/BalanceAPYCalculator.css.js";
-import { bg_vars, calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax } from "./MonthlyPaymentCalculator.css.js";
+import { calc_content_area, calc_h2, calc_bodycopy, lvf_calc_wrapper, lvf_calc_header, calc_wrapper_inner, calc_input_wrap, rounded_cell, calc_input_styles, error_dialog, results_wrap, result_header, result_value, waves, parallax, bg_vars } from "./MonthlyPaymentCalculator.css.js";
 const MonthlyPaymentLVFCalculator = ({ variant, header, bodyCopy, disclosure }) => {
   const theme = getVariant(variant);
   const [loanAmountMasked, setLoanAmountMasked] = useState("50,000");

package/dist/Carousel/index.js

@@ -128,7 +128,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                                  */
 /* empty css                                                */
 /* empty css                                              */
-import { icon, slide, authorLocation, author, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, dots, dot } from "./Carousel.css.js";
+import { icon, quoteSetContainer, headerCarousel, descriptionCarousel, slides, carousel, slide, authorLocation, author, dots, dot } from "./Carousel.css.js";
 import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [

package/dist/Chatbot/Chatbot.js

@@ -9,16 +9,18 @@ import { chatbotUFB, chatbotAXB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
-const __vite_import_meta_env__ = { "VITE_COMPANY_ID": "17524785112945485a16ec8e771737dce", "VITE_HOST": "https://axccaipdev-i3ofmup.uc1.ccaiplatform.com", "VITE_TENANT_NAME": "axccaipdev-i3ofmup" };
+const __vite_import_meta_env__ = {};
 const env = __vite_import_meta_env__ || process.env;
-const OriginalAudio = window.Audio;
-class PatchedAudio extends OriginalAudio {
-  constructor(src) {
-    const newSrc = src === "https://websdk.ujet.co/v3/ping.mp3" ? notificationSound : src;
-    super(newSrc);
+if (typeof window !== "undefined") {
+  const OriginalAudio = window.Audio;
+  class PatchedAudio extends OriginalAudio {
+    constructor(src) {
+      const newSrc = src === "https://websdk.ujet.co/v3/ping.mp3" ? notificationSound : src;
+      super(newSrc);
+    }
   }
+  window.Audio = PatchedAudio;
 }
-window.Audio = PatchedAudio;
 const Chatbot = ({
   project = "axos",
   projectEnv = "dev",
@@ -287,14 +289,14 @@ const Chatbot = ({
       console.error("Error creating chat:", err);
     } finally {
       if (clientRef?.current?.chat?.state?.status == "va_assigned") {
-        const OriginalAudio2 = window.Audio;
-        class PatchedAudio2 extends OriginalAudio2 {
+        const OriginalAudio = window.Audio;
+        class PatchedAudio extends OriginalAudio {
           constructor(src) {
             const newSrc = src === "https://websdk.ujet.co/v3/ping.mp3" ? notificationSound : src;
             super(newSrc);
           }
         }
-        window.Audio = PatchedAudio2;
+        window.Audio = PatchedAudio;
       }
     }
   };

package/dist/ContentBanner/index.js

@@ -7,7 +7,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react-use";
-import { content_banner, section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link } from "./ContentBanner.css.js";
+import { section_pad, section_min_pad, push_down_24, cb_eyebrow, body_copy, call_to_action_row, link, content_banner } from "./ContentBanner.css.js";
 const ContentBanner = ({
   variant,
   icon,

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -4,7 +4,7 @@ import { getVariant } from "../utils/getVariant.js";
 import { Chevron } from "../Chevron/index.js";
 import { OptimizeImage } from "../utils/optimizeImage/OptimizeImage.js";
 import { Overlay } from "./Overlay.js";
-import { executive_bio, compact, padding, item_bio, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, ceoSection, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay } from "./ExecutiveBio.css.js";
+import { executive_bio, compact, padding, shift, media, headshot, img_area, description, person, headline_setting, job_title, copy, contacts, contact_col, svg_icon, contact_entry, url_row, item_bio, ceoContainer, ceoWrapper, ceoMedia, ceoImgWrapper, imgAlignment, highlights, bulletsHeadline, bulletsWrapper, ceoContent, ceoHeader, ceoPersonalInfo, ceo_name, ceo_title, ceo_contacts, social, hover, svg_color, tooltip, ceo_quote, ceo_body, order_3, overlay, ceoSection } from "./ExecutiveBio.css.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/ExecutiveBio/ExecutiveBioSet.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { getVariant } from "../utils/getVariant.js";
 import { ExecutiveBio } from "./ExecutiveBio.js";
-import { section_theme, bio_section_text, header_theme, components, details } from "./ExecutiveBio.css.js";
+import { bio_section_text, header_theme, components, details, section_theme } from "./ExecutiveBio.css.js";
 import "react";
 import { columnValues } from "../utils/variant.types.js";
 import { getNumOfColumns } from "../utils/getNumber.js";

package/dist/FaqAccordion/index.js

@@ -130,7 +130,7 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                              */
 import { getLevelNumber } from "../utils/faqAccordionOptions.js";
 import { create } from "zustand";
-import { summary, summaryHeader, content, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
+import { content, summary, summaryHeader, header, faqAccordion, faqAccordion_section } from "./FaqAccordion.css.js";
 const useAccordion = create()((set) => ({
   itemsOpened: [],
   addItem: (id) => {

package/dist/FdicCallout/FdicCallout.module.js

@@ -1,5 +1,5 @@
-import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_1f6md_1";
-const inner_container = "_inner_container_1f6md_6";
+import '../assets/FdicCallout/FdicCallout.css';const fdic_callout = "_fdic_callout_eqzgp_1";
+const inner_container = "_inner_container_eqzgp_11";
 const css = {
   fdic_callout,
   inner_container

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
+import { footerDisclosure, iconsContent, footerParagraph } from "./FooterDisclosure.css.js";
 const FooterContent = (props) => {
   return /* @__PURE__ */ jsx(
     "div",

package/dist/Forms/BoatMooringLocation.d.ts

@@ -4,6 +4,8 @@ export type BoatMooringLocationInputs = {
     email: string;
     firstName: string;
     lastName: string;
+    boatOwnedByLlc: "Yes" | "No";
+    llcName: string;
     boatName: string;
     marinaAddress: string;
     marinaAddress2: string;

package/dist/Forms/BoatMooringLocation.js

@@ -55,6 +55,8 @@ const BoatMooringLocation = ({
     email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
     firstName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     lastName: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    boatOwnedByLlc: z.string().trim().optional().or(z.literal("")),
+    llcName: z.string().trim().optional().or(z.literal("")),
     boatName: z.string().trim(),
     marinaAddress: z.string().trim(),
     marinaAddress2: z.string().trim().optional().or(z.literal("")),
@@ -80,6 +82,13 @@ const BoatMooringLocation = ({
         message: "fields are not valid."
       });
     }
+    if (data.boatOwnedByLlc === "Yes" && !String(data.llcName ?? "").trim()) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "Name of LLC is required.",
+        path: ["llcName"]
+      });
+    }
   });
   const methods = useForm({
     resolver: zodResolver(gen_schema),
@@ -97,8 +106,10 @@ const BoatMooringLocation = ({
   } = methods;
   const seasonMove = watch("seasonallyMove");
   const isCharter = watch("charter");
+  const boatOwnedByLlc = watch("boatOwnedByLlc");
   const renderExtraFields = seasonMove === "Yes";
   const renderCharterFields = isCharter === "Yes";
+  const renderLlcNameField = boatOwnedByLlc === "Yes";
   const submitForm = async (data) => {
     await onSubmit(data);
   };
@@ -160,6 +171,51 @@ const BoatMooringLocation = ({
                 variant
               }
             ) }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "boatOwnedByLlc",
+                label: "Is your boat owned by an LLC?",
+                sizes: "medium",
+                required: true,
+                error: !!errors.boatOwnedByLlc,
+                helperText: errors.boatOwnedByLlc?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("boatOwnedByLlc"),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "boatOwnedByLlc"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("boatOwnedByLlc"),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "boatOwnedByLlc"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            renderLlcNameField && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "llcName",
+                ...register("llcName"),
+                label: "Name of LLC",
+                sizes: "medium",
+                required: true,
+                error: !!errors.llcName,
+                helperText: errors.llcName?.message,
+                variant
+              }
+            ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {

package/dist/Forms/MortgageRate/MortgageRateForm.js

@@ -47,7 +47,7 @@ import "../../Input/RadioButton.js";
 import "../../Input/PercentageInput.js";
 import { useForm, FormProvider } from "react-hook-form";
 import "../../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
-import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, formWrapper, centerSelect, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
+import { iconForm, headerForm, form, descriptionField, headerContainer, fullRowSelect, centerSelect, formWrapper, mt2rem, fullRowForm, disclosureForm, actions, formBtns, na_cursor, formContainer } from "../Forms.css.js";
 import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "../HoneyPot/index.js";
 import { SalesforceSchema } from "../SalesforceFieldsForm.js";
 import "../../Input/RadioButton.css.js";

package/dist/HeroBanner/HeroBanner.js

@@ -16,8 +16,8 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import { getVariant } from "../utils/getVariant.js";
 import Image from "next/image.js";
 import clsx from "clsx";
-import { logout, hero_banner, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, reversed_lg_image } 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 { logout, hero_wrapper, hero_content, reversed, hero_text, heroSupertag, headline_text, hero_bullet_item, hero_sub_bullets, hero_btns, hero_img, img_contents, hero_banner, reversed_lg_image } from "./HeroBanner.css.js";
+import { lg_hero_content, lg_hero_eyebrow, lg_headline_text, lg_hero_text, lg_hero_img, lg_hero_sizing, lg_hero_banner } from "./LargeBanner.css.js";
 import { selection_section_icon_img, selection_section_icon, selection_section, selection_section_bg, selection_section_content, selection_headline_text } from "./SelectionBanner.css.js";
 const HeroBanner = ({
   id,

package/dist/IconBillboard/IconBillboardSet.js

@@ -7,7 +7,7 @@ import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
-import { section_text, header_section, section_body, section_container, containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
+import { section_text, header_section, section_body, section_container, billboard_icon, content, headerIconBillboard, title, list, layout, buttons, containerIconBillboard } from "./IconBillboard.css.js";
 const IconBillboardSet = ({
   variant,
   side = false,

package/dist/ImageBillboard/ImageBillboard.js

@@ -15,7 +15,7 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
-import { section_text_ImageBillboard, header, billboard, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
+import { section_text_ImageBillboard, header, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas, billboard } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({
   id,
   variant,