@axos-web-dev/shared-components 0.0.89 → 0.0.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/Accordion/Accordion.css.d.ts +9 -9
  2. package/dist/Calculators/Calculator.js +3 -2
  3. package/dist/Carousel/index.js +2 -1
  4. package/dist/Chevron/index.js +2 -1
  5. package/dist/Comparison/Comparison.js +2 -1
  6. package/dist/Comparison/ComparisonSet.js +2 -1
  7. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +2 -1
  8. package/dist/Forms/ApplicationStart.js +3 -2
  9. package/dist/Forms/CommercialLending.js +3 -2
  10. package/dist/Forms/ContactCompany.js +3 -2
  11. package/dist/Forms/ContactUs.js +3 -2
  12. package/dist/Forms/ContactUsAAS.js +30 -28
  13. package/dist/Forms/ContactUsBusiness.js +4 -3
  14. package/dist/Forms/ContactUsNMLSId.js +4 -3
  15. package/dist/Forms/DealerServices.js +3 -2
  16. package/dist/Forms/EmailOnly.js +4 -3
  17. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  18. package/dist/Forms/ScheduleCall.js +7 -3
  19. package/dist/Forms/ScheduleCallPremier.js +3 -2
  20. package/dist/Forms/SuccesForm.js +3 -2
  21. package/dist/Forms/WcplSurvey.js +3 -2
  22. package/dist/Hyperlink/index.js +2 -1
  23. package/dist/ImageLink/ImageLink.js +2 -1
  24. package/dist/ImageLink/ImageLinkSet.js +2 -1
  25. package/dist/ImageLink/index.js +2 -1
  26. package/dist/Input/Checkbox.d.ts +1 -1
  27. package/dist/Input/CurrencyInput.js +3 -2
  28. package/dist/Input/DatePicker.css.d.ts +1 -0
  29. package/dist/Input/DatePicker.css.js +6 -0
  30. package/dist/Input/Datepicker.d.ts +3 -0
  31. package/dist/Input/Datepicker.js +47 -0
  32. package/dist/Input/InputDate.css.d.ts +6 -0
  33. package/dist/Input/InputDate.css.js +15 -0
  34. package/dist/Input/InputDate.d.ts +3 -0
  35. package/dist/Input/InputDate.js +47 -0
  36. package/dist/Input/InputPhone.js +3 -2
  37. package/dist/Input/InputProps.d.ts +6 -0
  38. package/dist/Input/index.d.ts +3 -0
  39. package/dist/Input/index.js +6 -0
  40. package/dist/Modal/Modal.js +2 -1
  41. package/dist/NavigationMenu/AxosAdvisorServices/NavData.d.ts +8 -3
  42. package/dist/NavigationMenu/AxosAdvisorServices/NavData.js +45 -29
  43. package/dist/NavigationMenu/AxosAdvisorServices/SubNavBar.js +14 -10
  44. package/dist/NavigationMenu/AxosBank/SubNavBar.js +2 -1
  45. package/dist/SetContainer/SetContainer.js +2 -1
  46. package/dist/Table/Table.d.ts +11 -11
  47. package/dist/assets/Input/DatePicker.css +95 -0
  48. package/dist/assets/Input/InputDate.css +39 -0
  49. package/dist/main.js +6 -0
  50. package/dist/utils/allowedAxosDomains.js +2 -1
  51. package/package.json +1 -1
@@ -4,39 +4,39 @@ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
4
4
  width: {
5
5
  "1/2": {
6
6
  display: "flex";
7
- flexBasis: `${number}%`;
7
+ flexBasis: "50%";
8
8
  };
9
9
  "1/3": {
10
10
  display: "flex";
11
- flexBasis: `${number}%`;
11
+ flexBasis: "33.333333333333336%";
12
12
  };
13
13
  "2/3": {
14
14
  display: "flex";
15
- flexBasis: `${number}%`;
15
+ flexBasis: "66.66666666666667%";
16
16
  };
17
17
  "1/4": {
18
18
  display: "flex";
19
- flexBasis: `${number}%`;
19
+ flexBasis: "25%";
20
20
  };
21
21
  "3/4": {
22
22
  display: "flex";
23
- flexBasis: `${number}%`;
23
+ flexBasis: "75%";
24
24
  };
25
25
  "1/5": {
26
26
  display: "flex";
27
- flexBasis: `${number}%`;
27
+ flexBasis: "20%";
28
28
  };
29
29
  "2/5": {
30
30
  display: "flex";
31
- flexBasis: `${number}%`;
31
+ flexBasis: "40%";
32
32
  };
33
33
  "3/5": {
34
34
  display: "flex";
35
- flexBasis: `${number}%`;
35
+ flexBasis: "60%";
36
36
  };
37
37
  "4/5": {
38
38
  display: "flex";
39
- flexBasis: `${number}%`;
39
+ flexBasis: "80%";
40
40
  };
41
41
  };
42
42
  }>;
@@ -10,11 +10,12 @@ import "../Button/Button.css.js";
10
10
  import "react-use";
11
11
  import "../Input/Checkbox.js";
12
12
  import "../Input/CurrencyInput.js";
13
- import "../Input/Dropdown.js";
13
+ import "../Input/Input.css.js";
14
14
  /* empty css */
15
+ /* empty css */
16
+ import "../Input/Dropdown.js";
15
17
  /* empty css */
16
18
  import "../Input/Input.js";
17
- import "../Input/Input.css.js";
18
19
  import "../Input/InputPhone.js";
19
20
  import "../Input/InputTextArea.js";
20
21
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -33,10 +33,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
33
33
  import "@hookform/resolvers/zod";
34
34
  import "../Input/Checkbox.js";
35
35
  import "../Input/CurrencyInput.js";
36
+ import "../Input/Input.css.js";
37
+ /* empty css */
36
38
  import "../Input/Dropdown.js";
37
39
  /* empty css */
38
40
  import "../Input/Input.js";
39
- import "../Input/Input.css.js";
40
41
  import "../Input/InputPhone.js";
41
42
  import "../Input/InputTextArea.js";
42
43
  import "react-hook-form";
@@ -32,10 +32,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
35
+ import "../Input/Input.css.js";
36
+ /* empty css */
35
37
  import "../Input/Dropdown.js";
36
38
  /* empty css */
37
39
  import "../Input/Input.js";
38
- import "../Input/Input.css.js";
39
40
  import "../Input/InputPhone.js";
40
41
  import "../Input/InputTextArea.js";
41
42
  import "react-hook-form";
@@ -31,10 +31,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../Input/Checkbox.js";
33
33
  import "../Input/CurrencyInput.js";
34
+ import "../Input/Input.css.js";
35
+ /* empty css */
34
36
  import "../Input/Dropdown.js";
35
37
  /* empty css */
36
38
  import "../Input/Input.js";
37
- import "../Input/Input.css.js";
38
39
  import "../Input/InputPhone.js";
39
40
  import "../Input/InputTextArea.js";
40
41
  import "react-hook-form";
@@ -31,10 +31,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../Input/Checkbox.js";
33
33
  import "../Input/CurrencyInput.js";
34
+ import "../Input/Input.css.js";
35
+ /* empty css */
34
36
  import "../Input/Dropdown.js";
35
37
  /* empty css */
36
38
  import "../Input/Input.js";
37
- import "../Input/Input.css.js";
38
39
  import "../Input/InputPhone.js";
39
40
  import "../Input/InputTextArea.js";
40
41
  import "react-hook-form";
@@ -30,10 +30,11 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
30
  import "@hookform/resolvers/zod";
31
31
  import "../../Input/Checkbox.js";
32
32
  import "../../Input/CurrencyInput.js";
33
+ import "../../Input/Input.css.js";
34
+ /* empty css */
33
35
  import "../../Input/Dropdown.js";
34
36
  /* empty css */
35
37
  import "../../Input/Input.js";
36
- import "../../Input/Input.css.js";
37
38
  import "../../Input/InputPhone.js";
38
39
  import "../../Input/InputTextArea.js";
39
40
  import "react-hook-form";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import { Checkbox } from "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -27,7 +28,7 @@ import { getVariant } from "../utils/getVariant.js";
27
28
  import clsx from "clsx";
28
29
  import { useForm, FormProvider } from "react-hook-form";
29
30
  import { z } from "zod";
30
- import { CurrentAssets, Roles } from "./FormEnums.js";
31
+ import { Roles } from "./FormEnums.js";
31
32
  import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions } from "./Forms.css.js";
32
33
  import { SalesforceSchema } from "./SalesforceFieldsForm.js";
33
34
  const ContactUsAAS = ({
@@ -45,27 +46,32 @@ const ContactUsAAS = ({
45
46
  id
46
47
  }) => {
47
48
  const schema = z.object({
48
- first_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "First Name is required." }),
49
- last_name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Last Name is required." }),
50
- email: z.string().email({ message: "Business email is required." }).refine(async (val) => await validateEmail(val)),
51
- phone: z.string().regex(/[\d-]{10}/).min(10, { message: "Business phone is required." }).max(12, { message: "Business phone is required." }).transform((val, ctx) => {
49
+ first_name: z.string({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
50
+ message: "Invalid first name"
51
+ }).trim().min(1, { message: "First Name is required." }),
52
+ last_name: z.string({ message: "Last name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
53
+ message: "Invalid last name"
54
+ }).trim().min(1, { message: "Last Name is required." }),
55
+ email: z.string({ message: "Email is required." }).email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
56
+ phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, {
57
+ message: "Invalid phone number"
58
+ }).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
52
59
  const removeDashes = val.replace(/-/gi, "");
53
60
  if (removeDashes.length !== 10) {
54
61
  ctx.addIssue({
55
62
  code: z.ZodIssueCode.custom,
56
- message: "Business phone must have at least 10 and no more than 10 characters."
63
+ message: "Phone must have at least 10 and no more than 10 characters."
57
64
  });
58
65
  return z.NEVER;
59
66
  }
60
67
  return removeDashes;
61
68
  }),
62
- company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g).trim().min(1, { message: "Company is required." }),
63
- Current_Assets_Under_Management__c: z.string().min(1, { message: "Current Assets is required." }).refine(
64
- (val) => CurrentAssets.includes(val),
65
- "Current assets is required."
66
- ),
69
+ company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
70
+ message: "Invalid company name"
71
+ }).trim().optional().or(z.literal("")),
72
+ Current_Assets_Under_Management__c: z.union([z.string(), z.undefined()]),
67
73
  Role__c: z.string().min(1, { message: "Role is required." }).refine((val) => Roles.includes(val), "Role is required"),
68
- description: z.string().trim().max(32e3).min(1, { message: "Comments is required." })
74
+ description: z.optional(z.string().trim().max(32e3))
69
75
  });
70
76
  const methods = useForm({
71
77
  resolver: zodResolver(
@@ -75,7 +81,7 @@ const ContactUsAAS = ({
75
81
  },
76
82
  { mode: "async" }
77
83
  ),
78
- mode: "onChange",
84
+ mode: "all",
79
85
  shouldUnregister: true,
80
86
  defaultValues: {
81
87
  email: ""
@@ -145,7 +151,7 @@ const ContactUsAAS = ({
145
151
  required: true
146
152
  }),
147
153
  type: "email",
148
- label: "Business Email*",
154
+ label: "Email*",
149
155
  sizes: "medium",
150
156
  placeholder: "",
151
157
  required: true,
@@ -162,7 +168,7 @@ const ContactUsAAS = ({
162
168
  required: true,
163
169
  maxLength: 12
164
170
  }),
165
- label: "Business Phone*",
171
+ label: "Phone*",
166
172
  sizes: "medium",
167
173
  placeholder: "",
168
174
  type: "tel",
@@ -176,11 +182,10 @@ const ContactUsAAS = ({
176
182
  Input,
177
183
  {
178
184
  id: "company",
179
- ...register("company", { required: true }),
180
- label: "Company*",
185
+ ...register("company"),
186
+ label: "Company",
181
187
  sizes: "medium",
182
188
  placeholder: "",
183
- required: true,
184
189
  error: !!errors.company,
185
190
  helperText: errors.company?.message,
186
191
  variant
@@ -190,18 +195,15 @@ const ContactUsAAS = ({
190
195
  Dropdown,
191
196
  {
192
197
  id: "Current_Assets_Under_Management__c",
193
- ...register("Current_Assets_Under_Management__c", {
194
- required: true
195
- }),
196
- label: "Current AUM*",
198
+ ...register("Current_Assets_Under_Management__c"),
199
+ label: "Current AUM",
197
200
  sizes: "medium",
198
- required: true,
199
201
  error: !!errors.Current_Assets_Under_Management__c,
200
202
  helperText: errors.Current_Assets_Under_Management__c?.message,
201
203
  variant,
202
- defaultValue: "Select option",
204
+ defaultValue: "",
203
205
  children: [
204
- /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select option" }),
206
+ /* @__PURE__ */ jsx("option", { value: "", children: "Select option" }),
205
207
  /* @__PURE__ */ jsx("option", { value: "$0 - $25M", children: "$0 — $25M" }),
206
208
  /* @__PURE__ */ jsx("option", { value: "$26M - $150M", children: "$26M — $150M" }),
207
209
  /* @__PURE__ */ jsx("option", { value: "$151M - $500M", children: "$151M — $500M" }),
@@ -239,7 +241,7 @@ const ContactUsAAS = ({
239
241
  {
240
242
  id: "description",
241
243
  ...register("description"),
242
- label: "Comments*",
244
+ label: "Comments",
243
245
  sizes: "medium",
244
246
  placeholder: "",
245
247
  error: !!errors.description,
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import { InputPhone } from "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -32,7 +34,6 @@ import "../IconBillboard/IconBillboard.css.js";
32
34
  /* empty css */
33
35
  import { Button } from "../Button/Button.js";
34
36
  import "../Button/Button.css.js";
35
- import "react";
36
37
  import "react-use";
37
38
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
38
39
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import { InputPhone } from "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -32,7 +34,6 @@ import "../IconBillboard/IconBillboard.css.js";
32
34
  /* empty css */
33
35
  import { Button } from "../Button/Button.js";
34
36
  import "../Button/Button.css.js";
35
- import "react";
36
37
  import "react-use";
37
38
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
38
39
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -3,11 +3,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "../Input/Dropdown.js";
6
+ import "react";
7
+ import "../Input/Input.css.js";
7
8
  /* empty css */
9
+ /* empty css */
10
+ import "../Input/Dropdown.js";
8
11
  /* empty css */
9
12
  import { Input } from "../Input/Input.js";
10
- import "../Input/Input.css.js";
11
13
  import "../Input/InputPhone.js";
12
14
  import "../Input/InputTextArea.js";
13
15
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -33,7 +35,6 @@ import "../IconBillboard/IconBillboard.css.js";
33
35
  import { associatedEmail } from "../utils/EverestValidity.js";
34
36
  import { Button } from "../Button/Button.js";
35
37
  import "../Button/Button.css.js";
36
- import "react";
37
38
  import "react-use";
38
39
  import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
39
40
  import "../Calculators/ApyCalculator/ApyCalculator.css.js";
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import * as z from "zod";
3
2
  export interface SalesforceFields {
4
3
  brand: string;
@@ -7,11 +7,13 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
16
+ import { InputDate } from "../Input/InputDate.js";
15
17
  import { InputPhone } from "../Input/InputPhone.js";
16
18
  import "../Input/InputTextArea.js";
17
19
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -218,7 +220,9 @@ const ScheduleCall = ({
218
220
  /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
219
221
  ]
220
222
  }
221
- ) })
223
+ ) }),
224
+ /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
225
+ } })
222
226
  ] }),
223
227
  children,
224
228
  /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import { CurrencyInput } from "../Input/CurrencyInput.js";
10
- import { Dropdown } from "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import { Dropdown } from "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import { Input } from "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import "../Input/InputTextArea.js";
17
18
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -8,11 +8,12 @@ import "../Button/Button.css.js";
8
8
  import "react-use";
9
9
  import "../Input/Checkbox.js";
10
10
  import "../Input/CurrencyInput.js";
11
- import "../Input/Dropdown.js";
11
+ import "../Input/Input.css.js";
12
12
  /* empty css */
13
+ /* empty css */
14
+ import "../Input/Dropdown.js";
13
15
  /* empty css */
14
16
  import "../Input/Input.js";
15
- import "../Input/Input.css.js";
16
17
  import "../Input/InputPhone.js";
17
18
  import "../Input/InputTextArea.js";
18
19
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -7,11 +7,12 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Dropdown.js";
10
+ import "../Input/Input.css.js";
11
11
  /* empty css */
12
+ /* empty css */
13
+ import "../Input/Dropdown.js";
12
14
  /* empty css */
13
15
  import "../Input/Input.js";
14
- import "../Input/Input.css.js";
15
16
  import { InputPhone } from "../Input/InputPhone.js";
16
17
  import { InputTextArea } from "../Input/InputTextArea.js";
17
18
  import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
@@ -32,10 +32,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
35
+ import "../Input/Input.css.js";
36
+ /* empty css */
35
37
  import "../Input/Dropdown.js";
36
38
  /* empty css */
37
39
  import "../Input/Input.js";
38
- import "../Input/Input.css.js";
39
40
  import "../Input/InputPhone.js";
40
41
  import "../Input/InputTextArea.js";
41
42
  import "react-hook-form";
@@ -29,10 +29,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
29
  import "@hookform/resolvers/zod";
30
30
  import "../Input/Checkbox.js";
31
31
  import "../Input/CurrencyInput.js";
32
+ import "../Input/Input.css.js";
33
+ /* empty css */
32
34
  import "../Input/Dropdown.js";
33
35
  /* empty css */
34
36
  import "../Input/Input.js";
35
- import "../Input/Input.css.js";
36
37
  import "../Input/InputPhone.js";
37
38
  import "../Input/InputTextArea.js";
38
39
  import "react-hook-form";
@@ -32,10 +32,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
32
32
  import "@hookform/resolvers/zod";
33
33
  import "../Input/Checkbox.js";
34
34
  import "../Input/CurrencyInput.js";
35
+ import "../Input/Input.css.js";
36
+ /* empty css */
35
37
  import "../Input/Dropdown.js";
36
38
  /* empty css */
37
39
  import "../Input/Input.js";
38
- import "../Input/Input.css.js";
39
40
  import "../Input/InputPhone.js";
40
41
  import "../Input/InputTextArea.js";
41
42
  import "react-hook-form";
@@ -29,10 +29,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
29
  import "@hookform/resolvers/zod";
30
30
  import "../Input/Checkbox.js";
31
31
  import "../Input/CurrencyInput.js";
32
+ import "../Input/Input.css.js";
33
+ /* empty css */
32
34
  import "../Input/Dropdown.js";
33
35
  /* empty css */
34
36
  import "../Input/Input.js";
35
- import "../Input/Input.css.js";
36
37
  import "../Input/InputPhone.js";
37
38
  import "../Input/InputTextArea.js";
38
39
  import "react-hook-form";
@@ -1,5 +1,5 @@
1
1
  import { InputProps } from './InputProps';
2
2
 
3
3
  export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
4
- children?: import('react').ReactNode;
4
+ children?: import('react').ReactNode | undefined;
5
5
  } & import('react').RefAttributes<HTMLInputElement>>;
@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { InputNumberFormat } from "@react-input/number-format";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
- import "./Dropdown.js";
5
+ import "./Input.css.js";
6
6
  /* empty css */
7
+ /* empty css */
8
+ import "./Dropdown.js";
7
9
  /* empty css */
8
10
  import { Input } from "./Input.js";
9
- import "./Input.css.js";
10
11
  import "./InputPhone.js";
11
12
  import "./InputTextArea.js";
12
13
  const CurrencyInput = forwardRef(
@@ -0,0 +1 @@
1
+ export declare const datePicker: string;
@@ -0,0 +1,6 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ var datePicker = "_1oit9ls0";
4
+ export {
5
+ datePicker
6
+ };
@@ -0,0 +1,3 @@
1
+ import { DatepickerInputProps } from './InputProps';
2
+
3
+ export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;