property-practice-ui 0.3.1 → 0.4.1
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.
- package/CHANGELOG.md +12 -0
- package/dist/Button-DSs1nCzw.d.cts +22 -0
- package/dist/Button-DSs1nCzw.d.ts +22 -0
- package/dist/{FileButton-zPIyC3gQ.d.ts → FileButton-C5ihIfp2.d.ts} +1 -1
- package/dist/{FileButton-C_ITD9MA.d.cts → FileButton-zG8s-td_.d.cts} +1 -1
- package/dist/{Textarea-COarrHSa.d.ts → Textarea-BALpKeZd.d.ts} +1 -1
- package/dist/{Textarea-DP0HgLAn.d.cts → Textarea-BSdiNkgw.d.cts} +1 -1
- package/dist/atoms.d.cts +4 -3
- package/dist/atoms.d.ts +4 -3
- package/dist/colors-CSsV0X7j.d.cts +8 -0
- package/dist/colors-CSsV0X7j.d.ts +8 -0
- package/dist/index.cjs +249 -788
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -124
- package/dist/index.d.ts +6 -124
- package/dist/index.js +251 -781
- package/dist/index.js.map +1 -1
- package/dist/molecules.d.cts +5 -3
- package/dist/molecules.d.ts +5 -3
- package/dist/organisms.cjs +2859 -0
- package/dist/organisms.cjs.map +1 -0
- package/dist/organisms.d.cts +127 -0
- package/dist/organisms.d.ts +127 -0
- package/dist/organisms.js +2845 -0
- package/dist/organisms.js.map +1 -0
- package/dist/{toast-CvZfLJrO.d.cts → tableListItem-irbfqxnQ.d.cts} +1 -3
- package/dist/{toast-CvZfLJrO.d.ts → tableListItem-irbfqxnQ.d.ts} +1 -3
- package/dist/toast-JPCqJveR.d.cts +3 -0
- package/dist/toast-JPCqJveR.d.ts +3 -0
- package/dist/types-CkS-Mlp9.d.cts +19 -0
- package/dist/types-CkS-Mlp9.d.ts +19 -0
- package/dist/types.d.cts +2 -1
- package/dist/types.d.ts +2 -1
- package/package.json +5 -5
- package/src/index.ts +0 -1
- package/src/molecules/ContentCard/ContentCard.tsx +1 -1
- package/src/molecules/SideNav/SideNav.tsx +1 -1
- package/src/organisms/FeatureCarousel/FeatureCarousel.tsx +3 -1
- package/src/organisms/Header/Header.tsx +27 -2
- package/tsup.config.ts +1 -0
- package/dist/Button-BT32YGe5.d.cts +0 -46
- package/dist/Button-BT32YGe5.d.ts +0 -46
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { createContext,
|
|
2
|
-
import
|
|
1
|
+
import { createContext, useState, useEffect, useMemo, useRef, Fragment as Fragment$1 } from 'react';
|
|
2
|
+
import styled42, { keyframes } from 'styled-components';
|
|
3
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
|
-
import { HiArrowUpRight,
|
|
5
|
-
import
|
|
4
|
+
import { HiArrowUpRight, HiMinus, HiPlus, HiArrowLeft, HiArrowRight } from 'react-icons/hi2';
|
|
5
|
+
import 'react-icons/fa';
|
|
6
6
|
import Link2 from 'next/link';
|
|
7
7
|
import { tv } from 'tailwind-variants';
|
|
8
8
|
import { TrashIcon, ClockIcon, HomeIcon } from 'property-practice-icons';
|
|
9
|
-
import { Transition, Dialog as Dialog$1, DialogPanel, DialogTitle, Button
|
|
9
|
+
import { Transition, Dialog as Dialog$1, DialogPanel, DialogTitle, Button } from '@headlessui/react';
|
|
10
10
|
import { useAnimation, motion } from 'framer-motion';
|
|
11
|
-
import
|
|
11
|
+
import 'react-icons/fa6';
|
|
12
12
|
import 'react-icons/hi';
|
|
13
13
|
|
|
14
14
|
// src/molecules/Dropdown/Dropdown.tsx
|
|
@@ -58,7 +58,6 @@ var colors = {
|
|
|
58
58
|
var sizes = {
|
|
59
59
|
sm: "12px",
|
|
60
60
|
lg: "18px",
|
|
61
|
-
xl: "24px",
|
|
62
61
|
0: "1px"};
|
|
63
62
|
|
|
64
63
|
// src/tokens/spaces.ts
|
|
@@ -83,12 +82,12 @@ var spaces = {
|
|
|
83
82
|
9: "56px",
|
|
84
83
|
20: "150px"
|
|
85
84
|
};
|
|
86
|
-
var StyledLabel =
|
|
85
|
+
var StyledLabel = styled42.span`
|
|
87
86
|
color: ${(props) => colors.text[props?.color]};
|
|
88
87
|
font-size: ${sizes.sm};
|
|
89
88
|
font-weight: ${(props) => props.fontWeight};
|
|
90
89
|
`;
|
|
91
|
-
var StyledFloatingLabel =
|
|
90
|
+
var StyledFloatingLabel = styled42(StyledLabel)`
|
|
92
91
|
position: absolute;
|
|
93
92
|
left: 0;
|
|
94
93
|
bottom: 100%;
|
|
@@ -113,7 +112,7 @@ var FloatingLabel = ({
|
|
|
113
112
|
return /* @__PURE__ */ jsx(StyledFloatingLabel, { color, fontWeight, children: value });
|
|
114
113
|
};
|
|
115
114
|
var variants = ["brand", "teal", "blue"];
|
|
116
|
-
var StyledContainer =
|
|
115
|
+
var StyledContainer = styled42.button`
|
|
117
116
|
padding: 0.75rem;
|
|
118
117
|
${(props) => props.as === "button" ? `
|
|
119
118
|
width: 2.5rem;
|
|
@@ -143,7 +142,7 @@ var StyledContainer = styled41.button`
|
|
|
143
142
|
transform: rotate(45deg);
|
|
144
143
|
}
|
|
145
144
|
`;
|
|
146
|
-
var StyledIcon =
|
|
145
|
+
var StyledIcon = styled42(HiArrowUpRight)`
|
|
147
146
|
width: 1rem;
|
|
148
147
|
height: 1rem;
|
|
149
148
|
color: ${colors.text.secondary};
|
|
@@ -176,7 +175,7 @@ var radii = {
|
|
|
176
175
|
var spin = keyframes`
|
|
177
176
|
to { transform: rotate(360deg); }
|
|
178
177
|
`;
|
|
179
|
-
|
|
178
|
+
styled42.span`
|
|
180
179
|
display: inline-block;
|
|
181
180
|
width: ${({ size }) => typeof size === "number" ? `${size}px` : size};
|
|
182
181
|
height: ${({ size }) => typeof size === "number" ? `${size}px` : size};
|
|
@@ -194,24 +193,7 @@ var Ring = styled41.span`
|
|
|
194
193
|
border-top-color: ${colors.border.active};
|
|
195
194
|
}
|
|
196
195
|
`;
|
|
197
|
-
|
|
198
|
-
size = 32,
|
|
199
|
-
thickness = 3,
|
|
200
|
-
speed = "0.8s"
|
|
201
|
-
}) => {
|
|
202
|
-
return /* @__PURE__ */ jsx(
|
|
203
|
-
Ring,
|
|
204
|
-
{
|
|
205
|
-
role: "status",
|
|
206
|
-
"aria-live": "polite",
|
|
207
|
-
size,
|
|
208
|
-
thickness,
|
|
209
|
-
speed
|
|
210
|
-
}
|
|
211
|
-
);
|
|
212
|
-
};
|
|
213
|
-
var ButtonTypes = ["submit", "reset", "button"];
|
|
214
|
-
var StyledButton = styled41.button`
|
|
196
|
+
styled42.button`
|
|
215
197
|
padding: ${spaces[2]} ${spaces[4]};
|
|
216
198
|
background-color: ${(props) => props.variant === "light" ? colors.button.primary : colors.button.secondary};
|
|
217
199
|
border-radius: ${radii.lg};
|
|
@@ -238,36 +220,12 @@ var StyledButton = styled41.button`
|
|
|
238
220
|
color: ${colors.text.primary};
|
|
239
221
|
}
|
|
240
222
|
`;
|
|
241
|
-
|
|
223
|
+
styled42.span`
|
|
242
224
|
font-size: 12px;
|
|
243
225
|
font-weight: 700;
|
|
244
226
|
`;
|
|
245
|
-
var Button = ({
|
|
246
|
-
onClick,
|
|
247
|
-
text,
|
|
248
|
-
type = "button",
|
|
249
|
-
disabled,
|
|
250
|
-
icon = void 0,
|
|
251
|
-
variant = "light",
|
|
252
|
-
isLoading
|
|
253
|
-
}) => {
|
|
254
|
-
return /* @__PURE__ */ jsx(
|
|
255
|
-
StyledButton,
|
|
256
|
-
{
|
|
257
|
-
type,
|
|
258
|
-
onClick,
|
|
259
|
-
disabled: disabled || isLoading,
|
|
260
|
-
variant,
|
|
261
|
-
children: !isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
262
|
-
typeof icon !== "undefined" && icon,
|
|
263
|
-
/* @__PURE__ */ jsx(ButtonText, { children: text })
|
|
264
|
-
] }) : /* @__PURE__ */ jsx(Loader, { size: "20px" })
|
|
265
|
-
}
|
|
266
|
-
);
|
|
267
|
-
};
|
|
268
|
-
Button.types = ButtonTypes;
|
|
269
227
|
var variants2 = ["primary", "secondary", "subtle", "error"];
|
|
270
|
-
var StyledDescription =
|
|
228
|
+
var StyledDescription = styled42.p`
|
|
271
229
|
margin: 0;
|
|
272
230
|
font-size: 1rem;
|
|
273
231
|
line-height: 1.6;
|
|
@@ -293,7 +251,7 @@ var Description = ({
|
|
|
293
251
|
return /* @__PURE__ */ jsx(StyledDescription, { variant, children });
|
|
294
252
|
};
|
|
295
253
|
Description.variants = variants2;
|
|
296
|
-
var StyledButton2 =
|
|
254
|
+
var StyledButton2 = styled42.button`
|
|
297
255
|
display: flex;
|
|
298
256
|
align-items: center;
|
|
299
257
|
height: 2.5rem;
|
|
@@ -319,12 +277,12 @@ var ExtendedButton = ({
|
|
|
319
277
|
/* @__PURE__ */ jsx(TextButton, { asChild: true, text, bgVariant: textBgVariant, textVariant, uppercase: false })
|
|
320
278
|
] });
|
|
321
279
|
};
|
|
322
|
-
var Container =
|
|
280
|
+
var Container = styled42.div`
|
|
323
281
|
display: flex;
|
|
324
282
|
gap: 1rem;
|
|
325
283
|
background-color: transparent;
|
|
326
284
|
`;
|
|
327
|
-
var ThumbnailWrapper =
|
|
285
|
+
var ThumbnailWrapper = styled42.div`
|
|
328
286
|
width: ${(props) => props.$size || "3rem"};
|
|
329
287
|
height: ${(props) => props.$size || "3rem"};
|
|
330
288
|
border-radius: 50%;
|
|
@@ -334,18 +292,18 @@ var ThumbnailWrapper = styled41.div`
|
|
|
334
292
|
justify-content: center;
|
|
335
293
|
flex-shrink: 0;
|
|
336
294
|
`;
|
|
337
|
-
var Content =
|
|
295
|
+
var Content = styled42.div`
|
|
338
296
|
display: flex;
|
|
339
297
|
flex-direction: column;
|
|
340
298
|
gap: 0.25rem;
|
|
341
299
|
`;
|
|
342
|
-
var Title =
|
|
300
|
+
var Title = styled42.h3`
|
|
343
301
|
margin: 0;
|
|
344
302
|
font-size: 1rem;
|
|
345
303
|
font-weight: 600;
|
|
346
304
|
color: ${(props) => colors.text[props.titleColor]};
|
|
347
305
|
`;
|
|
348
|
-
var Description2 =
|
|
306
|
+
var Description2 = styled42.p`
|
|
349
307
|
margin: 0;
|
|
350
308
|
font-size: 0.875rem;
|
|
351
309
|
line-height: 1.5;
|
|
@@ -387,12 +345,12 @@ var FeatureItem = ({
|
|
|
387
345
|
var breakpoints = {
|
|
388
346
|
sm: "640px",
|
|
389
347
|
lg: "1024px"};
|
|
390
|
-
|
|
348
|
+
styled42.div`
|
|
391
349
|
width: 100%;
|
|
392
350
|
display: flex;
|
|
393
351
|
justify-content: center;
|
|
394
352
|
`;
|
|
395
|
-
|
|
353
|
+
styled42.div`
|
|
396
354
|
display: flex;
|
|
397
355
|
flex-direction: column;
|
|
398
356
|
padding: ${spaces[4]};
|
|
@@ -420,7 +378,7 @@ var variants3 = {
|
|
|
420
378
|
letterSpacing: "0.2px"
|
|
421
379
|
}
|
|
422
380
|
};
|
|
423
|
-
var StyledText =
|
|
381
|
+
var StyledText = styled42.h1`
|
|
424
382
|
color: ${(props) => colors.text[props?.color]};
|
|
425
383
|
font-size: ${(props) => variants3[props.variant].fontSize};
|
|
426
384
|
font-weight: ${(props) => variants3[props.variant].fontWeight};
|
|
@@ -434,7 +392,7 @@ var Header = ({
|
|
|
434
392
|
}) => {
|
|
435
393
|
return /* @__PURE__ */ jsx(StyledText, { variant, color, children });
|
|
436
394
|
};
|
|
437
|
-
|
|
395
|
+
styled42.input`
|
|
438
396
|
display: block;
|
|
439
397
|
height: 100%;
|
|
440
398
|
width: 100%;
|
|
@@ -444,7 +402,7 @@ styled41.input`
|
|
|
444
402
|
font-weight: 600;
|
|
445
403
|
`;
|
|
446
404
|
var variants4 = ["primary", "secondary", "subtle", "error"];
|
|
447
|
-
var StyledPill =
|
|
405
|
+
var StyledPill = styled42.span`
|
|
448
406
|
display: inline-block;
|
|
449
407
|
padding: 0.5rem 1rem;
|
|
450
408
|
border-radius: 9999px;
|
|
@@ -506,7 +464,7 @@ var Pill = ({
|
|
|
506
464
|
return /* @__PURE__ */ jsx(StyledPill, { variant, $inverse: inverse, children });
|
|
507
465
|
};
|
|
508
466
|
Pill.variants = variants4;
|
|
509
|
-
|
|
467
|
+
styled42.div`
|
|
510
468
|
border-radius: ${radii.md};
|
|
511
469
|
padding: ${spaces["3"]};
|
|
512
470
|
display: flex;
|
|
@@ -532,15 +490,15 @@ styled41.div`
|
|
|
532
490
|
background-color: rgba(255, 255, 255, 0.92);
|
|
533
491
|
}
|
|
534
492
|
`;
|
|
535
|
-
|
|
493
|
+
styled42.span`
|
|
536
494
|
font-size: 16px;
|
|
537
495
|
font-weight: ${(props) => props.isSelected ? "800" : "400"};
|
|
538
496
|
text-align: center;
|
|
539
497
|
`;
|
|
540
|
-
var Container4 =
|
|
498
|
+
var Container4 = styled42.div`
|
|
541
499
|
width: 100%;
|
|
542
500
|
`;
|
|
543
|
-
var Label3 =
|
|
501
|
+
var Label3 = styled42.label`
|
|
544
502
|
display: block;
|
|
545
503
|
font-size: 13px;
|
|
546
504
|
font-weight: 600;
|
|
@@ -548,7 +506,7 @@ var Label3 = styled41.label`
|
|
|
548
506
|
opacity: 0.8;
|
|
549
507
|
margin-bottom: 0.5rem;
|
|
550
508
|
`;
|
|
551
|
-
var StyledInput2 =
|
|
509
|
+
var StyledInput2 = styled42.input`
|
|
552
510
|
box-sizing: border-box;
|
|
553
511
|
height: 2.75rem;
|
|
554
512
|
width: 100%;
|
|
@@ -571,7 +529,7 @@ var StyledInput2 = styled41.input`
|
|
|
571
529
|
}};
|
|
572
530
|
}
|
|
573
531
|
`;
|
|
574
|
-
var StyledTextArea =
|
|
532
|
+
var StyledTextArea = styled42.textarea`
|
|
575
533
|
box-sizing: border-box;
|
|
576
534
|
width: 100%;
|
|
577
535
|
border-radius: 6px;
|
|
@@ -630,8 +588,7 @@ var SecondaryInput = ({
|
|
|
630
588
|
)
|
|
631
589
|
] });
|
|
632
590
|
};
|
|
633
|
-
|
|
634
|
-
var StyledButton3 = styled41.button`
|
|
591
|
+
styled42.button`
|
|
635
592
|
width: 2.5rem;
|
|
636
593
|
height: 2.5rem;
|
|
637
594
|
display: flex;
|
|
@@ -689,25 +646,8 @@ var StyledButton3 = styled41.button`
|
|
|
689
646
|
height: 1.25rem;
|
|
690
647
|
}
|
|
691
648
|
`;
|
|
692
|
-
var SocialButton = ({
|
|
693
|
-
icon,
|
|
694
|
-
onClick,
|
|
695
|
-
variant = "primary",
|
|
696
|
-
ariaLabel
|
|
697
|
-
}) => {
|
|
698
|
-
return /* @__PURE__ */ jsx(
|
|
699
|
-
StyledButton3,
|
|
700
|
-
{
|
|
701
|
-
onClick,
|
|
702
|
-
variant,
|
|
703
|
-
"aria-label": ariaLabel,
|
|
704
|
-
children: icon
|
|
705
|
-
}
|
|
706
|
-
);
|
|
707
|
-
};
|
|
708
|
-
SocialButton.variants = variants5;
|
|
709
649
|
var variants6 = ["primary", "secondary", "subtle"];
|
|
710
|
-
var CheckboxContainer =
|
|
650
|
+
var CheckboxContainer = styled42.label`
|
|
711
651
|
display: flex;
|
|
712
652
|
align-items: flex-start;
|
|
713
653
|
gap: 0.75rem;
|
|
@@ -715,12 +655,12 @@ var CheckboxContainer = styled41.label`
|
|
|
715
655
|
font-size: 0.875rem;
|
|
716
656
|
line-height: 1.5;
|
|
717
657
|
`;
|
|
718
|
-
var HiddenCheckbox =
|
|
658
|
+
var HiddenCheckbox = styled42.input.attrs({ type: "checkbox" })`
|
|
719
659
|
position: absolute;
|
|
720
660
|
opacity: 0;
|
|
721
661
|
cursor: pointer;
|
|
722
662
|
`;
|
|
723
|
-
var StyledCheckbox =
|
|
663
|
+
var StyledCheckbox = styled42.div`
|
|
724
664
|
width: 1.25rem;
|
|
725
665
|
height: 1.25rem;
|
|
726
666
|
border: 2px solid ${(props) => {
|
|
@@ -768,7 +708,7 @@ var StyledCheckbox = styled41.div`
|
|
|
768
708
|
display: ${(props) => props.$checked ? "block" : "none"};
|
|
769
709
|
}
|
|
770
710
|
`;
|
|
771
|
-
var Text =
|
|
711
|
+
var Text = styled42.span`
|
|
772
712
|
color: ${(props) => {
|
|
773
713
|
switch (props.variant) {
|
|
774
714
|
case "primary":
|
|
@@ -782,7 +722,7 @@ var Text = styled41.span`
|
|
|
782
722
|
}
|
|
783
723
|
}};
|
|
784
724
|
`;
|
|
785
|
-
var Link =
|
|
725
|
+
var Link = styled42.a`
|
|
786
726
|
color: ${(props) => {
|
|
787
727
|
switch (props.variant) {
|
|
788
728
|
case "primary":
|
|
@@ -834,7 +774,6 @@ var TermsCheckbox = ({
|
|
|
834
774
|
] });
|
|
835
775
|
};
|
|
836
776
|
TermsCheckbox.variants = variants6;
|
|
837
|
-
var sizes2 = ["sm", "md", "lg"];
|
|
838
777
|
var variants7 = {
|
|
839
778
|
sm: {
|
|
840
779
|
fontSize: "14px",
|
|
@@ -849,20 +788,12 @@ var variants7 = {
|
|
|
849
788
|
fontWeight: 500
|
|
850
789
|
}
|
|
851
790
|
};
|
|
852
|
-
|
|
791
|
+
styled42.h1`
|
|
853
792
|
color: ${(props) => colors.text[props?.color]};
|
|
854
793
|
font-size: ${(props) => variants7[props.variant].fontSize};
|
|
855
794
|
font-weight: ${(props) => variants7[props.variant].fontWeight};
|
|
856
795
|
`;
|
|
857
|
-
|
|
858
|
-
children,
|
|
859
|
-
color = "primary",
|
|
860
|
-
variant = "md"
|
|
861
|
-
}) => {
|
|
862
|
-
return /* @__PURE__ */ jsx(StyledText2, { color, variant, children });
|
|
863
|
-
};
|
|
864
|
-
Text2.variants = sizes2;
|
|
865
|
-
styled41.textarea`
|
|
796
|
+
styled42.textarea`
|
|
866
797
|
display: block;
|
|
867
798
|
width: 100%;
|
|
868
799
|
height: 100%;
|
|
@@ -874,7 +805,7 @@ styled41.textarea`
|
|
|
874
805
|
`;
|
|
875
806
|
var bgVariants = ["primary", "secondary", "tertiary", "subtle", "blue", "brand", "light", "transparent"];
|
|
876
807
|
var textVariants = ["brand", "primary", "secondary", "tertiary", "subtle", "light", "error", "blue"];
|
|
877
|
-
var StyledContainer2 =
|
|
808
|
+
var StyledContainer2 = styled42.button`
|
|
878
809
|
padding: 0 1rem;
|
|
879
810
|
height: 2.5rem;
|
|
880
811
|
display: flex;
|
|
@@ -893,7 +824,7 @@ var StyledContainer2 = styled41.button`
|
|
|
893
824
|
opacity: 0.9;
|
|
894
825
|
}
|
|
895
826
|
`;
|
|
896
|
-
var StyledText3 =
|
|
827
|
+
var StyledText3 = styled42.span`
|
|
897
828
|
color: ${(props) => colors.text[props.textVariant]};
|
|
898
829
|
font-size: 0.75rem;
|
|
899
830
|
letter-spacing: 0.05em;
|
|
@@ -921,7 +852,7 @@ var TextButton = ({
|
|
|
921
852
|
};
|
|
922
853
|
TextButton.bgVariants = bgVariants;
|
|
923
854
|
TextButton.textVariants = textVariants;
|
|
924
|
-
|
|
855
|
+
styled42.div`
|
|
925
856
|
display: inline-flex;
|
|
926
857
|
background-color: ${(props) => {
|
|
927
858
|
switch (props.variant) {
|
|
@@ -939,7 +870,7 @@ styled41.div`
|
|
|
939
870
|
padding: 0.25rem;
|
|
940
871
|
gap: 0.25rem;
|
|
941
872
|
`;
|
|
942
|
-
|
|
873
|
+
styled42.button`
|
|
943
874
|
padding: 0.5rem 1.5rem;
|
|
944
875
|
border-radius: 9999px;
|
|
945
876
|
border: none;
|
|
@@ -984,10 +915,10 @@ styled41.button`
|
|
|
984
915
|
opacity: ${(props) => props.$isActive ? 1 : 0.7};
|
|
985
916
|
}
|
|
986
917
|
`;
|
|
987
|
-
var Container5 =
|
|
918
|
+
var Container5 = styled42.div`
|
|
988
919
|
width: 100%;
|
|
989
920
|
`;
|
|
990
|
-
var InnerContainer2 =
|
|
921
|
+
var InnerContainer2 = styled42.div`
|
|
991
922
|
position: relative;
|
|
992
923
|
width: 100%;
|
|
993
924
|
min-height: 58px;
|
|
@@ -1020,7 +951,7 @@ var InputContainer = ({
|
|
|
1020
951
|
typeof error === "string" && /* @__PURE__ */ jsx(Label, { value: error, color: "error" })
|
|
1021
952
|
] });
|
|
1022
953
|
};
|
|
1023
|
-
var Select =
|
|
954
|
+
var Select = styled42.select`
|
|
1024
955
|
width: 100%;
|
|
1025
956
|
color: ${colors.text.subtle};
|
|
1026
957
|
background: transparent;
|
|
@@ -1042,7 +973,7 @@ var Select = styled41.select`
|
|
|
1042
973
|
color: ${colors.text.subtle};
|
|
1043
974
|
}
|
|
1044
975
|
`;
|
|
1045
|
-
var OptionItem =
|
|
976
|
+
var OptionItem = styled42.option`
|
|
1046
977
|
color: ${(props) => props.disabled ? colors.text.light : colors.text.subtle};
|
|
1047
978
|
`;
|
|
1048
979
|
var Dropdown = ({
|
|
@@ -1326,7 +1257,7 @@ var Dialog = ({
|
|
|
1326
1257
|
className: `${secondaryHandler && secondaryText ? "flex justify-center mt-4 gap-4" : "mt-4"}`,
|
|
1327
1258
|
children: [
|
|
1328
1259
|
buttonHandler && /* @__PURE__ */ jsx(
|
|
1329
|
-
Button
|
|
1260
|
+
Button,
|
|
1330
1261
|
{
|
|
1331
1262
|
className: "inline-flex items-center gap-2 rounded-md bg-gray-700 px-3 py-1.5 text-sm/6 font-semibold text-white shadow-inner shadow-white/10 focus:not-data-focus:outline-none data-focus:outline data-focus:outline-white data-hover:bg-gray-600 data-open:bg-gray-700",
|
|
1332
1263
|
onClick: buttonHandler,
|
|
@@ -1334,7 +1265,7 @@ var Dialog = ({
|
|
|
1334
1265
|
}
|
|
1335
1266
|
),
|
|
1336
1267
|
secondaryHandler && secondaryText && /* @__PURE__ */ jsx(
|
|
1337
|
-
Button
|
|
1268
|
+
Button,
|
|
1338
1269
|
{
|
|
1339
1270
|
className: "bg-gray-200 text-gray-800 px-4 py-2 w-24 rounded hover:bg-gray-300",
|
|
1340
1271
|
onClick: secondaryHandler,
|
|
@@ -1996,7 +1927,73 @@ function TopMenu({ logoUrl, children }) {
|
|
|
1996
1927
|
/* @__PURE__ */ jsx("div", { className: "space-x-4 text-sm font-medium ", children })
|
|
1997
1928
|
] }) });
|
|
1998
1929
|
}
|
|
1999
|
-
var
|
|
1930
|
+
var AboutUsContainer = styled42.section`
|
|
1931
|
+
display: grid;
|
|
1932
|
+
grid-template-columns: 35% 65%;
|
|
1933
|
+
gap: 3rem;
|
|
1934
|
+
padding: 4rem 2rem;
|
|
1935
|
+
margin: 0 auto;
|
|
1936
|
+
align-items: start;
|
|
1937
|
+
background-color: ${colors.background?.secondary};
|
|
1938
|
+
|
|
1939
|
+
@media (max-width: 768px) {
|
|
1940
|
+
grid-template-columns: 1fr;
|
|
1941
|
+
}
|
|
1942
|
+
`;
|
|
1943
|
+
var ImageWrapper = styled42.div`
|
|
1944
|
+
width: 100%;
|
|
1945
|
+
aspect-ratio: 3 / 4;
|
|
1946
|
+
border-radius: 8px;
|
|
1947
|
+
overflow: hidden;
|
|
1948
|
+
|
|
1949
|
+
img {
|
|
1950
|
+
width: 100%;
|
|
1951
|
+
height: 100%;
|
|
1952
|
+
display: block;
|
|
1953
|
+
object-fit: cover;
|
|
1954
|
+
}
|
|
1955
|
+
`;
|
|
1956
|
+
var ContentWrapper = styled42.div`
|
|
1957
|
+
display: flex;
|
|
1958
|
+
flex-direction: column;
|
|
1959
|
+
gap: 1.5rem;
|
|
1960
|
+
align-items: flex-start;
|
|
1961
|
+
padding: 1rem 4rem 1rem 1rem;
|
|
1962
|
+
`;
|
|
1963
|
+
var AboutUs = ({
|
|
1964
|
+
image,
|
|
1965
|
+
pillText,
|
|
1966
|
+
headerText,
|
|
1967
|
+
description,
|
|
1968
|
+
buttonText,
|
|
1969
|
+
onButtonClick,
|
|
1970
|
+
pillVariant = "primary",
|
|
1971
|
+
headerColor = "brand",
|
|
1972
|
+
descriptionVariant = "primary",
|
|
1973
|
+
buttonArrowVariant = "blue",
|
|
1974
|
+
buttonTextBgVariant = "transparent",
|
|
1975
|
+
buttonTextVariant = "brand"
|
|
1976
|
+
}) => {
|
|
1977
|
+
return /* @__PURE__ */ jsxs(AboutUsContainer, { children: [
|
|
1978
|
+
/* @__PURE__ */ jsx(ImageWrapper, { children: /* @__PURE__ */ jsx("img", { src: image, alt: "About Us" }) }),
|
|
1979
|
+
/* @__PURE__ */ jsxs(ContentWrapper, { children: [
|
|
1980
|
+
/* @__PURE__ */ jsx(Pill, { variant: pillVariant, inverse: true, children: pillText }),
|
|
1981
|
+
/* @__PURE__ */ jsx(Header, { variant: "h1", color: headerColor, children: headerText }),
|
|
1982
|
+
/* @__PURE__ */ jsx(Description, { variant: descriptionVariant, children: description }),
|
|
1983
|
+
/* @__PURE__ */ jsx(
|
|
1984
|
+
ExtendedButton,
|
|
1985
|
+
{
|
|
1986
|
+
text: buttonText,
|
|
1987
|
+
onClick: onButtonClick,
|
|
1988
|
+
arrowVariant: buttonArrowVariant,
|
|
1989
|
+
textBgVariant: buttonTextBgVariant,
|
|
1990
|
+
textVariant: buttonTextVariant
|
|
1991
|
+
}
|
|
1992
|
+
)
|
|
1993
|
+
] })
|
|
1994
|
+
] });
|
|
1995
|
+
};
|
|
1996
|
+
var Container6 = styled42.div`
|
|
2000
1997
|
display: flex;
|
|
2001
1998
|
flex-direction: column;
|
|
2002
1999
|
gap: ${spaces[4]};
|
|
@@ -2006,7 +2003,7 @@ var Container6 = styled41.div`
|
|
|
2006
2003
|
gap: ${spaces[2]};
|
|
2007
2004
|
}
|
|
2008
2005
|
`;
|
|
2009
|
-
var NameContainer =
|
|
2006
|
+
var NameContainer = styled42.div`
|
|
2010
2007
|
display: flex;
|
|
2011
2008
|
gap: ${spaces[4]};
|
|
2012
2009
|
flex: 1;
|
|
@@ -2059,20 +2056,17 @@ var ContactForm = ({}) => {
|
|
|
2059
2056
|
)
|
|
2060
2057
|
] });
|
|
2061
2058
|
};
|
|
2062
|
-
|
|
2059
|
+
styled42.div`
|
|
2063
2060
|
width: 100%;
|
|
2064
2061
|
padding: ${spaces[4]};
|
|
2065
2062
|
`;
|
|
2066
|
-
|
|
2067
|
-
return /* @__PURE__ */ jsx(Container7, { children });
|
|
2068
|
-
};
|
|
2069
|
-
var Container8 = styled41.div`
|
|
2063
|
+
styled42.div`
|
|
2070
2064
|
display: flex;
|
|
2071
2065
|
align-items: center;
|
|
2072
2066
|
justify-content: space-between;
|
|
2073
2067
|
width: 100%;
|
|
2074
2068
|
`;
|
|
2075
|
-
|
|
2069
|
+
styled42.div`
|
|
2076
2070
|
display: flex;
|
|
2077
2071
|
align-items: center;
|
|
2078
2072
|
gap: ${spaces[2]};
|
|
@@ -2081,59 +2075,12 @@ var HeaderContainer = styled41.div`
|
|
|
2081
2075
|
cursor: pointer;
|
|
2082
2076
|
}
|
|
2083
2077
|
`;
|
|
2084
|
-
|
|
2085
|
-
title,
|
|
2086
|
-
isOpen,
|
|
2087
|
-
buttonText,
|
|
2088
|
-
onAccordionPress,
|
|
2089
|
-
onButtonPress,
|
|
2090
|
-
rightElement
|
|
2091
|
-
}) => {
|
|
2092
|
-
return /* @__PURE__ */ jsxs(Container8, { children: [
|
|
2093
|
-
/* @__PURE__ */ jsxs(HeaderContainer, { onClick: onAccordionPress, children: [
|
|
2094
|
-
/* @__PURE__ */ jsx(Fragment, { children: isOpen ? /* @__PURE__ */ jsx(FaMinus, { color: colors.text.primary, size: sizes.lg }) : /* @__PURE__ */ jsx(FaPlus$1, { color: colors.text.primary, size: sizes.lg }) }),
|
|
2095
|
-
/* @__PURE__ */ jsx(Header, { variant: "h2", children: title })
|
|
2096
|
-
] }),
|
|
2097
|
-
rightElement ? rightElement : /* @__PURE__ */ jsx(
|
|
2098
|
-
Button,
|
|
2099
|
-
{
|
|
2100
|
-
text: buttonText,
|
|
2101
|
-
icon: /* @__PURE__ */ jsx(FaPlus, { fontSize: "10px" }),
|
|
2102
|
-
onClick: onButtonPress
|
|
2103
|
-
}
|
|
2104
|
-
)
|
|
2105
|
-
] });
|
|
2106
|
-
};
|
|
2107
|
-
var Container9 = styled41.div`
|
|
2078
|
+
styled42.div`
|
|
2108
2079
|
border-radius: ${radii.lg};
|
|
2109
2080
|
background-color: ${colors.background.secondary};
|
|
2110
2081
|
padding: ${spaces[4]};
|
|
2111
2082
|
`;
|
|
2112
|
-
|
|
2113
|
-
buttonText,
|
|
2114
|
-
onButtonPress,
|
|
2115
|
-
title,
|
|
2116
|
-
children,
|
|
2117
|
-
rightElement
|
|
2118
|
-
}) => {
|
|
2119
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
2120
|
-
return /* @__PURE__ */ jsxs(Container9, { children: [
|
|
2121
|
-
/* @__PURE__ */ jsx(
|
|
2122
|
-
AccordionHeader,
|
|
2123
|
-
{
|
|
2124
|
-
isOpen,
|
|
2125
|
-
buttonText,
|
|
2126
|
-
onButtonPress,
|
|
2127
|
-
onAccordionPress: () => setIsOpen((previousState) => !previousState),
|
|
2128
|
-
title,
|
|
2129
|
-
rightElement
|
|
2130
|
-
}
|
|
2131
|
-
),
|
|
2132
|
-
isOpen && /* @__PURE__ */ jsx(AccordionContent, { children })
|
|
2133
|
-
] });
|
|
2134
|
-
};
|
|
2135
|
-
var variants9 = ["primary", "inverse", "subtle"];
|
|
2136
|
-
var AddressContainer = styled41.div`
|
|
2083
|
+
styled42.div`
|
|
2137
2084
|
display: flex;
|
|
2138
2085
|
flex-direction: column;
|
|
2139
2086
|
background-color: transparent;
|
|
@@ -2150,7 +2097,7 @@ var AddressContainer = styled41.div`
|
|
|
2150
2097
|
gap: 0;
|
|
2151
2098
|
}
|
|
2152
2099
|
`;
|
|
2153
|
-
|
|
2100
|
+
styled42.div`
|
|
2154
2101
|
display: flex;
|
|
2155
2102
|
justify-content: space-between;
|
|
2156
2103
|
align-items: center;
|
|
@@ -2167,7 +2114,7 @@ var HeaderWrapper = styled41.div`
|
|
|
2167
2114
|
user-select: none;
|
|
2168
2115
|
}
|
|
2169
2116
|
`;
|
|
2170
|
-
|
|
2117
|
+
styled42.div`
|
|
2171
2118
|
display: none;
|
|
2172
2119
|
|
|
2173
2120
|
/* Only show on mobile */
|
|
@@ -2190,7 +2137,7 @@ var ToggleIcon = styled41.div`
|
|
|
2190
2137
|
}};
|
|
2191
2138
|
}
|
|
2192
2139
|
`;
|
|
2193
|
-
|
|
2140
|
+
styled42.div`
|
|
2194
2141
|
display: flex;
|
|
2195
2142
|
flex-direction: column;
|
|
2196
2143
|
gap: 1rem;
|
|
@@ -2209,12 +2156,12 @@ var CollapseContent = styled41.div`
|
|
|
2209
2156
|
padding-top: ${(props) => props.$isOpen ? "1rem" : "0"};
|
|
2210
2157
|
}
|
|
2211
2158
|
`;
|
|
2212
|
-
|
|
2159
|
+
styled42.div`
|
|
2213
2160
|
display: flex;
|
|
2214
2161
|
flex-direction: column;
|
|
2215
2162
|
gap: 0.5rem;
|
|
2216
2163
|
`;
|
|
2217
|
-
|
|
2164
|
+
styled42.p`
|
|
2218
2165
|
margin: 0;
|
|
2219
2166
|
font-size: 0.875rem;
|
|
2220
2167
|
line-height: 1.6;
|
|
@@ -2232,89 +2179,10 @@ var InfoText = styled41.p`
|
|
|
2232
2179
|
}};
|
|
2233
2180
|
font-weight: ${(props) => props.$bold ? 600 : 400};
|
|
2234
2181
|
`;
|
|
2235
|
-
|
|
2182
|
+
styled42.div`
|
|
2236
2183
|
margin-top: 0.5rem;
|
|
2237
2184
|
`;
|
|
2238
|
-
|
|
2239
|
-
title,
|
|
2240
|
-
phone,
|
|
2241
|
-
email,
|
|
2242
|
-
addressLines,
|
|
2243
|
-
directionsText = "GET DIRECTIONS",
|
|
2244
|
-
onDirectionsClick,
|
|
2245
|
-
variant = "primary"
|
|
2246
|
-
}) => {
|
|
2247
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
2248
|
-
const handleDirectionsClick = () => {
|
|
2249
|
-
if (onDirectionsClick) {
|
|
2250
|
-
onDirectionsClick();
|
|
2251
|
-
} else {
|
|
2252
|
-
const fullAddress = addressLines.join(", ");
|
|
2253
|
-
const encodedAddress = encodeURIComponent(fullAddress);
|
|
2254
|
-
const mapsUrl = `https://www.google.com/maps/search/?api=1&query=${encodedAddress}`;
|
|
2255
|
-
window.open(mapsUrl, "_blank");
|
|
2256
|
-
}
|
|
2257
|
-
};
|
|
2258
|
-
const getHeaderVariant = () => {
|
|
2259
|
-
switch (variant) {
|
|
2260
|
-
case "primary":
|
|
2261
|
-
return "primary";
|
|
2262
|
-
case "inverse":
|
|
2263
|
-
return "secondary";
|
|
2264
|
-
case "subtle":
|
|
2265
|
-
return "subtle";
|
|
2266
|
-
default:
|
|
2267
|
-
return "primary";
|
|
2268
|
-
}
|
|
2269
|
-
};
|
|
2270
|
-
const getButtonBgVariant = () => {
|
|
2271
|
-
return "transparent";
|
|
2272
|
-
};
|
|
2273
|
-
const getButtonTextVariant = () => {
|
|
2274
|
-
switch (variant) {
|
|
2275
|
-
case "primary":
|
|
2276
|
-
return "primary";
|
|
2277
|
-
case "inverse":
|
|
2278
|
-
return "secondary";
|
|
2279
|
-
case "subtle":
|
|
2280
|
-
return "subtle";
|
|
2281
|
-
default:
|
|
2282
|
-
return "primary";
|
|
2283
|
-
}
|
|
2284
|
-
};
|
|
2285
|
-
return /* @__PURE__ */ jsxs(AddressContainer, { children: [
|
|
2286
|
-
/* @__PURE__ */ jsxs(
|
|
2287
|
-
HeaderWrapper,
|
|
2288
|
-
{
|
|
2289
|
-
$isClickable: true,
|
|
2290
|
-
onClick: () => setIsOpen(!isOpen),
|
|
2291
|
-
children: [
|
|
2292
|
-
/* @__PURE__ */ jsx(Header, { variant: "h1", color: getHeaderVariant(), children: title }),
|
|
2293
|
-
/* @__PURE__ */ jsx(ToggleIcon, { variant, children: isOpen ? /* @__PURE__ */ jsx(HiMinus, {}) : /* @__PURE__ */ jsx(HiPlus, {}) })
|
|
2294
|
-
]
|
|
2295
|
-
}
|
|
2296
|
-
),
|
|
2297
|
-
/* @__PURE__ */ jsxs(CollapseContent, { $isOpen: isOpen, children: [
|
|
2298
|
-
/* @__PURE__ */ jsxs(InfoSection, { children: [
|
|
2299
|
-
phone && /* @__PURE__ */ jsx(InfoText, { variant, children: phone }),
|
|
2300
|
-
email && /* @__PURE__ */ jsx(InfoText, { variant, $bold: true, children: email.toUpperCase() }),
|
|
2301
|
-
addressLines.map((line, index) => /* @__PURE__ */ jsx(InfoText, { variant, children: line }, index))
|
|
2302
|
-
] }),
|
|
2303
|
-
/* @__PURE__ */ jsx(ButtonWrapper, { children: /* @__PURE__ */ jsx(
|
|
2304
|
-
TextButton,
|
|
2305
|
-
{
|
|
2306
|
-
text: directionsText,
|
|
2307
|
-
onClick: handleDirectionsClick,
|
|
2308
|
-
bgVariant: getButtonBgVariant(),
|
|
2309
|
-
textVariant: getButtonTextVariant(),
|
|
2310
|
-
uppercase: true
|
|
2311
|
-
}
|
|
2312
|
-
) })
|
|
2313
|
-
] })
|
|
2314
|
-
] });
|
|
2315
|
-
};
|
|
2316
|
-
Address.variants = variants9;
|
|
2317
|
-
styled41.label`
|
|
2185
|
+
styled42.label`
|
|
2318
2186
|
display: flex;
|
|
2319
2187
|
align-items: center;
|
|
2320
2188
|
gap: ${spaces[2]};
|
|
@@ -2322,10 +2190,10 @@ styled41.label`
|
|
|
2322
2190
|
font-size: 16px;
|
|
2323
2191
|
color: ${colors.text.subtle};
|
|
2324
2192
|
`;
|
|
2325
|
-
|
|
2193
|
+
styled42.input.attrs({ type: "checkbox" })`
|
|
2326
2194
|
display: none;
|
|
2327
2195
|
`;
|
|
2328
|
-
|
|
2196
|
+
styled42.span`
|
|
2329
2197
|
width: ${sizes.lg};
|
|
2330
2198
|
height: ${sizes.lg};
|
|
2331
2199
|
border: 1.5px solid ${colors.background.tertiary};
|
|
@@ -2333,15 +2201,15 @@ styled41.span`
|
|
|
2333
2201
|
background-color: ${({ checked }) => checked ? colors.background.tertiary : "transparent"};
|
|
2334
2202
|
transition: all 0.2s ease-in-out;
|
|
2335
2203
|
`;
|
|
2336
|
-
|
|
2204
|
+
styled42.div`
|
|
2337
2205
|
display: flex;
|
|
2338
2206
|
flex-direction: column;
|
|
2339
2207
|
`;
|
|
2340
|
-
|
|
2208
|
+
styled42.div`
|
|
2341
2209
|
display: flex;
|
|
2342
2210
|
gap: ${spaces[4]};
|
|
2343
2211
|
`;
|
|
2344
|
-
var Container11 =
|
|
2212
|
+
var Container11 = styled42.div`
|
|
2345
2213
|
display: flex;
|
|
2346
2214
|
flex-direction: column;
|
|
2347
2215
|
gap: 1rem;
|
|
@@ -2357,7 +2225,7 @@ var Container11 = styled41.div`
|
|
|
2357
2225
|
width: 70vw;
|
|
2358
2226
|
}
|
|
2359
2227
|
`;
|
|
2360
|
-
var ThumbnailWrapper2 =
|
|
2228
|
+
var ThumbnailWrapper2 = styled42.div`
|
|
2361
2229
|
width: 180px;
|
|
2362
2230
|
height: 180px;
|
|
2363
2231
|
border-radius: 50%;
|
|
@@ -2368,7 +2236,7 @@ var ThumbnailWrapper2 = styled41.div`
|
|
|
2368
2236
|
flex-shrink: 0;
|
|
2369
2237
|
align-self: center;
|
|
2370
2238
|
`;
|
|
2371
|
-
var ButtonWrapper2 =
|
|
2239
|
+
var ButtonWrapper2 = styled42.div`
|
|
2372
2240
|
display: flex;
|
|
2373
2241
|
justify-content: flex-start;
|
|
2374
2242
|
margin-top: auto;
|
|
@@ -2398,7 +2266,7 @@ var ContentCard = ({
|
|
|
2398
2266
|
] });
|
|
2399
2267
|
};
|
|
2400
2268
|
var variants10 = ["primary", "secondary", "transparent"];
|
|
2401
|
-
var Container12 =
|
|
2269
|
+
var Container12 = styled42.div`
|
|
2402
2270
|
display: flex;
|
|
2403
2271
|
flex-direction: column;
|
|
2404
2272
|
gap: 1.5rem;
|
|
@@ -2411,7 +2279,7 @@ var Container12 = styled41.div`
|
|
|
2411
2279
|
max-width: 100%;
|
|
2412
2280
|
}
|
|
2413
2281
|
`;
|
|
2414
|
-
var Header2 =
|
|
2282
|
+
var Header2 = styled42.h1`
|
|
2415
2283
|
margin: 0;
|
|
2416
2284
|
font-size: 2.5rem;
|
|
2417
2285
|
font-weight: 700;
|
|
@@ -2427,7 +2295,7 @@ var Header2 = styled41.h1`
|
|
|
2427
2295
|
font-size: 1.75rem;
|
|
2428
2296
|
}
|
|
2429
2297
|
`;
|
|
2430
|
-
var Description3 =
|
|
2298
|
+
var Description3 = styled42.p`
|
|
2431
2299
|
margin: 0;
|
|
2432
2300
|
font-size: 1.125rem;
|
|
2433
2301
|
line-height: 1.6;
|
|
@@ -2438,7 +2306,7 @@ var Description3 = styled41.p`
|
|
|
2438
2306
|
font-size: 1rem;
|
|
2439
2307
|
}
|
|
2440
2308
|
`;
|
|
2441
|
-
var ButtonGroup =
|
|
2309
|
+
var ButtonGroup = styled42.div`
|
|
2442
2310
|
display: flex;
|
|
2443
2311
|
gap: 1rem;
|
|
2444
2312
|
align-items: center;
|
|
@@ -2493,11 +2361,11 @@ var CTAContainer = ({
|
|
|
2493
2361
|
] });
|
|
2494
2362
|
};
|
|
2495
2363
|
CTAContainer.variants = variants10;
|
|
2496
|
-
var AccordionContainer =
|
|
2364
|
+
var AccordionContainer = styled42.div`
|
|
2497
2365
|
border-bottom: 1px solid ${colors.text.light};
|
|
2498
2366
|
padding: 1.5rem 0;
|
|
2499
2367
|
`;
|
|
2500
|
-
var AccordionHeader2 =
|
|
2368
|
+
var AccordionHeader2 = styled42.button`
|
|
2501
2369
|
width: 100%;
|
|
2502
2370
|
display: flex;
|
|
2503
2371
|
align-items: center;
|
|
@@ -2508,23 +2376,23 @@ var AccordionHeader2 = styled41.button`
|
|
|
2508
2376
|
text-align: left;
|
|
2509
2377
|
padding: 0;
|
|
2510
2378
|
`;
|
|
2511
|
-
var NumberBadge =
|
|
2379
|
+
var NumberBadge = styled42.span`
|
|
2512
2380
|
font-size: 1rem;
|
|
2513
2381
|
font-weight: 600;
|
|
2514
2382
|
color: ${(props) => colors.text[props.numberColor]};
|
|
2515
2383
|
flex-shrink: 0;
|
|
2516
2384
|
`;
|
|
2517
|
-
var HeaderWrapper2 =
|
|
2385
|
+
var HeaderWrapper2 = styled42.div`
|
|
2518
2386
|
flex-grow: 1;
|
|
2519
2387
|
`;
|
|
2520
|
-
var IconWrapper =
|
|
2388
|
+
var IconWrapper = styled42.div`
|
|
2521
2389
|
color: ${(props) => colors.text[props.iconColor]};
|
|
2522
2390
|
flex-shrink: 0;
|
|
2523
2391
|
display: flex;
|
|
2524
2392
|
align-items: center;
|
|
2525
2393
|
justify-content: center;
|
|
2526
2394
|
`;
|
|
2527
|
-
var AccordionContent2 =
|
|
2395
|
+
var AccordionContent2 = styled42.div`
|
|
2528
2396
|
max-height: ${(props) => props.$isOpen ? "1000px" : "0"};
|
|
2529
2397
|
overflow: hidden;
|
|
2530
2398
|
transition: max-height 0.3s ease-in-out;
|
|
@@ -2552,11 +2420,11 @@ var FAQAccordion = ({
|
|
|
2552
2420
|
/* @__PURE__ */ jsx(AccordionContent2, { $isOpen: isOpen, children: /* @__PURE__ */ jsx(Description, { variant: contentVariant, children: content }) })
|
|
2553
2421
|
] });
|
|
2554
2422
|
};
|
|
2555
|
-
var Container13 =
|
|
2423
|
+
var Container13 = styled42.div`
|
|
2556
2424
|
display: flex;
|
|
2557
2425
|
flex-direction: column;
|
|
2558
2426
|
`;
|
|
2559
|
-
var FeatureWrapper =
|
|
2427
|
+
var FeatureWrapper = styled42.div`
|
|
2560
2428
|
padding: 1rem 0;
|
|
2561
2429
|
border-bottom: 1px solid #e5e7eb;
|
|
2562
2430
|
|
|
@@ -2583,46 +2451,6 @@ var FeatureContainer = ({
|
|
|
2583
2451
|
}
|
|
2584
2452
|
) }, index)) });
|
|
2585
2453
|
};
|
|
2586
|
-
var FileButton = ({
|
|
2587
|
-
onFileSelect,
|
|
2588
|
-
accept = [".pdf"],
|
|
2589
|
-
multiple = false,
|
|
2590
|
-
...rest
|
|
2591
|
-
}) => {
|
|
2592
|
-
const fileInputRef = useRef(null);
|
|
2593
|
-
const handleClick = () => {
|
|
2594
|
-
if (fileInputRef.current) {
|
|
2595
|
-
fileInputRef.current.click();
|
|
2596
|
-
}
|
|
2597
|
-
};
|
|
2598
|
-
const handleFileChange = (event) => {
|
|
2599
|
-
const files = event.target.files;
|
|
2600
|
-
if (files && files.length > 0 && onFileSelect) {
|
|
2601
|
-
Array.from(files).forEach((file) => onFileSelect(file));
|
|
2602
|
-
}
|
|
2603
|
-
};
|
|
2604
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2605
|
-
/* @__PURE__ */ jsx(
|
|
2606
|
-
Button,
|
|
2607
|
-
{
|
|
2608
|
-
...rest,
|
|
2609
|
-
icon: /* @__PURE__ */ jsx(FaPlus, { fontSize: "10px" }),
|
|
2610
|
-
onClick: handleClick
|
|
2611
|
-
}
|
|
2612
|
-
),
|
|
2613
|
-
/* @__PURE__ */ jsx(
|
|
2614
|
-
"input",
|
|
2615
|
-
{
|
|
2616
|
-
type: "file",
|
|
2617
|
-
ref: fileInputRef,
|
|
2618
|
-
style: { display: "none" },
|
|
2619
|
-
onChange: handleFileChange,
|
|
2620
|
-
accept: accept?.map((item) => item).join(","),
|
|
2621
|
-
multiple
|
|
2622
|
-
}
|
|
2623
|
-
)
|
|
2624
|
-
] });
|
|
2625
|
-
};
|
|
2626
2454
|
var fadeIn = keyframes`
|
|
2627
2455
|
from { opacity: 0 }
|
|
2628
2456
|
to { opacity: 1 }
|
|
@@ -2631,7 +2459,7 @@ keyframes`
|
|
|
2631
2459
|
from { transform: translateY(8px) scale(.98); opacity: 0 }
|
|
2632
2460
|
to { transform: translateY(0) scale(1); opacity: 1 }
|
|
2633
2461
|
`;
|
|
2634
|
-
|
|
2462
|
+
styled42.div`
|
|
2635
2463
|
height: 100vh;
|
|
2636
2464
|
width: 100vw;
|
|
2637
2465
|
background-color: rgba(0, 0, 0, 0.4);
|
|
@@ -2643,7 +2471,7 @@ styled41.div`
|
|
|
2643
2471
|
justify-content: center;
|
|
2644
2472
|
animation: ${fadeIn} 160ms ease-out;
|
|
2645
2473
|
`;
|
|
2646
|
-
|
|
2474
|
+
styled42.div`
|
|
2647
2475
|
position: relative;
|
|
2648
2476
|
width: min(${breakpoints.sm}, 92vw);
|
|
2649
2477
|
max-height: 86vh;
|
|
@@ -2652,7 +2480,7 @@ styled41.div`
|
|
|
2652
2480
|
padding: ${spaces[6]};
|
|
2653
2481
|
background-color: ${colors.background.primary};
|
|
2654
2482
|
`;
|
|
2655
|
-
|
|
2483
|
+
styled42.div`
|
|
2656
2484
|
display: flex;
|
|
2657
2485
|
align-items: center ;
|
|
2658
2486
|
justify-content: space-between;
|
|
@@ -2660,43 +2488,33 @@ padding: ${spaces[2]} ${spaces[3]};
|
|
|
2660
2488
|
background-color: ${(props) => props.isComplete ? colors.background.blue : colors.background.light};
|
|
2661
2489
|
border-radius: ${radii.sm};
|
|
2662
2490
|
`;
|
|
2663
|
-
|
|
2491
|
+
styled42.div`
|
|
2664
2492
|
display: flex;
|
|
2665
2493
|
align-items: center;
|
|
2666
2494
|
gap: ${spaces[2]};
|
|
2667
2495
|
`;
|
|
2668
|
-
|
|
2669
|
-
return /* @__PURE__ */ jsxs(Container14, { isComplete, children: [
|
|
2670
|
-
/* @__PURE__ */ jsx(Header, { variant: isMainHeader ? "h2" : "h3", color: isComplete ? "secondary" : "primary", children: title }),
|
|
2671
|
-
/* @__PURE__ */ jsxs(Row, { children: [
|
|
2672
|
-
/* @__PURE__ */ jsx(Header, { variant: "h3", color: isComplete ? "secondary" : "primary", children: isComplete ? "Complete" : "Information Outstanding" }),
|
|
2673
|
-
isComplete ? /* @__PURE__ */ jsx(FaCircleCheck, { color: colors.background.success }) : /* @__PURE__ */ jsx(FaCircleExclamation, { color: colors.background.error })
|
|
2674
|
-
] })
|
|
2675
|
-
] });
|
|
2676
|
-
};
|
|
2677
|
-
styled41.div`
|
|
2496
|
+
styled42.div`
|
|
2678
2497
|
width: '100%';
|
|
2679
2498
|
min-height: '100vh';
|
|
2680
2499
|
padding-bottom: ${spaces[9]};
|
|
2681
2500
|
`;
|
|
2682
|
-
|
|
2501
|
+
styled42.div`
|
|
2683
2502
|
padding: ${spaces[4.5]} ${spaces[6]};
|
|
2684
2503
|
display: flex;
|
|
2685
2504
|
align-items: center;
|
|
2686
2505
|
justify-content: space-between;
|
|
2687
2506
|
`;
|
|
2688
|
-
|
|
2507
|
+
styled42.div`
|
|
2689
2508
|
border-top: 1px solid ${colors.border.hover};
|
|
2690
2509
|
`;
|
|
2691
|
-
|
|
2510
|
+
styled42.div`
|
|
2692
2511
|
display: flex;
|
|
2693
2512
|
width: 100%;
|
|
2694
2513
|
padding: ${spaces[6]};
|
|
2695
2514
|
align-items: center;
|
|
2696
2515
|
justify-content: center;
|
|
2697
2516
|
`;
|
|
2698
|
-
|
|
2699
|
-
var Container16 = styled41.div`
|
|
2517
|
+
styled42.div`
|
|
2700
2518
|
display: flex;
|
|
2701
2519
|
flex-direction: column;
|
|
2702
2520
|
align-items: center;
|
|
@@ -2705,28 +2523,11 @@ var Container16 = styled41.div`
|
|
|
2705
2523
|
gap: ${spaces[4]};
|
|
2706
2524
|
padding: ${spaces[8]};
|
|
2707
2525
|
`;
|
|
2708
|
-
|
|
2709
|
-
const size = sizes.xl;
|
|
2710
|
-
const color = colors.text.primary;
|
|
2711
|
-
const Icon = useMemo(() => {
|
|
2712
|
-
switch (variant) {
|
|
2713
|
-
case "documents":
|
|
2714
|
-
return /* @__PURE__ */ jsx(FaRegFolderOpen, { size, color });
|
|
2715
|
-
case "properties":
|
|
2716
|
-
return /* @__PURE__ */ jsx(FaHouse, { size, color });
|
|
2717
|
-
}
|
|
2718
|
-
}, [variant]);
|
|
2719
|
-
return /* @__PURE__ */ jsxs(Container16, { children: [
|
|
2720
|
-
Icon,
|
|
2721
|
-
/* @__PURE__ */ jsx(Header, { variant: "h3", children: message })
|
|
2722
|
-
] });
|
|
2723
|
-
};
|
|
2724
|
-
EmptyState.variants = variants11;
|
|
2725
|
-
styled41.div`
|
|
2526
|
+
styled42.div`
|
|
2726
2527
|
width: 100%;
|
|
2727
2528
|
height: 100%;
|
|
2728
2529
|
`;
|
|
2729
|
-
var Container18 =
|
|
2530
|
+
var Container18 = styled42.div`
|
|
2730
2531
|
display: flex;
|
|
2731
2532
|
gap: 1.5rem;
|
|
2732
2533
|
align-items: center;
|
|
@@ -2739,7 +2540,7 @@ var Container18 = styled41.div`
|
|
|
2739
2540
|
max-width: 100%;
|
|
2740
2541
|
}
|
|
2741
2542
|
`;
|
|
2742
|
-
var
|
|
2543
|
+
var ImageWrapper2 = styled42.div`
|
|
2743
2544
|
flex-shrink: 0;
|
|
2744
2545
|
width: 180px;
|
|
2745
2546
|
height: 180px;
|
|
@@ -2758,7 +2559,7 @@ var ImageWrapper = styled41.div`
|
|
|
2758
2559
|
height: 200px;
|
|
2759
2560
|
}
|
|
2760
2561
|
`;
|
|
2761
|
-
var
|
|
2562
|
+
var ContentWrapper2 = styled42.div`
|
|
2762
2563
|
display: flex;
|
|
2763
2564
|
flex-direction: column;
|
|
2764
2565
|
gap: 1rem;
|
|
@@ -2768,7 +2569,7 @@ var ContentWrapper = styled41.div`
|
|
|
2768
2569
|
width: 100%;
|
|
2769
2570
|
}
|
|
2770
2571
|
`;
|
|
2771
|
-
var LogoWrapper =
|
|
2572
|
+
var LogoWrapper = styled42.div`
|
|
2772
2573
|
max-width: 200px;
|
|
2773
2574
|
|
|
2774
2575
|
img {
|
|
@@ -2789,8 +2590,8 @@ var ProductInfo = ({
|
|
|
2789
2590
|
buttonTextVariant = "secondary"
|
|
2790
2591
|
}) => {
|
|
2791
2592
|
return /* @__PURE__ */ jsxs(Container18, { children: [
|
|
2792
|
-
/* @__PURE__ */ jsx(
|
|
2793
|
-
/* @__PURE__ */ jsxs(
|
|
2593
|
+
/* @__PURE__ */ jsx(ImageWrapper2, { children: /* @__PURE__ */ jsx("img", { src: image, alt: "Product" }) }),
|
|
2594
|
+
/* @__PURE__ */ jsxs(ContentWrapper2, { children: [
|
|
2794
2595
|
/* @__PURE__ */ jsx(LogoWrapper, { children: /* @__PURE__ */ jsx("img", { src: logoImage, alt: "Logo" }) }),
|
|
2795
2596
|
/* @__PURE__ */ jsx(Header, { variant: titleVariant, color: titleColor, children: title }),
|
|
2796
2597
|
/* @__PURE__ */ jsx(
|
|
@@ -2806,18 +2607,18 @@ var ProductInfo = ({
|
|
|
2806
2607
|
] })
|
|
2807
2608
|
] });
|
|
2808
2609
|
};
|
|
2809
|
-
|
|
2810
|
-
|
|
2610
|
+
styled42.div``;
|
|
2611
|
+
styled42.div`
|
|
2811
2612
|
margin-top: ${spaces[2]};
|
|
2812
2613
|
display: flex;
|
|
2813
2614
|
flex-direction: row;
|
|
2814
2615
|
flex: 1;
|
|
2815
2616
|
gap: ${spaces[2]};
|
|
2816
2617
|
`;
|
|
2817
|
-
|
|
2618
|
+
styled42.div`
|
|
2818
2619
|
padding-left: ${spaces[1]};
|
|
2819
2620
|
`;
|
|
2820
|
-
|
|
2621
|
+
styled42.div`
|
|
2821
2622
|
position: fixed;
|
|
2822
2623
|
top: 0;
|
|
2823
2624
|
left: 0;
|
|
@@ -2829,7 +2630,7 @@ styled41.div`
|
|
|
2829
2630
|
justify-content: center;
|
|
2830
2631
|
z-index: 1000;
|
|
2831
2632
|
`;
|
|
2832
|
-
|
|
2633
|
+
styled42.div`
|
|
2833
2634
|
background-color: #ffffff;
|
|
2834
2635
|
border-radius: 8px;
|
|
2835
2636
|
padding: 2rem;
|
|
@@ -2837,13 +2638,13 @@ styled41.div`
|
|
|
2837
2638
|
width: 90%;
|
|
2838
2639
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
|
|
2839
2640
|
`;
|
|
2840
|
-
|
|
2641
|
+
styled42.div`
|
|
2841
2642
|
display: flex;
|
|
2842
2643
|
justify-content: space-between;
|
|
2843
2644
|
align-items: center;
|
|
2844
2645
|
margin-bottom: 1.5rem;
|
|
2845
2646
|
`;
|
|
2846
|
-
|
|
2647
|
+
styled42.button`
|
|
2847
2648
|
background-color: ${(props) => {
|
|
2848
2649
|
switch (props.variant) {
|
|
2849
2650
|
case "primary":
|
|
@@ -2871,14 +2672,14 @@ styled41.button`
|
|
|
2871
2672
|
opacity: 0.8;
|
|
2872
2673
|
}
|
|
2873
2674
|
`;
|
|
2874
|
-
|
|
2675
|
+
styled42.table`
|
|
2875
2676
|
width: 100%;
|
|
2876
2677
|
border-collapse: collapse;
|
|
2877
2678
|
`;
|
|
2878
|
-
|
|
2679
|
+
styled42.thead`
|
|
2879
2680
|
border-bottom: 2px solid #e5e7eb;
|
|
2880
2681
|
`;
|
|
2881
|
-
|
|
2682
|
+
styled42.th`
|
|
2882
2683
|
text-align: left;
|
|
2883
2684
|
padding: 0.75rem 0;
|
|
2884
2685
|
font-size: 0.875rem;
|
|
@@ -2897,15 +2698,15 @@ styled41.th`
|
|
|
2897
2698
|
}
|
|
2898
2699
|
}};
|
|
2899
2700
|
`;
|
|
2900
|
-
|
|
2901
|
-
|
|
2701
|
+
styled42.tbody``;
|
|
2702
|
+
styled42.tr`
|
|
2902
2703
|
border-bottom: 1px solid #f3f4f6;
|
|
2903
2704
|
|
|
2904
2705
|
&:last-child {
|
|
2905
2706
|
border-bottom: none;
|
|
2906
2707
|
}
|
|
2907
2708
|
`;
|
|
2908
|
-
|
|
2709
|
+
styled42.td`
|
|
2909
2710
|
padding: 0.75rem 0;
|
|
2910
2711
|
font-size: 0.875rem;
|
|
2911
2712
|
color: ${(props) => {
|
|
@@ -2920,7 +2721,7 @@ styled41.td`
|
|
|
2920
2721
|
}
|
|
2921
2722
|
}};
|
|
2922
2723
|
`;
|
|
2923
|
-
|
|
2724
|
+
styled42.div`
|
|
2924
2725
|
display: none;
|
|
2925
2726
|
|
|
2926
2727
|
@media (max-width: 767px) {
|
|
@@ -2934,12 +2735,12 @@ styled41.div`
|
|
|
2934
2735
|
z-index: 9998;
|
|
2935
2736
|
}
|
|
2936
2737
|
`;
|
|
2937
|
-
|
|
2738
|
+
styled42.div`
|
|
2938
2739
|
@media (max-width: 767px) {
|
|
2939
2740
|
display: none;
|
|
2940
2741
|
}
|
|
2941
2742
|
`;
|
|
2942
|
-
|
|
2743
|
+
styled42.nav`
|
|
2943
2744
|
width: 195px;
|
|
2944
2745
|
display: flex;
|
|
2945
2746
|
flex-direction: column;
|
|
@@ -2966,7 +2767,7 @@ styled41.nav`
|
|
|
2966
2767
|
box-shadow: ${(props) => props.$isOpen ? "2px 0 8px rgba(0, 0, 0, 0.15)" : "none"};
|
|
2967
2768
|
}
|
|
2968
2769
|
`;
|
|
2969
|
-
|
|
2770
|
+
styled42.button`
|
|
2970
2771
|
background: none;
|
|
2971
2772
|
border: none;
|
|
2972
2773
|
font-size: 1.5rem;
|
|
@@ -2978,7 +2779,7 @@ styled41.button`
|
|
|
2978
2779
|
opacity: 0.7;
|
|
2979
2780
|
}
|
|
2980
2781
|
`;
|
|
2981
|
-
|
|
2782
|
+
styled42.div`
|
|
2982
2783
|
display: none;
|
|
2983
2784
|
|
|
2984
2785
|
@media (max-width: 767px) {
|
|
@@ -2988,29 +2789,29 @@ styled41.div`
|
|
|
2988
2789
|
padding: 1rem;
|
|
2989
2790
|
}
|
|
2990
2791
|
`;
|
|
2991
|
-
var NavList =
|
|
2792
|
+
var NavList = styled42.ul`
|
|
2992
2793
|
display: flex;
|
|
2993
2794
|
flex-direction: column;
|
|
2994
2795
|
list-style: none;
|
|
2995
2796
|
margin: 0;
|
|
2996
2797
|
padding: 0;
|
|
2997
2798
|
`;
|
|
2998
|
-
|
|
2799
|
+
styled42(NavList)`
|
|
2999
2800
|
@media (max-width: 767px) {
|
|
3000
2801
|
display: none;
|
|
3001
2802
|
}
|
|
3002
2803
|
`;
|
|
3003
|
-
|
|
2804
|
+
styled42(NavList)`
|
|
3004
2805
|
display: none;
|
|
3005
2806
|
|
|
3006
2807
|
@media (max-width: 767px) {
|
|
3007
2808
|
display: flex;
|
|
3008
2809
|
}
|
|
3009
2810
|
`;
|
|
3010
|
-
|
|
2811
|
+
styled42.li`
|
|
3011
2812
|
display: flex;
|
|
3012
2813
|
`;
|
|
3013
|
-
|
|
2814
|
+
styled42.a`
|
|
3014
2815
|
display: flex;
|
|
3015
2816
|
align-items: center;
|
|
3016
2817
|
text-decoration: none;
|
|
@@ -3023,7 +2824,7 @@ styled41.a`
|
|
|
3023
2824
|
}
|
|
3024
2825
|
`}
|
|
3025
2826
|
`;
|
|
3026
|
-
|
|
2827
|
+
styled42.div`
|
|
3027
2828
|
width: 0;
|
|
3028
2829
|
height: 0;
|
|
3029
2830
|
border-top: 4px solid transparent;
|
|
@@ -3032,25 +2833,25 @@ styled41.div`
|
|
|
3032
2833
|
flex-shrink: 0;
|
|
3033
2834
|
margin-left: 1.5rem;
|
|
3034
2835
|
`;
|
|
3035
|
-
|
|
2836
|
+
styled42.span`
|
|
3036
2837
|
width: 6px;
|
|
3037
2838
|
margin-right: 0.5rem;
|
|
3038
2839
|
flex-shrink: 0;
|
|
3039
2840
|
`;
|
|
3040
|
-
|
|
2841
|
+
styled42.div`
|
|
3041
2842
|
height: 1px;
|
|
3042
2843
|
background-color: ${(props) => colors.border[props.dividerColor]};
|
|
3043
2844
|
margin: 1rem;
|
|
3044
2845
|
`;
|
|
3045
|
-
var Spacer =
|
|
2846
|
+
var Spacer = styled42.div`
|
|
3046
2847
|
flex-grow: 1;
|
|
3047
2848
|
`;
|
|
3048
|
-
|
|
2849
|
+
styled42(Spacer)`
|
|
3049
2850
|
@media (max-width: 767px) {
|
|
3050
2851
|
display: none;
|
|
3051
2852
|
}
|
|
3052
2853
|
`;
|
|
3053
|
-
|
|
2854
|
+
styled42.div`
|
|
3054
2855
|
display: none;
|
|
3055
2856
|
|
|
3056
2857
|
@media (max-width: 767px) {
|
|
@@ -3062,7 +2863,7 @@ styled41.div`
|
|
|
3062
2863
|
margin-bottom: 20px;
|
|
3063
2864
|
}
|
|
3064
2865
|
`;
|
|
3065
|
-
|
|
2866
|
+
styled42.div`
|
|
3066
2867
|
position: fixed;
|
|
3067
2868
|
top: 0;
|
|
3068
2869
|
left: 0;
|
|
@@ -3073,7 +2874,7 @@ styled41.div`
|
|
|
3073
2874
|
justify-content: flex-end;
|
|
3074
2875
|
z-index: 1000;
|
|
3075
2876
|
`;
|
|
3076
|
-
|
|
2877
|
+
styled42.div`
|
|
3077
2878
|
background-color: #ffffff;
|
|
3078
2879
|
width: 100%;
|
|
3079
2880
|
max-width: 400px;
|
|
@@ -3087,7 +2888,7 @@ styled41.div`
|
|
|
3087
2888
|
transition: transform 0.3s ease-in-out;
|
|
3088
2889
|
overflow-y: auto;
|
|
3089
2890
|
`;
|
|
3090
|
-
|
|
2891
|
+
styled42.button`
|
|
3091
2892
|
position: absolute;
|
|
3092
2893
|
top: 1.5rem;
|
|
3093
2894
|
right: 1.5rem;
|
|
@@ -3108,7 +2909,7 @@ styled41.button`
|
|
|
3108
2909
|
opacity: 0.8;
|
|
3109
2910
|
}
|
|
3110
2911
|
`;
|
|
3111
|
-
|
|
2912
|
+
styled42.div`
|
|
3112
2913
|
width: 100%;
|
|
3113
2914
|
display: flex;
|
|
3114
2915
|
justify-content: center;
|
|
@@ -3125,12 +2926,12 @@ styled41.div`
|
|
|
3125
2926
|
object-fit: contain;
|
|
3126
2927
|
}
|
|
3127
2928
|
`;
|
|
3128
|
-
|
|
2929
|
+
styled42.div`
|
|
3129
2930
|
display: flex;
|
|
3130
2931
|
flex-direction: column;
|
|
3131
2932
|
gap: 1.5rem;
|
|
3132
2933
|
`;
|
|
3133
|
-
|
|
2934
|
+
styled42.div`
|
|
3134
2935
|
width: 100%;
|
|
3135
2936
|
background-color: ${(props) => props.isSelected ? colors.background.blue : colors.background.primary};
|
|
3136
2937
|
border: 1px solid ${colors.background.blue};
|
|
@@ -3141,12 +2942,12 @@ styled41.div`
|
|
|
3141
2942
|
padding: ${spaces[2]} ${spaces[3]};
|
|
3142
2943
|
cursor: pointer;
|
|
3143
2944
|
`;
|
|
3144
|
-
|
|
2945
|
+
styled42.span`
|
|
3145
2946
|
color: ${(props) => props.isSelected ? colors.text.secondary : colors.text.blue};
|
|
3146
2947
|
font-size: ${sizes.sm};
|
|
3147
2948
|
font-weight: 700;
|
|
3148
2949
|
`;
|
|
3149
|
-
|
|
2950
|
+
styled42.div`
|
|
3150
2951
|
display: flex;
|
|
3151
2952
|
width: ${`${100 / 4}%`};
|
|
3152
2953
|
overflow: scroll;
|
|
@@ -3163,25 +2964,13 @@ var Container21 = styled41.div`
|
|
|
3163
2964
|
-ms-overflow-style: none;
|
|
3164
2965
|
scrollbar-width: none;
|
|
3165
2966
|
`;
|
|
3166
|
-
|
|
2967
|
+
styled42.div`
|
|
3167
2968
|
display: flex;
|
|
3168
2969
|
flex-direction: column;
|
|
3169
2970
|
align-items: center;
|
|
3170
2971
|
justify-content: center;
|
|
3171
2972
|
`;
|
|
3172
|
-
|
|
3173
|
-
onClick,
|
|
3174
|
-
title
|
|
3175
|
-
}) => {
|
|
3176
|
-
return /* @__PURE__ */ jsxs(Container21, { onClick, children: [
|
|
3177
|
-
/* @__PURE__ */ jsx(Text2, { children: title }),
|
|
3178
|
-
onClick && /* @__PURE__ */ jsxs(IconContainer, { children: [
|
|
3179
|
-
/* @__PURE__ */ jsx(FaCaretUp, { size: 10 }),
|
|
3180
|
-
/* @__PURE__ */ jsx(FaCaretDown, { size: 10 })
|
|
3181
|
-
] })
|
|
3182
|
-
] });
|
|
3183
|
-
};
|
|
3184
|
-
var ItemContainer = styled41.div`
|
|
2973
|
+
styled42.div`
|
|
3185
2974
|
display: flex;
|
|
3186
2975
|
align-items: center;
|
|
3187
2976
|
cursor: ${(props) => props?.onClick ? "pointer" : "auto"};
|
|
@@ -3198,123 +2987,24 @@ var ItemContainer = styled41.div`
|
|
|
3198
2987
|
-ms-overflow-style: none;
|
|
3199
2988
|
scrollbar-width: none;
|
|
3200
2989
|
`;
|
|
3201
|
-
|
|
3202
|
-
file,
|
|
3203
|
-
onViewDetail
|
|
3204
|
-
}) => {
|
|
3205
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3206
|
-
/* @__PURE__ */ jsx(ItemContainer, { children: /* @__PURE__ */ jsx(Label, { value: file.name, color: "brand" }) }),
|
|
3207
|
-
/* @__PURE__ */ jsx(ItemContainer, { children: /* @__PURE__ */ jsx(Label, { value: file.sourceFile, color: "primary" }) }),
|
|
3208
|
-
/* @__PURE__ */ jsx(ItemContainer, { children: /* @__PURE__ */ jsx(
|
|
3209
|
-
Label,
|
|
3210
|
-
{
|
|
3211
|
-
value: typeof file.status === "string" ? file.status : "-",
|
|
3212
|
-
color: "primary",
|
|
3213
|
-
fontWeight: "700"
|
|
3214
|
-
}
|
|
3215
|
-
) }),
|
|
3216
|
-
/* @__PURE__ */ jsx(ItemContainer, { children: /* @__PURE__ */ jsx(
|
|
3217
|
-
Label,
|
|
3218
|
-
{
|
|
3219
|
-
value: typeof file.createdAt === "string" ? file.createdAt : "-",
|
|
3220
|
-
color: "primary",
|
|
3221
|
-
fontWeight: "700"
|
|
3222
|
-
}
|
|
3223
|
-
) }),
|
|
3224
|
-
/* @__PURE__ */ jsx(ItemContainer, { onClick: onViewDetail, children: /* @__PURE__ */ jsx(Label, { value: "View Details", color: "brand", fontWeight: "700" }) })
|
|
3225
|
-
] });
|
|
3226
|
-
};
|
|
3227
|
-
var HeadersContainer = styled41.div`
|
|
2990
|
+
styled42.div`
|
|
3228
2991
|
width: 100%;
|
|
3229
2992
|
display: flex;
|
|
3230
2993
|
flex-direction: row;
|
|
3231
2994
|
align-items: center;
|
|
3232
2995
|
gap: ${spaces[6]};
|
|
3233
2996
|
`;
|
|
3234
|
-
|
|
2997
|
+
styled42.div`
|
|
3235
2998
|
display: flex;
|
|
3236
2999
|
flex-direction: column;
|
|
3237
3000
|
gap: ${spaces[3]};
|
|
3238
3001
|
`;
|
|
3239
|
-
var
|
|
3240
|
-
title,
|
|
3241
|
-
files,
|
|
3242
|
-
onSortBy,
|
|
3243
|
-
onViewDetail,
|
|
3244
|
-
accept,
|
|
3245
|
-
onFileSelect
|
|
3246
|
-
}) => {
|
|
3247
|
-
const onClick = (accessor) => {
|
|
3248
|
-
onSortBy && onSortBy(accessor);
|
|
3249
|
-
};
|
|
3250
|
-
return /* @__PURE__ */ jsx(
|
|
3251
|
-
Accordion,
|
|
3252
|
-
{
|
|
3253
|
-
rightElement: /* @__PURE__ */ jsx(
|
|
3254
|
-
FileButton,
|
|
3255
|
-
{
|
|
3256
|
-
onFileSelect,
|
|
3257
|
-
text: "Add File",
|
|
3258
|
-
accept
|
|
3259
|
-
}
|
|
3260
|
-
),
|
|
3261
|
-
title,
|
|
3262
|
-
children: /* @__PURE__ */ jsxs(Container22, { children: [
|
|
3263
|
-
/* @__PURE__ */ jsxs(HeadersContainer, { children: [
|
|
3264
|
-
/* @__PURE__ */ jsx(
|
|
3265
|
-
DocumentAccordionHeader,
|
|
3266
|
-
{
|
|
3267
|
-
title: "File Name",
|
|
3268
|
-
onClick: () => onClick("name")
|
|
3269
|
-
}
|
|
3270
|
-
),
|
|
3271
|
-
/* @__PURE__ */ jsx(
|
|
3272
|
-
DocumentAccordionHeader,
|
|
3273
|
-
{
|
|
3274
|
-
title: "Source File Name",
|
|
3275
|
-
onClick: () => onClick("status")
|
|
3276
|
-
}
|
|
3277
|
-
),
|
|
3278
|
-
/* @__PURE__ */ jsx(
|
|
3279
|
-
DocumentAccordionHeader,
|
|
3280
|
-
{
|
|
3281
|
-
title: "File Status",
|
|
3282
|
-
onClick: () => onClick("status")
|
|
3283
|
-
}
|
|
3284
|
-
),
|
|
3285
|
-
/* @__PURE__ */ jsx(
|
|
3286
|
-
DocumentAccordionHeader,
|
|
3287
|
-
{
|
|
3288
|
-
title: "Date Created",
|
|
3289
|
-
onClick: () => onClick("createdAt")
|
|
3290
|
-
}
|
|
3291
|
-
),
|
|
3292
|
-
/* @__PURE__ */ jsx(DocumentAccordionHeader, { title: "File Options" })
|
|
3293
|
-
] }),
|
|
3294
|
-
files?.length === 0 && /* @__PURE__ */ jsx(
|
|
3295
|
-
EmptyState,
|
|
3296
|
-
{
|
|
3297
|
-
message: "No documents have been added to this record",
|
|
3298
|
-
variant: "documents"
|
|
3299
|
-
}
|
|
3300
|
-
),
|
|
3301
|
-
files?.length > 0 && files.map((file) => /* @__PURE__ */ jsx(HeadersContainer, { children: /* @__PURE__ */ jsx(
|
|
3302
|
-
DocumentAccordionRow,
|
|
3303
|
-
{
|
|
3304
|
-
file,
|
|
3305
|
-
onViewDetail: () => onViewDetail(file.id)
|
|
3306
|
-
}
|
|
3307
|
-
) }, file.id))
|
|
3308
|
-
] })
|
|
3309
|
-
}
|
|
3310
|
-
);
|
|
3311
|
-
};
|
|
3312
|
-
var CarouselContainer = styled41.div`
|
|
3002
|
+
var CarouselContainer = styled42.div`
|
|
3313
3003
|
width: 100%;
|
|
3314
3004
|
overflow: hidden;
|
|
3315
3005
|
position: relative;
|
|
3316
3006
|
`;
|
|
3317
|
-
var CardsWrapper =
|
|
3007
|
+
var CardsWrapper = styled42.div`
|
|
3318
3008
|
display: flex;
|
|
3319
3009
|
gap: 1.5rem;
|
|
3320
3010
|
padding: 1rem 0;
|
|
@@ -3336,7 +3026,7 @@ var CardsWrapper = styled41.div`
|
|
|
3336
3026
|
}
|
|
3337
3027
|
}
|
|
3338
3028
|
`;
|
|
3339
|
-
var CardContainer =
|
|
3029
|
+
var CardContainer = styled42.div`
|
|
3340
3030
|
display: flex;
|
|
3341
3031
|
gap: 1.5rem;
|
|
3342
3032
|
|
|
@@ -3356,14 +3046,14 @@ var CardContainer = styled41.div`
|
|
|
3356
3046
|
}
|
|
3357
3047
|
}
|
|
3358
3048
|
`;
|
|
3359
|
-
var NavigationWrapper =
|
|
3049
|
+
var NavigationWrapper = styled42.div`
|
|
3360
3050
|
display: flex;
|
|
3361
3051
|
justify-content: left;
|
|
3362
3052
|
align-items: center;
|
|
3363
3053
|
gap: 1rem;
|
|
3364
3054
|
margin-top: 1.5rem;
|
|
3365
3055
|
`;
|
|
3366
|
-
var NavButton =
|
|
3056
|
+
var NavButton = styled42.button`
|
|
3367
3057
|
width: 2.5rem;
|
|
3368
3058
|
height: 2.5rem;
|
|
3369
3059
|
border-radius: 50%;
|
|
@@ -3384,11 +3074,11 @@ var NavButton = styled41.button`
|
|
|
3384
3074
|
opacity: ${(props) => props.$disabled ? 1 : 0.8};
|
|
3385
3075
|
}
|
|
3386
3076
|
`;
|
|
3387
|
-
var Indicators =
|
|
3077
|
+
var Indicators = styled42.div`
|
|
3388
3078
|
display: flex;
|
|
3389
3079
|
gap: 0.5rem;
|
|
3390
3080
|
`;
|
|
3391
|
-
var Indicator =
|
|
3081
|
+
var Indicator = styled42.div`
|
|
3392
3082
|
width: 0.5rem;
|
|
3393
3083
|
height: 0.5rem;
|
|
3394
3084
|
border-radius: 50%;
|
|
@@ -3501,8 +3191,7 @@ var FeatureCarousel = ({
|
|
|
3501
3191
|
}
|
|
3502
3192
|
);
|
|
3503
3193
|
};
|
|
3504
|
-
|
|
3505
|
-
var FooterContainer = styled41.footer`
|
|
3194
|
+
styled42.footer`
|
|
3506
3195
|
background-color: ${(props) => {
|
|
3507
3196
|
switch (props.variant) {
|
|
3508
3197
|
case "primary":
|
|
@@ -3516,7 +3205,7 @@ var FooterContainer = styled41.footer`
|
|
|
3516
3205
|
padding: 3rem 2rem 2rem;
|
|
3517
3206
|
color: #ffffff;
|
|
3518
3207
|
`;
|
|
3519
|
-
|
|
3208
|
+
styled42.div`
|
|
3520
3209
|
display: flex;
|
|
3521
3210
|
justify-content: space-between;
|
|
3522
3211
|
align-items: center;
|
|
@@ -3530,18 +3219,18 @@ var TopSection = styled41.div`
|
|
|
3530
3219
|
align-items: flex-start;
|
|
3531
3220
|
}
|
|
3532
3221
|
`;
|
|
3533
|
-
|
|
3222
|
+
styled42.div`
|
|
3534
3223
|
img {
|
|
3535
3224
|
height: 100px;
|
|
3536
3225
|
width: auto;
|
|
3537
3226
|
}
|
|
3538
3227
|
`;
|
|
3539
|
-
|
|
3228
|
+
styled42.div`
|
|
3540
3229
|
display: flex;
|
|
3541
3230
|
gap: 1rem;
|
|
3542
3231
|
align-items: center;
|
|
3543
3232
|
`;
|
|
3544
|
-
|
|
3233
|
+
styled42.div`
|
|
3545
3234
|
display: grid;
|
|
3546
3235
|
grid-template-columns: 1fr 1fr auto;
|
|
3547
3236
|
gap: 3rem;
|
|
@@ -3556,12 +3245,12 @@ var MiddleSection = styled41.div`
|
|
|
3556
3245
|
grid-template-columns: 1fr;
|
|
3557
3246
|
}
|
|
3558
3247
|
`;
|
|
3559
|
-
|
|
3248
|
+
styled42.div`
|
|
3560
3249
|
display: flex;
|
|
3561
3250
|
gap: 1rem;
|
|
3562
3251
|
flex-wrap: wrap;
|
|
3563
3252
|
`;
|
|
3564
|
-
|
|
3253
|
+
styled42.div`
|
|
3565
3254
|
display: flex;
|
|
3566
3255
|
justify-content: space-between;
|
|
3567
3256
|
align-items: center;
|
|
@@ -3574,7 +3263,7 @@ var BottomSection = styled41.div`
|
|
|
3574
3263
|
align-items: flex-start;
|
|
3575
3264
|
}
|
|
3576
3265
|
`;
|
|
3577
|
-
|
|
3266
|
+
styled42.div`
|
|
3578
3267
|
display: flex;
|
|
3579
3268
|
gap: 2rem;
|
|
3580
3269
|
|
|
@@ -3583,7 +3272,7 @@ var LegalLinks = styled41.div`
|
|
|
3583
3272
|
gap: 0.5rem;
|
|
3584
3273
|
}
|
|
3585
3274
|
`;
|
|
3586
|
-
|
|
3275
|
+
styled42.a`
|
|
3587
3276
|
color: #ffffff;
|
|
3588
3277
|
text-decoration: none;
|
|
3589
3278
|
font-size: 0.875rem;
|
|
@@ -3595,85 +3284,12 @@ var LegalLink = styled41.a`
|
|
|
3595
3284
|
opacity: 0.8;
|
|
3596
3285
|
}
|
|
3597
3286
|
`;
|
|
3598
|
-
|
|
3287
|
+
styled42.p`
|
|
3599
3288
|
margin: 0;
|
|
3600
3289
|
font-size: 0.875rem;
|
|
3601
3290
|
color: rgba(255, 255, 255, 0.8);
|
|
3602
3291
|
`;
|
|
3603
|
-
|
|
3604
|
-
logo,
|
|
3605
|
-
primaryButtonText,
|
|
3606
|
-
secondaryButtonText,
|
|
3607
|
-
onPrimaryClick,
|
|
3608
|
-
onSecondaryClick,
|
|
3609
|
-
addresses,
|
|
3610
|
-
socialLinks,
|
|
3611
|
-
legalLinks,
|
|
3612
|
-
copyrightText,
|
|
3613
|
-
variant = "primary",
|
|
3614
|
-
primaryArrowVariant = "blue",
|
|
3615
|
-
primaryTextBgVariant = "secondary",
|
|
3616
|
-
primaryTextVariant = "brand",
|
|
3617
|
-
secondaryBgVariant = "transparent",
|
|
3618
|
-
secondaryTextVariant = "secondary"
|
|
3619
|
-
}) => {
|
|
3620
|
-
return /* @__PURE__ */ jsxs(FooterContainer, { variant, children: [
|
|
3621
|
-
/* @__PURE__ */ jsxs(TopSection, { children: [
|
|
3622
|
-
/* @__PURE__ */ jsx(LogoWrapper2, { children: /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo" }) }),
|
|
3623
|
-
/* @__PURE__ */ jsxs(ButtonGroup2, { children: [
|
|
3624
|
-
/* @__PURE__ */ jsx(
|
|
3625
|
-
ExtendedButton,
|
|
3626
|
-
{
|
|
3627
|
-
text: primaryButtonText,
|
|
3628
|
-
onClick: onPrimaryClick,
|
|
3629
|
-
arrowVariant: primaryArrowVariant,
|
|
3630
|
-
textBgVariant: primaryTextBgVariant,
|
|
3631
|
-
textVariant: primaryTextVariant
|
|
3632
|
-
}
|
|
3633
|
-
),
|
|
3634
|
-
/* @__PURE__ */ jsx(
|
|
3635
|
-
TextButton,
|
|
3636
|
-
{
|
|
3637
|
-
text: secondaryButtonText,
|
|
3638
|
-
onClick: onSecondaryClick,
|
|
3639
|
-
bgVariant: secondaryBgVariant,
|
|
3640
|
-
textVariant: secondaryTextVariant,
|
|
3641
|
-
uppercase: true
|
|
3642
|
-
}
|
|
3643
|
-
)
|
|
3644
|
-
] })
|
|
3645
|
-
] }),
|
|
3646
|
-
/* @__PURE__ */ jsxs(MiddleSection, { children: [
|
|
3647
|
-
addresses.map((address, index) => /* @__PURE__ */ jsx(
|
|
3648
|
-
Address,
|
|
3649
|
-
{
|
|
3650
|
-
title: address.title,
|
|
3651
|
-
phone: address.phone,
|
|
3652
|
-
email: address.email,
|
|
3653
|
-
addressLines: address.addressLines,
|
|
3654
|
-
variant: "inverse"
|
|
3655
|
-
},
|
|
3656
|
-
index
|
|
3657
|
-
)),
|
|
3658
|
-
/* @__PURE__ */ jsx(SocialButtonGroup, { children: socialLinks.map((social, index) => /* @__PURE__ */ jsx(
|
|
3659
|
-
SocialButton,
|
|
3660
|
-
{
|
|
3661
|
-
icon: social.icon,
|
|
3662
|
-
onClick: () => window.open(social.url, "_blank"),
|
|
3663
|
-
variant: "inverse",
|
|
3664
|
-
ariaLabel: social.ariaLabel
|
|
3665
|
-
},
|
|
3666
|
-
index
|
|
3667
|
-
)) })
|
|
3668
|
-
] }),
|
|
3669
|
-
/* @__PURE__ */ jsxs(BottomSection, { children: [
|
|
3670
|
-
/* @__PURE__ */ jsx(LegalLinks, { children: legalLinks.map((link, index) => /* @__PURE__ */ jsx(LegalLink, { href: link.url, children: link.text }, index)) }),
|
|
3671
|
-
/* @__PURE__ */ jsx(Copyright, { children: copyrightText })
|
|
3672
|
-
] })
|
|
3673
|
-
] });
|
|
3674
|
-
};
|
|
3675
|
-
Footer.variants = variants13;
|
|
3676
|
-
var HeaderContainer3 = styled41.header`
|
|
3292
|
+
styled42.header`
|
|
3677
3293
|
display: flex;
|
|
3678
3294
|
justify-content: space-between;
|
|
3679
3295
|
align-items: center;
|
|
@@ -3681,7 +3297,7 @@ var HeaderContainer3 = styled41.header`
|
|
|
3681
3297
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
3682
3298
|
padding: 0 1rem;
|
|
3683
3299
|
`;
|
|
3684
|
-
|
|
3300
|
+
styled42.div`
|
|
3685
3301
|
display: flex;
|
|
3686
3302
|
align-items: center;
|
|
3687
3303
|
|
|
@@ -3690,7 +3306,7 @@ var LogoWrapper3 = styled41.div`
|
|
|
3690
3306
|
width: auto;
|
|
3691
3307
|
}
|
|
3692
3308
|
`;
|
|
3693
|
-
|
|
3309
|
+
styled42.div`
|
|
3694
3310
|
display: flex;
|
|
3695
3311
|
gap: 1rem;
|
|
3696
3312
|
align-items: center;
|
|
@@ -3700,7 +3316,7 @@ var ButtonGroup3 = styled41.div`
|
|
|
3700
3316
|
display: none;
|
|
3701
3317
|
}
|
|
3702
3318
|
`;
|
|
3703
|
-
|
|
3319
|
+
styled42.button`
|
|
3704
3320
|
display: none;
|
|
3705
3321
|
|
|
3706
3322
|
/* Show only on mobile */
|
|
@@ -3720,7 +3336,7 @@ var BurgerButton = styled41.button`
|
|
|
3720
3336
|
}
|
|
3721
3337
|
}
|
|
3722
3338
|
`;
|
|
3723
|
-
|
|
3339
|
+
styled42.div`
|
|
3724
3340
|
width: 2rem;
|
|
3725
3341
|
height: 0.25rem;
|
|
3726
3342
|
background-color: ${(props) => colors.border[props.$burgerVariant]};
|
|
@@ -3742,166 +3358,20 @@ var BurgerLine = styled41.div`
|
|
|
3742
3358
|
transform: ${({ $isOpen }) => $isOpen ? "rotate(-45deg)" : "rotate(0)"};
|
|
3743
3359
|
}
|
|
3744
3360
|
`;
|
|
3745
|
-
|
|
3746
|
-
logo,
|
|
3747
|
-
primaryButtonText,
|
|
3748
|
-
secondaryButtonText,
|
|
3749
|
-
onPrimaryClick,
|
|
3750
|
-
onSecondaryClick,
|
|
3751
|
-
isMobileMenuOpen = false,
|
|
3752
|
-
onMobileMenuToggle,
|
|
3753
|
-
burgerVariant = "primary",
|
|
3754
|
-
primaryArrowVariant = "blue",
|
|
3755
|
-
primaryTextBgVariant = "brand",
|
|
3756
|
-
primaryTextVariant = "secondary",
|
|
3757
|
-
secondaryBgVariant = "transparent",
|
|
3758
|
-
secondaryTextVariant = "brand"
|
|
3759
|
-
}) => {
|
|
3760
|
-
return /* @__PURE__ */ jsxs(HeaderContainer3, { children: [
|
|
3761
|
-
/* @__PURE__ */ jsx(LogoWrapper3, { children: /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo" }) }),
|
|
3762
|
-
/* @__PURE__ */ jsxs(ButtonGroup3, { children: [
|
|
3763
|
-
/* @__PURE__ */ jsx(
|
|
3764
|
-
ExtendedButton,
|
|
3765
|
-
{
|
|
3766
|
-
text: primaryButtonText,
|
|
3767
|
-
onClick: onPrimaryClick,
|
|
3768
|
-
arrowVariant: primaryArrowVariant,
|
|
3769
|
-
textBgVariant: primaryTextBgVariant,
|
|
3770
|
-
textVariant: primaryTextVariant
|
|
3771
|
-
}
|
|
3772
|
-
),
|
|
3773
|
-
/* @__PURE__ */ jsx(
|
|
3774
|
-
TextButton,
|
|
3775
|
-
{
|
|
3776
|
-
text: secondaryButtonText,
|
|
3777
|
-
onClick: onSecondaryClick,
|
|
3778
|
-
bgVariant: secondaryBgVariant,
|
|
3779
|
-
textVariant: secondaryTextVariant,
|
|
3780
|
-
uppercase: true
|
|
3781
|
-
}
|
|
3782
|
-
)
|
|
3783
|
-
] }),
|
|
3784
|
-
/* @__PURE__ */ jsxs(BurgerButton, { onClick: onMobileMenuToggle, $burgerVariant: burgerVariant, children: [
|
|
3785
|
-
/* @__PURE__ */ jsx(BurgerLine, { $isOpen: isMobileMenuOpen, $burgerVariant: burgerVariant }),
|
|
3786
|
-
/* @__PURE__ */ jsx(BurgerLine, { $isOpen: isMobileMenuOpen, $burgerVariant: burgerVariant }),
|
|
3787
|
-
/* @__PURE__ */ jsx(BurgerLine, { $isOpen: isMobileMenuOpen, $burgerVariant: burgerVariant })
|
|
3788
|
-
] })
|
|
3789
|
-
] });
|
|
3790
|
-
};
|
|
3791
|
-
var Container23 = styled41.div`
|
|
3361
|
+
styled42.div`
|
|
3792
3362
|
display: flex;
|
|
3793
3363
|
flex-direction: column;
|
|
3794
3364
|
gap: ${spaces[2]};
|
|
3795
3365
|
`;
|
|
3796
|
-
|
|
3366
|
+
styled42.div`
|
|
3797
3367
|
display: flex;
|
|
3798
3368
|
flex-direction: column;
|
|
3799
3369
|
gap: ${spaces[2]};
|
|
3800
3370
|
padding: 0 ${spaces[4]};
|
|
3801
3371
|
`;
|
|
3802
|
-
|
|
3803
|
-
function isAllCompleted(overviewItems) {
|
|
3804
|
-
let isCompleted = true;
|
|
3805
|
-
overviewItems.forEach((overview) => {
|
|
3806
|
-
if (overview.isComplete === false) {
|
|
3807
|
-
isCompleted = false;
|
|
3808
|
-
}
|
|
3809
|
-
});
|
|
3810
|
-
return isCompleted;
|
|
3811
|
-
}
|
|
3812
|
-
return /* @__PURE__ */ jsx(Container23, { children: overviews.map((overview) => /* @__PURE__ */ jsx(Container23, { children: /* @__PURE__ */ jsx(OverviewRowItem, { title: overview.header, isMainHeader: true, isComplete: isAllCompleted(overview.overviewItems) }) }, overview.header)) });
|
|
3813
|
-
};
|
|
3814
|
-
var ToastContext = createContext({ showToast: () => {
|
|
3372
|
+
createContext({ showToast: () => {
|
|
3815
3373
|
} });
|
|
3816
|
-
var
|
|
3817
|
-
var ToastProvider = ({ children }) => {
|
|
3818
|
-
const [toast, setToast] = useState();
|
|
3819
|
-
function showToast({ message, type = "Success" }) {
|
|
3820
|
-
setToast({ message, type });
|
|
3821
|
-
}
|
|
3822
|
-
return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { showToast }, children: [
|
|
3823
|
-
/* @__PURE__ */ jsx(
|
|
3824
|
-
Toast,
|
|
3825
|
-
{
|
|
3826
|
-
type: toast?.type ?? "Success",
|
|
3827
|
-
message: toast?.message,
|
|
3828
|
-
visible: typeof toast?.message === "string",
|
|
3829
|
-
onClear: () => setToast(void 0)
|
|
3830
|
-
}
|
|
3831
|
-
),
|
|
3832
|
-
children
|
|
3833
|
-
] });
|
|
3834
|
-
};
|
|
3835
|
-
var VersionLabel = ({ versionNumber }) => {
|
|
3836
|
-
return /* @__PURE__ */ jsx(Label, { value: `V${versionNumber}` });
|
|
3837
|
-
};
|
|
3838
|
-
var AboutUsContainer = styled41.section`
|
|
3839
|
-
display: grid;
|
|
3840
|
-
grid-template-columns: 35% 65%;
|
|
3841
|
-
gap: 3rem;
|
|
3842
|
-
padding: 4rem 2rem;
|
|
3843
|
-
margin: 0 auto;
|
|
3844
|
-
align-items: start;
|
|
3845
|
-
background-color: ${colors.background?.secondary};
|
|
3846
|
-
|
|
3847
|
-
@media (max-width: 768px) {
|
|
3848
|
-
grid-template-columns: 1fr;
|
|
3849
|
-
}
|
|
3850
|
-
`;
|
|
3851
|
-
var ImageWrapper2 = styled41.div`
|
|
3852
|
-
width: 100%;
|
|
3853
|
-
aspect-ratio: 3 / 4;
|
|
3854
|
-
border-radius: 8px;
|
|
3855
|
-
overflow: hidden;
|
|
3856
|
-
|
|
3857
|
-
img {
|
|
3858
|
-
width: 100%;
|
|
3859
|
-
height: 100%;
|
|
3860
|
-
display: block;
|
|
3861
|
-
object-fit: cover;
|
|
3862
|
-
}
|
|
3863
|
-
`;
|
|
3864
|
-
var ContentWrapper3 = styled41.div`
|
|
3865
|
-
display: flex;
|
|
3866
|
-
flex-direction: column;
|
|
3867
|
-
gap: 1.5rem;
|
|
3868
|
-
align-items: flex-start;
|
|
3869
|
-
padding: 1rem 4rem 1rem 1rem;
|
|
3870
|
-
`;
|
|
3871
|
-
var AboutUs = ({
|
|
3872
|
-
image,
|
|
3873
|
-
pillText,
|
|
3874
|
-
headerText,
|
|
3875
|
-
description,
|
|
3876
|
-
buttonText,
|
|
3877
|
-
onButtonClick,
|
|
3878
|
-
pillVariant = "primary",
|
|
3879
|
-
headerColor = "brand",
|
|
3880
|
-
descriptionVariant = "primary",
|
|
3881
|
-
buttonArrowVariant = "blue",
|
|
3882
|
-
buttonTextBgVariant = "transparent",
|
|
3883
|
-
buttonTextVariant = "brand"
|
|
3884
|
-
}) => {
|
|
3885
|
-
return /* @__PURE__ */ jsxs(AboutUsContainer, { children: [
|
|
3886
|
-
/* @__PURE__ */ jsx(ImageWrapper2, { children: /* @__PURE__ */ jsx("img", { src: image, alt: "About Us" }) }),
|
|
3887
|
-
/* @__PURE__ */ jsxs(ContentWrapper3, { children: [
|
|
3888
|
-
/* @__PURE__ */ jsx(Pill, { variant: pillVariant, inverse: true, children: pillText }),
|
|
3889
|
-
/* @__PURE__ */ jsx(Header, { variant: "h1", color: headerColor, children: headerText }),
|
|
3890
|
-
/* @__PURE__ */ jsx(Description, { variant: descriptionVariant, children: description }),
|
|
3891
|
-
/* @__PURE__ */ jsx(
|
|
3892
|
-
ExtendedButton,
|
|
3893
|
-
{
|
|
3894
|
-
text: buttonText,
|
|
3895
|
-
onClick: onButtonClick,
|
|
3896
|
-
arrowVariant: buttonArrowVariant,
|
|
3897
|
-
textBgVariant: buttonTextBgVariant,
|
|
3898
|
-
textVariant: buttonTextVariant
|
|
3899
|
-
}
|
|
3900
|
-
)
|
|
3901
|
-
] })
|
|
3902
|
-
] });
|
|
3903
|
-
};
|
|
3904
|
-
var ContactSection = styled41.section`
|
|
3374
|
+
var ContactSection = styled42.section`
|
|
3905
3375
|
display: flex;
|
|
3906
3376
|
justify-content: center;
|
|
3907
3377
|
align-items: center;
|
|
@@ -3914,7 +3384,7 @@ var ContactSection = styled41.section`
|
|
|
3914
3384
|
padding: 2rem 1rem;
|
|
3915
3385
|
}
|
|
3916
3386
|
`;
|
|
3917
|
-
var ContentWrapper4 =
|
|
3387
|
+
var ContentWrapper4 = styled42.div`
|
|
3918
3388
|
display: grid;
|
|
3919
3389
|
grid-template-columns: 1fr 1fr;
|
|
3920
3390
|
gap: 0;
|
|
@@ -3926,7 +3396,7 @@ var ContentWrapper4 = styled41.div`
|
|
|
3926
3396
|
grid-template-columns: 1fr;
|
|
3927
3397
|
}
|
|
3928
3398
|
`;
|
|
3929
|
-
var ImageWrapper3 =
|
|
3399
|
+
var ImageWrapper3 = styled42.div`
|
|
3930
3400
|
width: 100%;
|
|
3931
3401
|
height: 100%;
|
|
3932
3402
|
min-height: 600px;
|
|
@@ -3943,7 +3413,7 @@ var ImageWrapper3 = styled41.div`
|
|
|
3943
3413
|
display: none;
|
|
3944
3414
|
}
|
|
3945
3415
|
`;
|
|
3946
|
-
var FormContainer2 =
|
|
3416
|
+
var FormContainer2 = styled42.div`
|
|
3947
3417
|
display: flex;
|
|
3948
3418
|
flex-direction: column;
|
|
3949
3419
|
gap: 2rem;
|
|
@@ -3955,12 +3425,12 @@ var FormContainer2 = styled41.div`
|
|
|
3955
3425
|
padding: 2rem 1.5rem;
|
|
3956
3426
|
}
|
|
3957
3427
|
`;
|
|
3958
|
-
var FormWrapper =
|
|
3428
|
+
var FormWrapper = styled42.div`
|
|
3959
3429
|
display: flex;
|
|
3960
3430
|
flex-direction: column;
|
|
3961
3431
|
gap: 2rem;
|
|
3962
3432
|
`;
|
|
3963
|
-
var ButtonWrapper3 =
|
|
3433
|
+
var ButtonWrapper3 = styled42.div`
|
|
3964
3434
|
display: flex;
|
|
3965
3435
|
justify-content: flex-start;
|
|
3966
3436
|
|
|
@@ -4010,7 +3480,7 @@ var Contact = ({
|
|
|
4010
3480
|
] })
|
|
4011
3481
|
] }) });
|
|
4012
3482
|
};
|
|
4013
|
-
var FAQContainer =
|
|
3483
|
+
var FAQContainer = styled42.section`
|
|
4014
3484
|
display: flex;
|
|
4015
3485
|
flex-direction: column;
|
|
4016
3486
|
gap: 2rem;
|
|
@@ -4018,13 +3488,13 @@ var FAQContainer = styled41.section`
|
|
|
4018
3488
|
min-height: 100vh;
|
|
4019
3489
|
background-color: ${colors.background?.primary};
|
|
4020
3490
|
`;
|
|
4021
|
-
var HeaderSection2 =
|
|
3491
|
+
var HeaderSection2 = styled42.div`
|
|
4022
3492
|
display: flex;
|
|
4023
3493
|
flex-direction: column;
|
|
4024
3494
|
gap: 1.5rem;
|
|
4025
3495
|
align-items: flex-start;
|
|
4026
3496
|
`;
|
|
4027
|
-
var AccordionList =
|
|
3497
|
+
var AccordionList = styled42.div`
|
|
4028
3498
|
display: flex;
|
|
4029
3499
|
flex-direction: column;
|
|
4030
3500
|
width: 100%;
|
|
@@ -4062,7 +3532,7 @@ var FAQ = ({
|
|
|
4062
3532
|
)) })
|
|
4063
3533
|
] });
|
|
4064
3534
|
};
|
|
4065
|
-
var FeaturesContainer =
|
|
3535
|
+
var FeaturesContainer = styled42.section`
|
|
4066
3536
|
display: flex;
|
|
4067
3537
|
flex-direction: column;
|
|
4068
3538
|
align-items: flex-start;
|
|
@@ -4072,11 +3542,11 @@ var FeaturesContainer = styled41.section`
|
|
|
4072
3542
|
min-height: 100vh;
|
|
4073
3543
|
background-color: ${colors.background?.secondary};
|
|
4074
3544
|
`;
|
|
4075
|
-
var InnerWrapper =
|
|
3545
|
+
var InnerWrapper = styled42.div`
|
|
4076
3546
|
width: 100%;
|
|
4077
3547
|
margin: 0 auto;
|
|
4078
3548
|
`;
|
|
4079
|
-
var HeaderWrapper3 =
|
|
3549
|
+
var HeaderWrapper3 = styled42.div`
|
|
4080
3550
|
text-align: left;
|
|
4081
3551
|
`;
|
|
4082
3552
|
var Features = ({
|
|
@@ -4109,7 +3579,7 @@ var Features = ({
|
|
|
4109
3579
|
)
|
|
4110
3580
|
] }) });
|
|
4111
3581
|
};
|
|
4112
|
-
var HeroContainer =
|
|
3582
|
+
var HeroContainer = styled42.section`
|
|
4113
3583
|
display: grid;
|
|
4114
3584
|
grid-template-columns: 1fr 1fr;
|
|
4115
3585
|
gap: 2rem;
|
|
@@ -4150,7 +3620,7 @@ var HeroContainer = styled41.section`
|
|
|
4150
3620
|
padding: 1.5rem 1rem;
|
|
4151
3621
|
}
|
|
4152
3622
|
`;
|
|
4153
|
-
var Column =
|
|
3623
|
+
var Column = styled42.div`
|
|
4154
3624
|
position: relative;
|
|
4155
3625
|
display: flex;
|
|
4156
3626
|
align-items: center;
|
|
@@ -4161,7 +3631,7 @@ var Column = styled41.div`
|
|
|
4161
3631
|
width: 100%;
|
|
4162
3632
|
}
|
|
4163
3633
|
`;
|
|
4164
|
-
var FeaturesColumn =
|
|
3634
|
+
var FeaturesColumn = styled42(Column)`
|
|
4165
3635
|
/* On desktop: normal column */
|
|
4166
3636
|
@media (min-width: 1025px) {
|
|
4167
3637
|
display: flex;
|
|
@@ -4174,7 +3644,7 @@ var FeaturesColumn = styled41(Column)`
|
|
|
4174
3644
|
align-items: flex-start;
|
|
4175
3645
|
}
|
|
4176
3646
|
`;
|
|
4177
|
-
var CTAColumn =
|
|
3647
|
+
var CTAColumn = styled42(Column)`
|
|
4178
3648
|
/* Ensure CTA comes first on mobile */
|
|
4179
3649
|
@media (max-width: 1024px) {
|
|
4180
3650
|
order: 1;
|
|
@@ -4233,7 +3703,7 @@ var Hero = ({
|
|
|
4233
3703
|
) })
|
|
4234
3704
|
] });
|
|
4235
3705
|
};
|
|
4236
|
-
var SectionContainer =
|
|
3706
|
+
var SectionContainer = styled42.section`
|
|
4237
3707
|
display: flex;
|
|
4238
3708
|
flex-direction: column;
|
|
4239
3709
|
padding: 4rem 2rem;
|
|
@@ -4245,7 +3715,7 @@ var SectionContainer = styled41.section`
|
|
|
4245
3715
|
padding: 2rem 1rem;
|
|
4246
3716
|
}
|
|
4247
3717
|
`;
|
|
4248
|
-
var SectionHeader =
|
|
3718
|
+
var SectionHeader = styled42.div`
|
|
4249
3719
|
padding-bottom: 2rem;
|
|
4250
3720
|
border-bottom: 1px solid ${colors.text.light};
|
|
4251
3721
|
|
|
@@ -4255,7 +3725,7 @@ var SectionHeader = styled41.div`
|
|
|
4255
3725
|
padding-bottom: 1rem;
|
|
4256
3726
|
}
|
|
4257
3727
|
`;
|
|
4258
|
-
var ProductsWrapper =
|
|
3728
|
+
var ProductsWrapper = styled42.div`
|
|
4259
3729
|
/* Desktop: normal vertical stack */
|
|
4260
3730
|
@media (min-width: 768px) {
|
|
4261
3731
|
display: flex;
|
|
@@ -4277,7 +3747,7 @@ var ProductsWrapper = styled41.div`
|
|
|
4277
3747
|
}
|
|
4278
3748
|
}
|
|
4279
3749
|
`;
|
|
4280
|
-
var ProductItem =
|
|
3750
|
+
var ProductItem = styled42.div`
|
|
4281
3751
|
/* Desktop: vertical stack with borders */
|
|
4282
3752
|
@media (min-width: 768px) {
|
|
4283
3753
|
padding: 2rem 0;
|
|
@@ -4331,6 +3801,6 @@ var OtherProducts = ({
|
|
|
4331
3801
|
] });
|
|
4332
3802
|
};
|
|
4333
3803
|
|
|
4334
|
-
export { AboutUs, Contact,
|
|
3804
|
+
export { AboutUs, Contact, FAQ, Features, Filter, Hero, NavMenu, OtherProducts, Search, SortBy, Spinner, Table, TableHeader, TableInner, TableListItem, TableRow, Tabs, Toast, TopMenu };
|
|
4335
3805
|
//# sourceMappingURL=index.js.map
|
|
4336
3806
|
//# sourceMappingURL=index.js.map
|