@axos-web-dev/shared-components 0.0.117 → 0.0.118

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 (59) hide show
  1. package/dist/Accordion/Accordion.css.d.ts +9 -9
  2. package/dist/ArticlesSet/ArticlesSet.js +1 -1
  3. package/dist/Calculators/MarginTradingCalculator/index.js +4 -2
  4. package/dist/Calculators/calculators.js +6 -0
  5. package/dist/Carousel/index.d.ts +1 -0
  6. package/dist/Carousel/index.js +5 -4
  7. package/dist/Comparison/Comparison.css.js +2 -2
  8. package/dist/ContentBanner/index.js +1 -1
  9. package/dist/ExecutiveBio/ExecutiveBio.js +1 -1
  10. package/dist/FaqAccordion/index.d.ts +1 -0
  11. package/dist/FaqAccordion/index.js +2 -2
  12. package/dist/FooterDisclosure/FooterDisclosure.d.ts +5 -2
  13. package/dist/FooterDisclosure/FooterDisclosure.js +18 -2
  14. package/dist/Forms/ApplicationStart.js +105 -113
  15. package/dist/Forms/ClearingForm.js +177 -185
  16. package/dist/Forms/CommercialLending.js +276 -281
  17. package/dist/Forms/ContactCompany.js +107 -115
  18. package/dist/Forms/ContactUs.js +89 -97
  19. package/dist/Forms/ContactUsAAS.js +170 -178
  20. package/dist/Forms/ContactUsBusiness.js +128 -136
  21. package/dist/Forms/ContactUsNMLSId.js +111 -119
  22. package/dist/Forms/CpraRequest.js +592 -600
  23. package/dist/Forms/DealerServices.js +219 -227
  24. package/dist/Forms/EmailOnly.js +48 -56
  25. package/dist/Forms/EmailUs.js +65 -73
  26. package/dist/Forms/Forms.css.js +2 -2
  27. package/dist/Forms/SalesforceFieldsForm.d.ts +1 -0
  28. package/dist/Forms/ScheduleCall.js +149 -160
  29. package/dist/Forms/ScheduleCallPremier.js +171 -179
  30. package/dist/Forms/WcplSurvey.js +102 -110
  31. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  32. package/dist/HeroBanner/HeroBanner.js +2 -2
  33. package/dist/IconBillboard/IconBillboard.d.ts +1 -0
  34. package/dist/IconBillboard/IconBillboard.js +6 -4
  35. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  36. package/dist/ImageBillboard/ImageBillboardSet.js +1 -0
  37. package/dist/Input/Checkbox.d.ts +1 -1
  38. package/dist/Input/Input.css.js +1 -1
  39. package/dist/Input/InputProps.d.ts +0 -6
  40. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  41. package/dist/StepItemSet/StepItemSet.js +1 -1
  42. package/dist/Table/Table.d.ts +13 -13
  43. package/dist/TextBlock/TextBlock.js +1 -1
  44. package/dist/VideoTile/VideoTile.js +1 -1
  45. package/dist/VideoWrapper/index.js +22 -30
  46. package/dist/assets/Comparison/Comparison.css +0 -1
  47. package/dist/assets/Table/Table.css +8 -8
  48. package/dist/index.css.js +1 -1
  49. package/package.json +121 -121
  50. package/dist/Input/DatePicker.css.d.ts +0 -1
  51. package/dist/Input/DatePicker.css.js +0 -6
  52. package/dist/Input/Datepicker.d.ts +0 -3
  53. package/dist/Input/Datepicker.js +0 -47
  54. package/dist/Input/InputDate.css.d.ts +0 -6
  55. package/dist/Input/InputDate.css.js +0 -15
  56. package/dist/Input/InputDate.d.ts +0 -3
  57. package/dist/Input/InputDate.js +0 -47
  58. package/dist/assets/Input/DatePicker.css +0 -95
  59. package/dist/assets/Input/InputDate.css +0 -39
package/dist/Forms/EmailUs.js CHANGED
@@ -60,80 +60,72 @@ const EmailUs = ({
60
60
  await onSubmit(data);
61
61
  };
62
62
  const variant = getVariant(fullVariant);
63
- return /* @__PURE__ */ jsx(
64
- "section",
65
- {
66
- id: `id_${id}`,
67
- className: clsx(formContainer({ variant })),
68
- children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
69
- icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
70
- /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
71
- /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
72
- description && /* @__PURE__ */ jsx(
73
- "div",
74
- {
75
- className: clsx(
76
- "text_center",
77
- form,
78
- descriptionField({ variant })
79
- ),
80
- children: description
81
- }
82
- )
83
- ] }),
84
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
85
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
86
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
87
- Input,
88
- {
89
- id: "email",
90
- ...register("email", {
91
- required: true,
92
- validate: {
93
- isValid: associatedEmail
94
- }
95
- }),
96
- label: "Email",
97
- sizes: "medium",
98
- placeholder: "Email",
99
- required: true,
100
- error: !!errors.email,
101
- helperText: errors.email?.message,
102
- variant
63
+ return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
64
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
65
+ /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
66
+ /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
67
+ description && /* @__PURE__ */ jsx(
68
+ "div",
69
+ {
70
+ className: clsx(
71
+ "text_center",
72
+ form,
73
+ descriptionField({ variant })
74
+ ),
75
+ children: description
76
+ }
77
+ )
78
+ ] }),
79
+ /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
80
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
81
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
82
+ Input,
83
+ {
84
+ id: "email",
85
+ ...register("email", {
86
+ required: true,
87
+ validate: {
88
+ isValid: associatedEmail
103
89
  }
104
- ) }),
105
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
106
- InputTextArea,
107
- {
108
- id: "write_your_message",
109
- ...register("write_your_message", { required: true }),
110
- label: "Write Your Message",
111
- sizes: "medium",
112
- placeholder: "Write Your Message",
113
- required: true,
114
- error: !!errors.write_your_message,
115
- helperText: errors.write_your_message?.message,
116
- variant
117
- }
118
- ) })
119
- ] }),
120
- children,
121
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
122
- /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
123
- Button,
124
- {
125
- color: getVariant(callToAction?.variant),
126
- as: "button",
127
- type: "submit",
128
- disabled: !isValid,
129
- children: callToAction?.displayText
130
- }
131
- ) })
132
- ] })
133
- ] }) })
134
- },
135
- id
136
- );
90
+ }),
91
+ label: "Email",
92
+ sizes: "medium",
93
+ placeholder: "Email",
94
+ required: true,
95
+ error: !!errors.email,
96
+ helperText: errors.email?.message,
97
+ variant
98
+ }
99
+ ) }),
100
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
101
+ InputTextArea,
102
+ {
103
+ id: "write_your_message",
104
+ ...register("write_your_message", { required: true }),
105
+ label: "Write Your Message",
106
+ sizes: "medium",
107
+ placeholder: "Write Your Message",
108
+ required: true,
109
+ error: !!errors.write_your_message,
110
+ helperText: errors.write_your_message?.message,
111
+ variant
112
+ }
113
+ ) })
114
+ ] }),
115
+ children,
116
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
117
+ /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
118
+ Button,
119
+ {
120
+ color: getVariant(callToAction?.variant),
121
+ as: "button",
122
+ type: "submit",
123
+ disabled: !isValid,
124
+ children: callToAction?.displayText
125
+ }
126
+ ) })
127
+ ] })
128
+ ] }) }) }, id);
137
129
  };
138
130
  export {
139
131
  EmailUs
package/dist/Forms/Forms.css.js CHANGED
@@ -1,8 +1,8 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
- /* empty css */
5
3
  /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
package/dist/Forms/SalesforceFieldsForm.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import * as z from "zod";
2
3
  export interface SalesforceFields {
3
4
  brand: string;
package/dist/Forms/ScheduleCall.js CHANGED
@@ -15,7 +15,6 @@ import "../Input/Input.css.js";
15
15
  import "../Input/InputAmount.js";
16
16
  import { InputPhone } from "../Input/InputPhone.js";
17
17
  import "../Input/InputTextArea.js";
18
- import { InputDate } from "../Input/InputDate.js";
19
18
  import "../icons/ArrowIcon/ArrowIcon.css.js";
20
19
  import SvgAxosX from "../icons/AxosX/index.js";
21
20
  import SvgComponent from "../icons/AxosX/Blue.js";
@@ -82,166 +81,156 @@ const ScheduleCall = ({
82
81
  await onSubmit(data);
83
82
  };
84
83
  const variant = getVariant(fullVariant);
85
- return /* @__PURE__ */ jsx(
86
- "section",
87
- {
88
- id: `id_${id}`,
89
- className: clsx(formContainer({ variant })),
90
- children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
91
- icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
92
- /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
93
- /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
94
- description && /* @__PURE__ */ jsx(
95
- "div",
96
- {
97
- className: clsx(
98
- "text_center",
99
- form,
100
- descriptionField({ variant })
101
- ),
102
- children: description
103
- }
104
- )
105
- ] }),
106
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
107
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
108
- /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
109
- Input,
110
- {
111
- id: "first_name",
112
- ...register("first_name", { required: true }),
113
- label: "First Name",
114
- sizes: "medium",
115
- placeholder: "First Name",
116
- required: true,
117
- error: !!errors.first_name,
118
- helperText: errors.first_name?.message,
119
- variant
84
+ return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
85
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
86
+ /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
87
+ /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
88
+ description && /* @__PURE__ */ jsx(
89
+ "div",
90
+ {
91
+ className: clsx(
92
+ "text_center",
93
+ form,
94
+ descriptionField({ variant })
95
+ ),
96
+ children: description
97
+ }
98
+ )
99
+ ] }),
100
+ /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
101
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
102
+ /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
103
+ Input,
104
+ {
105
+ id: "first_name",
106
+ ...register("first_name", { required: true }),
107
+ label: "First Name",
108
+ sizes: "medium",
109
+ placeholder: "First Name",
110
+ required: true,
111
+ error: !!errors.first_name,
112
+ helperText: errors.first_name?.message,
113
+ variant
114
+ }
115
+ ) }),
116
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
117
+ Input,
118
+ {
119
+ id: "last_name",
120
+ ...register("last_name", { required: true }),
121
+ label: "Last Name",
122
+ sizes: "medium",
123
+ placeholder: "Last Name",
124
+ required: true,
125
+ error: !!errors.last_name,
126
+ helperText: errors.last_name?.message,
127
+ variant
128
+ }
129
+ ) }),
130
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
131
+ Input,
132
+ {
133
+ id: "email",
134
+ ...register("email", {
135
+ required: true,
136
+ validate: {
137
+ isValid: associatedEmail
120
138
  }
121
- ) }),
122
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
123
- Input,
124
- {
125
- id: "last_name",
126
- ...register("last_name", { required: true }),
127
- label: "Last Name",
128
- sizes: "medium",
129
- placeholder: "Last Name",
130
- required: true,
131
- error: !!errors.last_name,
132
- helperText: errors.last_name?.message,
133
- variant
134
- }
135
- ) }),
136
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
137
- Input,
138
- {
139
- id: "email",
140
- ...register("email", {
141
- required: true,
142
- validate: {
143
- isValid: associatedEmail
144
- }
145
- }),
146
- label: "Email",
147
- sizes: "medium",
148
- placeholder: "Email",
149
- required: true,
150
- error: !!errors.email,
151
- helperText: errors.email?.message,
152
- variant
153
- }
154
- ) }),
155
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
156
- InputPhone,
157
- {
158
- id: "phone",
159
- ...register("phone", { required: true, maxLength: 12 }),
160
- label: "Phone",
161
- sizes: "medium",
162
- placeholder: "Phone",
163
- required: true,
164
- error: !!errors.phone,
165
- helperText: errors.phone?.message,
166
- variant
167
- }
168
- ) }),
169
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
170
- Input,
171
- {
172
- id: "Best_Contact_Date__c",
173
- ...register("Best_Contact_Date__c", {
174
- required: true
175
- }),
176
- type: "date",
177
- label: "Best Date to Call",
178
- sizes: "medium",
179
- placeholder: "Best Date to Call",
180
- required: true,
181
- error: !!errors.Best_Contact_Date__c,
182
- helperText: errors.Best_Contact_Date__c?.message,
183
- variant
184
- }
185
- ) }),
186
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
187
- Dropdown,
188
- {
189
- id: "Best_Time_To_Call__c",
190
- ...register("Best_Time_To_Call__c", {
191
- required: true,
192
- maxLength: 12
193
- }),
194
- label: "Best Time to Call",
195
- sizes: "medium",
196
- required: true,
197
- error: !!errors.Best_Time_To_Call__c,
198
- helperText: errors.Best_Time_To_Call__c?.message,
199
- variant,
200
- defaultValue: "Best Time to Call",
201
- children: [
202
- /* @__PURE__ */ jsx("option", { value: "Best Time to Call", disabled: true, children: "Best Time to Call" }),
203
- /* @__PURE__ */ jsx("option", { value: "8:00 am", children: "8:00 am" }),
204
- /* @__PURE__ */ jsx("option", { value: "8:30 am", children: "8:30 am" }),
205
- /* @__PURE__ */ jsx("option", { value: "9:00 am", children: "9:00 am" }),
206
- /* @__PURE__ */ jsx("option", { value: "9:30 am", children: "9:30 am" }),
207
- /* @__PURE__ */ jsx("option", { value: "10:00 am", children: "10:00 am" }),
208
- /* @__PURE__ */ jsx("option", { value: "10:30 am", children: "10:30 am" }),
209
- /* @__PURE__ */ jsx("option", { value: "11:00 am", children: "11:00 am" }),
210
- /* @__PURE__ */ jsx("option", { value: "11:30 am", children: "11:30 am" }),
211
- /* @__PURE__ */ jsx("option", { value: "12:00 pm", children: "12:00 pm" }),
212
- /* @__PURE__ */ jsx("option", { value: "12:30 pm", children: "12:30 pm" }),
213
- /* @__PURE__ */ jsx("option", { value: "1:00 pm", children: "1:00 pm" }),
214
- /* @__PURE__ */ jsx("option", { value: "1:30 pm", children: "1:30 pm" }),
215
- /* @__PURE__ */ jsx("option", { value: "2:00 pm", children: "2:00 pm" }),
216
- /* @__PURE__ */ jsx("option", { value: "2:30 pm", children: "2:30 pm" }),
217
- /* @__PURE__ */ jsx("option", { value: "3:00 pm", children: "3:00 pm" }),
218
- /* @__PURE__ */ jsx("option", { value: "3:30 pm", children: "3:30 pm" }),
219
- /* @__PURE__ */ jsx("option", { value: "4:00 pm", children: "4:00 pm" }),
220
- /* @__PURE__ */ jsx("option", { value: "4:30 pm", children: "4:30 pm" }),
221
- /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
222
- ]
223
- }
224
- ) }),
225
- /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
226
- } })
227
- ] }),
228
- children,
229
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
230
- /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
231
- Button,
232
- {
233
- color: getVariant(callToAction?.variant),
234
- as: "button",
235
- type: "submit",
236
- disabled: !isValid,
237
- children: callToAction?.displayText
238
- }
239
- ) })
240
- ] })
241
- ] }) })
242
- },
243
- id
244
- );
139
+ }),
140
+ label: "Email",
141
+ sizes: "medium",
142
+ placeholder: "Email",
143
+ required: true,
144
+ error: !!errors.email,
145
+ helperText: errors.email?.message,
146
+ variant
147
+ }
148
+ ) }),
149
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
150
+ InputPhone,
151
+ {
152
+ id: "phone",
153
+ ...register("phone", { required: true, maxLength: 12 }),
154
+ label: "Phone",
155
+ sizes: "medium",
156
+ placeholder: "Phone",
157
+ required: true,
158
+ error: !!errors.phone,
159
+ helperText: errors.phone?.message,
160
+ variant
161
+ }
162
+ ) }),
163
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
164
+ Input,
165
+ {
166
+ id: "Best_Contact_Date__c",
167
+ ...register("Best_Contact_Date__c", {
168
+ required: true
169
+ }),
170
+ type: "date",
171
+ label: "Best Date to Call",
172
+ sizes: "medium",
173
+ placeholder: "Best Date to Call",
174
+ required: true,
175
+ error: !!errors.Best_Contact_Date__c,
176
+ helperText: errors.Best_Contact_Date__c?.message,
177
+ variant
178
+ }
179
+ ) }),
180
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
181
+ Dropdown,
182
+ {
183
+ id: "Best_Time_To_Call__c",
184
+ ...register("Best_Time_To_Call__c", {
185
+ required: true,
186
+ maxLength: 12
187
+ }),
188
+ label: "Best Time to Call",
189
+ sizes: "medium",
190
+ required: true,
191
+ error: !!errors.Best_Time_To_Call__c,
192
+ helperText: errors.Best_Time_To_Call__c?.message,
193
+ variant,
194
+ defaultValue: "Best Time to Call",
195
+ children: [
196
+ /* @__PURE__ */ jsx("option", { value: "Best Time to Call", disabled: true, children: "Best Time to Call" }),
197
+ /* @__PURE__ */ jsx("option", { value: "8:00 am", children: "8:00 am" }),
198
+ /* @__PURE__ */ jsx("option", { value: "8:30 am", children: "8:30 am" }),
199
+ /* @__PURE__ */ jsx("option", { value: "9:00 am", children: "9:00 am" }),
200
+ /* @__PURE__ */ jsx("option", { value: "9:30 am", children: "9:30 am" }),
201
+ /* @__PURE__ */ jsx("option", { value: "10:00 am", children: "10:00 am" }),
202
+ /* @__PURE__ */ jsx("option", { value: "10:30 am", children: "10:30 am" }),
203
+ /* @__PURE__ */ jsx("option", { value: "11:00 am", children: "11:00 am" }),
204
+ /* @__PURE__ */ jsx("option", { value: "11:30 am", children: "11:30 am" }),
205
+ /* @__PURE__ */ jsx("option", { value: "12:00 pm", children: "12:00 pm" }),
206
+ /* @__PURE__ */ jsx("option", { value: "12:30 pm", children: "12:30 pm" }),
207
+ /* @__PURE__ */ jsx("option", { value: "1:00 pm", children: "1:00 pm" }),
208
+ /* @__PURE__ */ jsx("option", { value: "1:30 pm", children: "1:30 pm" }),
209
+ /* @__PURE__ */ jsx("option", { value: "2:00 pm", children: "2:00 pm" }),
210
+ /* @__PURE__ */ jsx("option", { value: "2:30 pm", children: "2:30 pm" }),
211
+ /* @__PURE__ */ jsx("option", { value: "3:00 pm", children: "3:00 pm" }),
212
+ /* @__PURE__ */ jsx("option", { value: "3:30 pm", children: "3:30 pm" }),
213
+ /* @__PURE__ */ jsx("option", { value: "4:00 pm", children: "4:00 pm" }),
214
+ /* @__PURE__ */ jsx("option", { value: "4:30 pm", children: "4:30 pm" }),
215
+ /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
216
+ ]
217
+ }
218
+ ) })
219
+ ] }),
220
+ children,
221
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
222
+ /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
223
+ Button,
224
+ {
225
+ color: getVariant(callToAction?.variant),
226
+ as: "button",
227
+ type: "submit",
228
+ disabled: !isValid,
229
+ children: callToAction?.displayText
230
+ }
231
+ ) })
232
+ ] })
233
+ ] }) }) }, id);
245
234
  };
246
235
  export {
247
236
  ScheduleCall