@axos-web-dev/shared-components 0.0.102 → 0.0.103

package/dist/ATMLocator/ATMLocator.js

@@ -47,11 +47,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                         */
 import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

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

@@ -4,39 +4,39 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
     width: {
         "1/2": {
             display: "flex";
-            flexBasis: "50%";
+            flexBasis: `${number}%`;
         };
         "1/3": {
             display: "flex";
-            flexBasis: "33.333333333333336%";
+            flexBasis: `${number}%`;
         };
         "2/3": {
             display: "flex";
-            flexBasis: "66.66666666666667%";
+            flexBasis: `${number}%`;
         };
         "1/4": {
             display: "flex";
-            flexBasis: "25%";
+            flexBasis: `${number}%`;
         };
         "3/4": {
             display: "flex";
-            flexBasis: "75%";
+            flexBasis: `${number}%`;
         };
         "1/5": {
             display: "flex";
-            flexBasis: "20%";
+            flexBasis: `${number}%`;
         };
         "2/5": {
             display: "flex";
-            flexBasis: "40%";
+            flexBasis: `${number}%`;
         };
         "3/5": {
             display: "flex";
-            flexBasis: "60%";
+            flexBasis: `${number}%`;
         };
         "4/5": {
             display: "flex";
-            flexBasis: "80%";
+            flexBasis: `${number}%`;
         };
     };
 }>;

package/dist/Button/Button.js

@@ -27,12 +27,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/Calculators/Calculator.js

@@ -52,11 +52,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                         */
 import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";

package/dist/Carousel/index.js

@@ -34,11 +34,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                         */
 import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/Chevron/index.js

@@ -30,12 +30,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/Comparison/Comparison.js

@@ -28,12 +28,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/Comparison/ComparisonSet.js

@@ -27,12 +27,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import "../Input/Input.js";
+import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -29,11 +29,10 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
 import "@hookform/resolvers/zod";
 import "../../Input/Checkbox.js";
 import "../../Input/CurrencyInput.js";
-import "../../Input/Input.css.js";
-/* empty css                                            */
 import "../../Input/Dropdown.js";
 /* empty css                                          */
 import "../../Input/Input.js";
+import "../../Input/Input.css.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/Forms/ApplicationStart.js

@@ -7,12 +7,11 @@ import "react";
 import "react-use";
 import { Checkbox } from "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/Forms/CommercialLending.d.ts

@@ -3,17 +3,13 @@ import { FormProps } from './FormProps';
 export type CommercialLendingInputs = {
     first_name: string;
     last_name: string;
-    email: string;
-    General_Business_Phone_SFDC2__c: string;
-    Company_NMLS_ID__c: string;
-    Business_Name__c: string;
-    Property_Zip__c: string;
-    Annual_Gross_Revenue__c: string;
-    Time_in_Business__c: string;
-    Lead_Type__c: string;
-    Type_of_Equipment_Finance__c: string;
-    Loan__c: string;
-    Requested_loan_amount_and_leverage__c: string;
-    Asset_Class__c: string;
+    business_email: string;
+    business_phone: string;
+    company_nmls_id: string;
+    business_name: string;
+    zip: string;
+    annual_gross_revenue: string;
+    time_in_business: string;
+    type: string;
 };
 export declare const CommercialLending: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, description, id, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/CommercialLending.js

@@ -3,16 +3,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
-import { useState, useEffect } from "react";
-import { useLocation } from "react-use";
+import "react";
+import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import { Dropdown } from "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -45,26 +44,8 @@ const CommercialLending = ({
   description,
   id
 }) => {
-  const { pathname } = useLocation();
-  const [equipmentPage, setEquipmentPage] = useState(false);
-  const [warehousePage, setWarehousePage] = useState(false);
-  const [CRESLPage, setCRESLPage] = useState(false);
-  useEffect(() => {
-    if (pathname === "/Business/Commercial-Lending/Equipment-Finance") {
-      setEquipmentPage(true);
-    }
-    if (pathname === "/Business/Commercial-Lending/Warehouse-Lending") {
-      setWarehousePage(true);
-    }
-    if (pathname === "/Business/Commercial-Lending/Commercial-Real-Estate-Specialty-Lending") {
-      setCRESLPage(true);
-    }
-  }, [pathname]);
   const schema = z.object({
-    first_name: z.string({
-      required_error: "First name is required",
-      invalid_type_error: "Invalid first name"
-    }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
+    first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
     last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
     business_email: z.string().email({ message: "Business Email is required." }).refine(async (val) => await validateEmail(val)),
     business_phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Business Phone is required." }).max(12, { message: "Business Phone is required." }).transform((val, ctx) => {
@@ -84,16 +65,12 @@ const CommercialLending = ({
     type: z.string()
   });
   const methods = useForm({
-    resolver: zodResolver(
-      schema.merge(SalesforceSchema).refine(() => {
-      }),
-      {
-        async: true
-      }
-    ),
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
     mode: "all",
     defaultValues: {
-      email: ""
+      business_email: ""
     }
   });
   const {
@@ -135,7 +112,7 @@ const CommercialLending = ({
                 ...register("first_name", { required: true }),
                 label: "First Name",
                 sizes: "medium",
-                placeholder: "",
+                placeholder: "First Name",
                 required: true,
                 error: !!errors.first_name,
                 helperText: errors.first_name?.message,
@@ -149,7 +126,7 @@ const CommercialLending = ({
                 ...register("last_name", { required: true }),
                 label: "Last Name",
                 sizes: "medium",
-                placeholder: "",
+                placeholder: "Last Name",
                 required: true,
                 error: !!errors.last_name,
                 helperText: errors.last_name?.message,
@@ -159,8 +136,8 @@ const CommercialLending = ({
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "email",
-                ...register("email", {
+                id: "business_email",
+                ...register("business_email", {
                   required: true,
                   validate: {
                     isValid: associatedEmail
@@ -168,230 +145,139 @@ const CommercialLending = ({
                 }),
                 label: "Business Email",
                 sizes: "medium",
-                placeholder: "",
+                placeholder: "Business Email",
                 required: true,
-                error: !!errors.email,
-                helperText: errors.email?.message,
+                error: !!errors.business_email,
+                helperText: errors.business_email?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               InputPhone,
               {
-                id: "General_Business_Phone_SFDC2__c",
-                ...register("General_Business_Phone_SFDC2__c", {
+                id: "business_phone",
+                ...register("business_phone", {
                   required: true,
                   maxLength: 12
                 }),
                 label: "Business Phone",
                 sizes: "medium",
-                placeholder: "",
+                placeholder: "Business Phone",
                 required: true,
-                error: !!errors.General_Business_Phone_SFDC2__c,
-                helperText: errors.General_Business_Phone_SFDC2__c?.message,
+                error: !!errors.business_phone,
+                helperText: errors.business_phone?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "Company_NMLS_ID__c",
-                ...register("Company_NMLS_ID__c", {
+                id: "company_nmls_id",
+                ...register("company_nmls_id", {
                   required: true,
                   maxLength: 12
                 }),
                 label: "Company NMLS ID",
                 sizes: "medium",
-                placeholder: "",
+                placeholder: "Company NMLS ID",
                 required: true,
-                error: !!errors.Company_NMLS_ID__c,
-                helperText: errors.Company_NMLS_ID__c?.message,
+                error: !!errors.company_nmls_id,
+                helperText: errors.company_nmls_id?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "Business_Name__c",
-                ...register("Business_Name__c", {
+                id: "business_name",
+                ...register("business_name", {
                   required: true,
                   maxLength: 12
                 }),
                 label: "Business Name",
                 sizes: "medium",
-                placeholder: "",
+                placeholder: "Buesiness Name",
                 required: true,
-                error: !!errors.Business_Name__c,
-                helperText: errors.Business_Name__c?.message,
+                error: !!errors.business_name,
+                helperText: errors.business_name?.message,
                 variant
               }
             ) }),
             /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Input,
               {
-                id: "Property_Zip__c",
-                ...register("Property_Zip__c", {
+                id: "zip",
+                ...register("zip", {
                   required: true
                 }),
                 label: "Property Location or ZIP Code",
                 sizes: "medium",
-                placeholder: "",
+                placeholder: "Property Location or ZIP Code",
                 required: true,
-                error: !!errors.Property_Zip__c,
-                helperText: errors.Property_Zip__c?.message,
+                error: !!errors.business_name,
+                helperText: errors.business_name?.message,
                 variant
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Dropdown,
               {
-                id: "Annual_Gross_Revenue__c",
-                ...register("Annual_Gross_Revenue__c", {
+                id: "annual_gross_revenue",
+                ...register("annual_gross_revenue", {
                   required: true
                 }),
                 label: "Annual Gross Revenue",
                 sizes: "medium",
                 required: true,
-                error: !!errors.Annual_Gross_Revenue__c,
-                helperText: errors.Annual_Gross_Revenue__c?.message,
+                error: !!errors.annual_gross_revenue,
+                helperText: errors.annual_gross_revenue?.message,
                 variant,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "<$5MM", children: "<$5MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$5-10MM", children: "$5-10MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$10MM-$20MM", children: "$10MM-$20MM" }),
-                  /* @__PURE__ */ jsx("option", { value: "$20MM+", children: "$20MM+" })
+                options: [
+                  { value: 1, text: "<$5MM" },
+                  { value: 2, text: "$5-10MM" },
+                  { value: 3, text: "$10MM-$20MM" },
+                  { value: 4, text: "$20MM+" }
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Dropdown,
               {
-                id: "Time_in_Business__c",
-                ...register("Time_in_Business__c", {
+                id: "time_in_business",
+                ...register("time_in_business", {
                   required: true
                 }),
                 label: "Time in Business",
                 sizes: "medium",
                 required: true,
-                error: !!errors.Time_in_Business__c,
-                helperText: errors.Time_in_Business__c?.message,
+                error: !!errors.time_in_business,
+                helperText: errors.time_in_business?.message,
                 variant,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "< 2 Years in Business", children: "< 2 Years in Business" }),
-                  /* @__PURE__ */ jsx("option", { value: "2-5 Years in Business", children: "2-5 Years in Business" }),
-                  /* @__PURE__ */ jsx("option", { value: "5+ Years in Business", children: "5+ Years in Business" })
+                options: [
+                  { value: 1, text: "< 2 Years in Business" },
+                  { value: 2, text: "2-5 Years in Business" },
+                  { value: 3, text: "5+ Years in Business" }
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
               Dropdown,
               {
-                id: "Lead_Type__c",
-                ...register("Lead_Type__c", {
+                id: "type",
+                ...register("type", {
                   required: true
                 }),
                 label: "Type",
                 sizes: "medium",
                 required: true,
-                error: !!errors.Lead_Type__c,
-                helperText: errors.Lead_Type__c?.message,
-                variant,
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "Broker", children: "Broker" }),
-                  /* @__PURE__ */ jsx("option", { value: "Borrower", children: "Borrower" })
-                ]
-              }
-            ) }),
-            equipmentPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Type_of_Equipment_Finance__c",
-                ...register("Type_of_Equipment_Finance__c", {
-                  required: true
-                }),
-                label: "Type of Equipment",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Type_of_Equipment_Finance__c,
-                helperText: errors.Type_of_Equipment_Finance__c?.message,
+                error: !!errors.type,
+                helperText: errors.type?.message,
                 variant,
-                defaultValue: "",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-                  /* @__PURE__ */ jsx("option", { value: "Agriculture", children: "Agriculture" }),
-                  /* @__PURE__ */ jsx("option", { value: "Transportation and Material Handling", children: "Transportation and Material Handling" }),
-                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" }),
-                  /* @__PURE__ */ jsx("option", { value: "Healthcare", children: "Healthcare" }),
-                  /* @__PURE__ */ jsx("option", { value: "Manufacturing", children: "Manufacturing" }),
-                  /* @__PURE__ */ jsx("option", { value: "Energy", children: "Energy" }),
-                  /* @__PURE__ */ jsx("option", { value: "Technology and Service", children: "Technology and Service" }),
-                  /* @__PURE__ */ jsx("option", { value: "Insurance", children: "Insurance" }),
-                  /* @__PURE__ */ jsx("option", { value: "Pharmaceutical and Laboratory", children: "Pharmaceutical and Laboratory" })
+                options: [
+                  { value: 1, text: "Broker" },
+                  { value: 2, text: "Borrower" }
                 ]
               }
-            ) }),
-            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Asset_Class__c",
-                ...register("Asset_Class__c", {
-                  required: true
-                }),
-                label: "Asset Class",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Asset_Class__c,
-                helperText: errors.Asset_Class__c?.message,
-                variant,
-                defaultValue: "",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-                  /* @__PURE__ */ jsx("option", { value: "Multifamily", children: "Multifamily" }),
-                  CRESLPage && /* @__PURE__ */ jsx("option", { value: "Mixed-Use", children: "Mixed-Use" }),
-                  /* @__PURE__ */ jsx("option", { value: "Office", children: "Office" }),
-                  /* @__PURE__ */ jsx("option", { value: "Retail", children: "Retail" }),
-                  /* @__PURE__ */ jsx("option", { value: "Hospitality", children: "Hospitality" }),
-                  /* @__PURE__ */ jsx("option", { value: "Industrial/Warehouse", children: "Industrial/Warehouse" }),
-                  /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
-                ]
-              }
-            ) }),
-            CRESLPage && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-              Dropdown,
-              {
-                id: "Loan__c",
-                ...register("Loan__c", {
-                  required: true
-                }),
-                label: "Purpose of Loan",
-                sizes: "medium",
-                required: true,
-                error: !!errors.Loan__c,
-                helperText: errors.Loan__c?.message,
-                variant,
-                defaultValue: "",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "Select Option" }),
-                  /* @__PURE__ */ jsx("option", { value: "Bridge", children: "Bridge" }),
-                  /* @__PURE__ */ jsx("option", { value: "Construction", children: "Construction" })
-                ]
-              }
-            ) }),
-            (CRESLPage || warehousePage) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                id: "Requested_loan_amount_and_leverage__c",
-                ...register("Requested_loan_amount_and_leverage__c", {
-                  required: true
-                }),
-                label: "Requested loan amount and leverage",
-                sizes: "medium",
-                placeholder: "",
-                required: true,
-                error: !!errors.Requested_loan_amount_and_leverage__c,
-                helperText: errors.Requested_loan_amount_and_leverage__c?.message,
-                variant
-              }
             ) })
           ] }),
           children,

package/dist/Forms/ContactCompany.js

@@ -7,12 +7,11 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/Forms/ContactUs.js

@@ -7,12 +7,11 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";

package/dist/Forms/ContactUsAAS.js

@@ -7,12 +7,11 @@ import "react";
 import "react-use";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
-import "../Input/Input.css.js";
-/* empty css                                              */
-/* empty css                                         */
 import { Dropdown } from "../Input/Dropdown.js";
+/* empty css                                              */
 /* empty css                                       */
 import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";