@axos-web-dev/shared-components 1.0.100-dev.67 → 1.0.100-dev.69

package/dist/Forms/ConstructionLendingDynamic.d.ts

@@ -0,0 +1,12 @@
+import { FormProps } from './FormProps';
+
+export type ConstructionLendingDynamicInputs = {
+    User_Type__c: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+    description: string;
+    Company_NMLS_ID__c: string;
+};
+export declare const ConstructionLendingDynamic: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, onValidate, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ConstructionLendingDynamic.js

@@ -0,0 +1,301 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import { Dropdown } from "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import { InputTextArea } from "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.js";
+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";
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import "../utils/allowedAxosDomains.js";
+import * as z from "zod";
+import { associatedEmail } from "../utils/EverestValidity.js";
+import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { iconForm, headerContainer, headerForm, form, descriptionField, fullRowForm, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const HOMEOWNER_VALUE = "I am a homeowner.";
+const BROKER_VALUE = "I am a broker.";
+const ConstructionLendingDynamic = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  callToAction,
+  validateEmail,
+  onValidate,
+  description,
+  id
+}) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
+  const schema = z.object({
+    User_Type__c: z.string({
+      required_error: "Please select whether you are a homeowner or a broker.",
+      invalid_type_error: "Invalid selection"
+    }).min(1, {
+      message: "Please select whether you are a homeowner or a broker."
+    }),
+    first_name: z.string({
+      required_error: "First name is required",
+      invalid_type_error: "Invalid first name"
+    }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid first name"
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({
+      required_error: "Last name is required",
+      invalid_type_error: "Invalid last name"
+    }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid last name"
+    }).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    description: z.string().trim().optional().or(z.literal("")),
+    Company_NMLS_ID__c: z.string().min(6).max(7).optional().or(z.literal(""))
+  });
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
+    if (!isValidHoneyPot(data)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "fields are not valid."
+      });
+    }
+    if (data.User_Type__c === BROKER_VALUE) {
+      const nmls = data.Company_NMLS_ID__c ?? "";
+      if (!nmls || nmls.length < 6 || nmls.length > 7) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "NMLS ID is required for brokers and must be 6-7 characters.",
+          path: ["Company_NMLS_ID__c"]
+        });
+      }
+    }
+  });
+  const methods = useForm({
+    resolver: zodResolver(gen_schema, {
+      async: true
+    }),
+    mode: "all",
+    defaultValues: {
+      User_Type__c: "",
+      email: ""
+    },
+    shouldUnregister: true
+  });
+  const {
+    handleSubmit,
+    register,
+    watch,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const userType = watch("User_Type__c");
+  const isBroker = userType === BROKER_VALUE;
+  const isExpanded = userType === HOMEOWNER_VALUE || userType === BROKER_VALUE;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx("section", { id, 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__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(
+            "text_center",
+            form,
+            descriptionField({ variant })
+          ),
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          onValidate && onValidate(e);
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "User_Type__c",
+                ...register("User_Type__c", { required: true }),
+                label: "Are you a homeowner or a broker?",
+                sizes: "medium",
+                required: true,
+                error: !!errors.User_Type__c,
+                helperText: errors.User_Type__c?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", disabled: isExpanded, children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: HOMEOWNER_VALUE, children: HOMEOWNER_VALUE }),
+                  /* @__PURE__ */ jsx("option", { value: BROKER_VALUE, children: BROKER_VALUE })
+                ]
+              }
+            ) }),
+            isExpanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "first_name",
+                  ...register("first_name", { required: true }),
+                  label: "First Name",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.first_name,
+                  helperText: errors.first_name?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "last_name",
+                  ...register("last_name", { required: true }),
+                  label: "Last Name",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.last_name,
+                  helperText: errors.last_name?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "email",
+                  ...register("email", {
+                    required: true,
+                    validate: {
+                      isValid: associatedEmail
+                    }
+                  }),
+                  label: "Email",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.email,
+                  helperText: errors.email?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                InputPhone,
+                {
+                  id: "phone",
+                  ...register("phone", {
+                    required: true,
+                    maxLength: 12
+                  }),
+                  label: "Phone",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.phone,
+                  helperText: errors.phone?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+                InputTextArea,
+                {
+                  id: "description",
+                  ...register("description"),
+                  label: "Message",
+                  sizes: "medium",
+                  error: !!errors.description,
+                  helperText: errors.description?.message,
+                  variant,
+                  rows: 2
+                }
+              ) }),
+              isBroker && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "Company_NMLS_ID__c",
+                  ...register("Company_NMLS_ID__c"),
+                  label: "Company NMLS ID",
+                  sizes: "medium",
+                  required: true,
+                  error: !!errors.Company_NMLS_ID__c,
+                  helperText: errors.Company_NMLS_ID__c?.message,
+                  variant
+                }
+              ) }),
+              /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+            ] })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isExpanded || !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ]
+      }
+    )
+  ] }) }) }, id);
+};
+export {
+  ConstructionLendingDynamic
+};

package/dist/Forms/index.d.ts

@@ -6,6 +6,7 @@ export * from './CommercialDeposits';
 export * from './CommercialDepositsNoLendingOption';
 export * from './CommercialLending';
 export * from './CommercialPremiumFinance';
+export * from './ConstructionLendingDynamic';
 export * from './ContactCompany';
 export * from './ContactCompanyTitle';
 export * from './ContactUs';

package/dist/Forms/index.js

@@ -7,6 +7,7 @@ import { CommercialDeposits } from "./CommercialDeposits.js";
 import { CommercialDepositsNoLendingOption } from "./CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./CommercialLending.js";
 import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
+import { ConstructionLendingDynamic } from "./ConstructionLendingDynamic.js";
 import { ContactCompany } from "./ContactCompany.js";
 import { ContactCompanyTitle } from "./ContactCompanyTitle.js";
 import { ContactUs } from "./ContactUs.js";
@@ -49,6 +50,7 @@ export {
   CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
+  ConstructionLendingDynamic,
   ContactCompany,
   ContactCompanyTitle,
   ContactUs,

package/dist/IconBillboard/IconBillboard.js

@@ -26,7 +26,7 @@ const IconBillboard = (props) => {
   const [headingLevel, setHeadingLevel] = useState("h2");
   useEffect(() => {
     if (headingRef.current) {
-      const section = headingRef.current.closest(".section_spacer");
+      const section = headingRef.current.closest(".page_body_contents > div");
       if (section) {
         const existingH2 = section.querySelector("h2.header_1");
         if (existingH2) {

package/dist/Table/Table.d.ts

@@ -61,7 +61,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popover?: "" | "auto" | "manual" | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;

package/dist/assets/AlertBanner/AlertBanner.css

@@ -29,9 +29,12 @@
   white-space: nowrap;
   font-size: 18px;
 }
-.section_spacer:has(._1jmmqba4) {
+.page_body_contents > div:has(._1jmmqba4) {
   margin-top: 0;
 }
+.page_body_contents > div:has(._1jmmqba4) + div > section {
+  margin-top: -3.5rem;
+}
 @media screen and (max-width:1919px) {
   ._1jmmqba0 {
     padding: 16px 40px;

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -9,9 +9,6 @@
   max-width: 1392px;
   width: calc(100% - 48px);
 }
-.section_spacer:has(._1amgyqo0) {
-  margin-top: 0px;
-}
 ._1amgyqo1 {
   min-height: 54px;
 }

package/dist/assets/Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css

@@ -167,7 +167,7 @@
 ._1xynjwx4 ._1xynjwxh {
   background-color: var(--_1073cm88);
 }
-.section_spacer:has(._1xynjwxr) {
+.page_body_contents > div:has(._1xynjwxr) {
   margin-top: 0px;
 }
 @media screen and (max-width: 1023px) {

package/dist/assets/HeroBanner/HeroBanner.css

@@ -96,7 +96,7 @@
   margin-right: 15px;
   margin-top: 24px;
 }
-.section_spacer:has(._1ye8k3f6) {
+.page_body_contents > div:has(._1ye8k3f6) {
   margin-top: 0;
 }
 ._1ye8k3fq {

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -163,7 +163,7 @@
   align-items: center;
   border: none !important;
 }
-.section_spacer ._1m7m2ax {
+.page_body_contents > div:has(._1m7m2ax)  {
   background: none;
 }
 ._1m7m2ax ._1m7m2aj {
@@ -269,40 +269,40 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
 .stacked ._1m7m2ao {
   height: auto;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a1) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a1) {
   background: var(--_1073cm81);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a1) + .section_spacer:has(._1m7m2ax._1m7m2a1) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a1) + div:has(._1m7m2ax._1m7m2a1) {
   padding-top: 0;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a2) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a2) {
   background: var(--_1073cm88);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a2) + .section_spacer:has(._1m7m2ax._1m7m2a2) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a2) + div:has(._1m7m2ax._1m7m2a2) {
   padding-top: 0;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a3) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a3) {
   background: var(--_1073cm8f);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a3) + .section_spacer:has(._1m7m2ax._1m7m2a3) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a3) + div:has(._1m7m2ax._1m7m2a3) {
   padding-top: 0;
 }
-.section_spacer:has(._1m7m2ax._1m7m2a4) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a4) {
   background: var(--_1073cm8m);
 }
-.section_spacer:has(._1m7m2ax._1m7m2a4) + .section_spacer:has(._1m7m2ax._1m7m2a4) {
+.page_body_contents > div:has(._1m7m2ax._1m7m2a4) + div:has(._1m7m2ax._1m7m2a4) {
   padding-top: 0;
 }
-.section_spacer:has(.stacked) {
+.page_body_contents > div:has(.stacked) {
   padding-bottom: 40px;
 }
-.section_spacer:has(> ._1m7m2ax) {
+.page_body_contents > div:has(> ._1m7m2ax) {
   padding-block: 56px;
 }
-.section_spacer:has(._1m7m2ax) + .section_spacer:has(._1m7m2ax) {
+.page_body_contents > div:has(._1m7m2ax) + .div:has(._1m7m2ax) {
   margin-top: 0;
 }
-.section_spacer:has(._1m7m2ax) ._1m7m2an {
+.page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
   margin-top: 1.7rem;
 }
 ._1m7m2a1f {
@@ -465,7 +465,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   .stacked:first-child {
     padding-top: 42px;
   }
-  .section_spacer:has(> ._1m7m2ax) {
+  .page_body_contents > div:has(> ._1m7m2ax) {
     padding-block: 42px;
   }
 }
@@ -485,7 +485,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   .stacked:first-child {
     padding-top: 2rem;
   }
-  .section_spacer:has(> ._1m7m2ax) {
+  .page_body_contents > div:has(> ._1m7m2ax) {
     padding-block: 2rem;
   }
 }
@@ -498,7 +498,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   }
 }
 @media screen and (min-width: 768px) {
-  .section_spacer:has(._1m7m2ax) ._1m7m2an {
+  .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
     margin-top: 2.5rem;
   }
 }
@@ -519,7 +519,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   ._18ygy9m5.stacked ._1m7m2av {
     min-height: 1px !important;
   }
-  .section_spacer:has(._1m7m2ax) ._1m7m2an {
+  .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
     justify-content: flex-start;
   }
   ._1m7m2a1g .billboard {
@@ -548,7 +548,7 @@ main > div:nth-last-child(2) > ._1m7m2a0:not(._1m7m2ax) {
   }
 }
 @media screen and (min-width: 1280px) {
-  .section_spacer:has(._1m7m2ax) ._1m7m2an {
+  .page_body_contents > div:has(._1m7m2ax) ._1m7m2an {
     margin-top: 3rem;
   }
 }

package/dist/assets/PageNavSet/PageNavigationSet.css

@@ -18,14 +18,15 @@
 .slick-slide {
   margin-left: 8px;
 }
-.section_spacer:has(#pageNav) {
+.page_body_contents > div:has(#pageNav) {
   margin-top: 0;
   position: sticky;
   top: 0;
   z-index: 999;
+  margin-bottom: -3.5rem;
 }
-.section_spacer:has(#pageNav) + .section_spacer {
-  margin-top: 0px !important;
+.page_body_contents > div:has(#pageNav) + div > section {
+  margin-top: 0;
 }
 @media screen and (max-width:1023px) {
   .slick-slide + .slick-slide {

package/dist/assets/SetContainer/SetContainer.css

@@ -17,6 +17,9 @@
   grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   gap: 24px;
 }
+.containment > ._18ygy9m5:first-child {
+  padding-top: 2rem;
+}
 ._18ygy9m6 {
   display: grid;
   gap: 24px;

package/dist/assets/TopicalNavSet/TopicalNavSet.css

@@ -2,8 +2,8 @@
   -webkit-box-shadow: 0 7px 10px rgba(0,0,0,0.08);
   box-shadow: 0 7px 10px rgba(0,0,0,0.08);
 }
-.section_spacer:has(.xbzzeo0) {
-  margin-top: 0px;
+.page_body_contents > div:has(.xbzzeo0) {
+  margin-top: -3.5rem;
 }
 .xbzzeo1 {
   max-width: 88.2rem;

package/dist/assets/globals.css

@@ -32,6 +32,17 @@ li p, p:last-child, p:only-child {
 .section_spacer {
   margin-top: 3.5rem;
 }
+.page_body_contents {
+  display: flex;
+  flex-direction: column;
+  gap: 3.5rem;
+}
+span#personalized-refi-table:has(*) {
+  margin-bottom: 3.5rem;
+}
+.page_body_contents > div:first-child > .billboard {
+  margin-top: 3.5rem;
+}
 .flex, [class*='flex_'] {
   display: flex;
 }

package/dist/main.js

@@ -70,6 +70,7 @@ import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
 import { CommercialDepositsNoLendingOption } from "./Forms/CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./Forms/CommercialLending.js";
 import { CommercialPremiumFinance } from "./Forms/CommercialPremiumFinance.js";
+import { ConstructionLendingDynamic } from "./Forms/ConstructionLendingDynamic.js";
 import { ContactCompany } from "./Forms/ContactCompany.js";
 import { ContactCompanyTitle } from "./Forms/ContactCompanyTitle.js";
 import { ContactUs } from "./Forms/ContactUs.js";
@@ -276,6 +277,7 @@ export {
   CommercialLending,
   CommercialPremiumFinance,
   ComparisonSet,
+  ConstructionLendingDynamic,
   ContactCompany,
   ContactCompanyTitle,
   ContactUs,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.100-dev.67",
+  "version": "1.0.100-dev.69",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",