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.
Files changed (42) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Button-DSs1nCzw.d.cts +22 -0
  3. package/dist/Button-DSs1nCzw.d.ts +22 -0
  4. package/dist/{FileButton-zPIyC3gQ.d.ts → FileButton-C5ihIfp2.d.ts} +1 -1
  5. package/dist/{FileButton-C_ITD9MA.d.cts → FileButton-zG8s-td_.d.cts} +1 -1
  6. package/dist/{Textarea-COarrHSa.d.ts → Textarea-BALpKeZd.d.ts} +1 -1
  7. package/dist/{Textarea-DP0HgLAn.d.cts → Textarea-BSdiNkgw.d.cts} +1 -1
  8. package/dist/atoms.d.cts +4 -3
  9. package/dist/atoms.d.ts +4 -3
  10. package/dist/colors-CSsV0X7j.d.cts +8 -0
  11. package/dist/colors-CSsV0X7j.d.ts +8 -0
  12. package/dist/index.cjs +249 -788
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/index.d.cts +6 -124
  15. package/dist/index.d.ts +6 -124
  16. package/dist/index.js +251 -781
  17. package/dist/index.js.map +1 -1
  18. package/dist/molecules.d.cts +5 -3
  19. package/dist/molecules.d.ts +5 -3
  20. package/dist/organisms.cjs +2859 -0
  21. package/dist/organisms.cjs.map +1 -0
  22. package/dist/organisms.d.cts +127 -0
  23. package/dist/organisms.d.ts +127 -0
  24. package/dist/organisms.js +2845 -0
  25. package/dist/organisms.js.map +1 -0
  26. package/dist/{toast-CvZfLJrO.d.cts → tableListItem-irbfqxnQ.d.cts} +1 -3
  27. package/dist/{toast-CvZfLJrO.d.ts → tableListItem-irbfqxnQ.d.ts} +1 -3
  28. package/dist/toast-JPCqJveR.d.cts +3 -0
  29. package/dist/toast-JPCqJveR.d.ts +3 -0
  30. package/dist/types-CkS-Mlp9.d.cts +19 -0
  31. package/dist/types-CkS-Mlp9.d.ts +19 -0
  32. package/dist/types.d.cts +2 -1
  33. package/dist/types.d.ts +2 -1
  34. package/package.json +5 -5
  35. package/src/index.ts +0 -1
  36. package/src/molecules/ContentCard/ContentCard.tsx +1 -1
  37. package/src/molecules/SideNav/SideNav.tsx +1 -1
  38. package/src/organisms/FeatureCarousel/FeatureCarousel.tsx +3 -1
  39. package/src/organisms/Header/Header.tsx +27 -2
  40. package/tsup.config.ts +1 -0
  41. package/dist/Button-BT32YGe5.d.cts +0 -46
  42. package/dist/Button-BT32YGe5.d.ts +0 -46
package/dist/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { createContext, useContext, useState, useEffect, useMemo, useRef, Fragment as Fragment$1 } from 'react';
2
- import styled41, { keyframes } from 'styled-components';
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, HiArrowLeft, HiArrowRight, HiMinus, HiPlus } from 'react-icons/hi2';
5
- import { FaMinus, FaPlus as FaPlus$1 } from 'react-icons/fa';
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 as Button$1 } from '@headlessui/react';
9
+ import { Transition, Dialog as Dialog$1, DialogPanel, DialogTitle, Button } from '@headlessui/react';
10
10
  import { useAnimation, motion } from 'framer-motion';
11
- import { FaCaretUp, FaCaretDown, FaHouse, FaRegFolderOpen, FaPlus, FaCircleCheck, FaCircleExclamation } from 'react-icons/fa6';
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 = styled41.span`
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 = styled41(StyledLabel)`
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 = styled41.button`
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 = styled41(HiArrowUpRight)`
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
- var Ring = styled41.span`
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
- var Loader = ({
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
- var ButtonText = styled41.span`
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 = styled41.p`
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 = styled41.button`
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 = styled41.div`
280
+ var Container = styled42.div`
323
281
  display: flex;
324
282
  gap: 1rem;
325
283
  background-color: transparent;
326
284
  `;
327
- var ThumbnailWrapper = styled41.div`
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 = styled41.div`
295
+ var Content = styled42.div`
338
296
  display: flex;
339
297
  flex-direction: column;
340
298
  gap: 0.25rem;
341
299
  `;
342
- var Title = styled41.h3`
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 = styled41.p`
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
- styled41.div`
348
+ styled42.div`
391
349
  width: 100%;
392
350
  display: flex;
393
351
  justify-content: center;
394
352
  `;
395
- styled41.div`
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 = styled41.h1`
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
- styled41.input`
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 = styled41.span`
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
- styled41.div`
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
- styled41.span`
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 = styled41.div`
498
+ var Container4 = styled42.div`
541
499
  width: 100%;
542
500
  `;
543
- var Label3 = styled41.label`
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 = styled41.input`
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 = styled41.textarea`
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
- var variants5 = ["primary", "secondary", "inverse", "filled"];
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 = styled41.label`
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 = styled41.input.attrs({ type: "checkbox" })`
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 = styled41.div`
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 = styled41.span`
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 = styled41.a`
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
- var StyledText2 = styled41.h1`
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
- var Text2 = ({
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 = styled41.button`
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 = styled41.span`
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
- styled41.div`
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
- styled41.button`
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 = styled41.div`
918
+ var Container5 = styled42.div`
988
919
  width: 100%;
989
920
  `;
990
- var InnerContainer2 = styled41.div`
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 = styled41.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 = styled41.option`
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$1,
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$1,
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 Container6 = styled41.div`
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 = styled41.div`
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
- var Container7 = styled41.div`
2059
+ styled42.div`
2063
2060
  width: 100%;
2064
2061
  padding: ${spaces[4]};
2065
2062
  `;
2066
- var AccordionContent = ({ children }) => {
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
- var HeaderContainer = styled41.div`
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
- var AccordionHeader = ({
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
- var Accordion = ({
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
- var HeaderWrapper = styled41.div`
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
- var ToggleIcon = styled41.div`
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
- var CollapseContent = styled41.div`
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
- var InfoSection = styled41.div`
2159
+ styled42.div`
2213
2160
  display: flex;
2214
2161
  flex-direction: column;
2215
2162
  gap: 0.5rem;
2216
2163
  `;
2217
- var InfoText = styled41.p`
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
- var ButtonWrapper = styled41.div`
2182
+ styled42.div`
2236
2183
  margin-top: 0.5rem;
2237
2184
  `;
2238
- var Address = ({
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
- styled41.input.attrs({ type: "checkbox" })`
2193
+ styled42.input.attrs({ type: "checkbox" })`
2326
2194
  display: none;
2327
2195
  `;
2328
- styled41.span`
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
- styled41.div`
2204
+ styled42.div`
2337
2205
  display: flex;
2338
2206
  flex-direction: column;
2339
2207
  `;
2340
- styled41.div`
2208
+ styled42.div`
2341
2209
  display: flex;
2342
2210
  gap: ${spaces[4]};
2343
2211
  `;
2344
- var Container11 = styled41.div`
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 = styled41.div`
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 = styled41.div`
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 = styled41.div`
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 = styled41.h1`
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 = styled41.p`
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 = styled41.div`
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 = styled41.div`
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 = styled41.button`
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 = styled41.span`
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 = styled41.div`
2385
+ var HeaderWrapper2 = styled42.div`
2518
2386
  flex-grow: 1;
2519
2387
  `;
2520
- var IconWrapper = styled41.div`
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 = styled41.div`
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 = styled41.div`
2423
+ var Container13 = styled42.div`
2556
2424
  display: flex;
2557
2425
  flex-direction: column;
2558
2426
  `;
2559
- var FeatureWrapper = styled41.div`
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
- styled41.div`
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
- styled41.div`
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
- var Container14 = styled41.div`
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
- var Row = styled41.div`
2491
+ styled42.div`
2664
2492
  display: flex;
2665
2493
  align-items: center;
2666
2494
  gap: ${spaces[2]};
2667
2495
  `;
2668
- var OverviewRowItem = ({ isComplete, isMainHeader, title }) => {
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
- styled41.div`
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
- styled41.div`
2507
+ styled42.div`
2689
2508
  border-top: 1px solid ${colors.border.hover};
2690
2509
  `;
2691
- styled41.div`
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
- var variants11 = ["documents", "properties"];
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
- var EmptyState = ({ variant, message }) => {
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 = styled41.div`
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 ImageWrapper = styled41.div`
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 ContentWrapper = styled41.div`
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 = styled41.div`
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(ImageWrapper, { children: /* @__PURE__ */ jsx("img", { src: image, alt: "Product" }) }),
2793
- /* @__PURE__ */ jsxs(ContentWrapper, { children: [
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
- styled41.div``;
2810
- styled41.div`
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
- styled41.div`
2618
+ styled42.div`
2818
2619
  padding-left: ${spaces[1]};
2819
2620
  `;
2820
- styled41.div`
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
- styled41.div`
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
- styled41.div`
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
- styled41.button`
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
- styled41.table`
2675
+ styled42.table`
2875
2676
  width: 100%;
2876
2677
  border-collapse: collapse;
2877
2678
  `;
2878
- styled41.thead`
2679
+ styled42.thead`
2879
2680
  border-bottom: 2px solid #e5e7eb;
2880
2681
  `;
2881
- styled41.th`
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
- styled41.tbody``;
2901
- styled41.tr`
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
- styled41.td`
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
- styled41.div`
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
- styled41.div`
2738
+ styled42.div`
2938
2739
  @media (max-width: 767px) {
2939
2740
  display: none;
2940
2741
  }
2941
2742
  `;
2942
- styled41.nav`
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
- styled41.button`
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
- styled41.div`
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 = styled41.ul`
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
- styled41(NavList)`
2799
+ styled42(NavList)`
2999
2800
  @media (max-width: 767px) {
3000
2801
  display: none;
3001
2802
  }
3002
2803
  `;
3003
- styled41(NavList)`
2804
+ styled42(NavList)`
3004
2805
  display: none;
3005
2806
 
3006
2807
  @media (max-width: 767px) {
3007
2808
  display: flex;
3008
2809
  }
3009
2810
  `;
3010
- styled41.li`
2811
+ styled42.li`
3011
2812
  display: flex;
3012
2813
  `;
3013
- styled41.a`
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
- styled41.div`
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
- styled41.span`
2836
+ styled42.span`
3036
2837
  width: 6px;
3037
2838
  margin-right: 0.5rem;
3038
2839
  flex-shrink: 0;
3039
2840
  `;
3040
- styled41.div`
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 = styled41.div`
2846
+ var Spacer = styled42.div`
3046
2847
  flex-grow: 1;
3047
2848
  `;
3048
- styled41(Spacer)`
2849
+ styled42(Spacer)`
3049
2850
  @media (max-width: 767px) {
3050
2851
  display: none;
3051
2852
  }
3052
2853
  `;
3053
- styled41.div`
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
- styled41.div`
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
- styled41.div`
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
- styled41.button`
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
- styled41.div`
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
- styled41.div`
2929
+ styled42.div`
3129
2930
  display: flex;
3130
2931
  flex-direction: column;
3131
2932
  gap: 1.5rem;
3132
2933
  `;
3133
- styled41.div`
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
- styled41.span`
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
- var Container21 = styled41.div`
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
- var IconContainer = styled41.div`
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
- var DocumentAccordionHeader = ({
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
- var DocumentAccordionRow = ({
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
- var Container22 = styled41.div`
2997
+ styled42.div`
3235
2998
  display: flex;
3236
2999
  flex-direction: column;
3237
3000
  gap: ${spaces[3]};
3238
3001
  `;
3239
- var DocumentListAccordion = ({
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 = styled41.div`
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 = styled41.div`
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 = styled41.div`
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 = styled41.button`
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 = styled41.div`
3077
+ var Indicators = styled42.div`
3388
3078
  display: flex;
3389
3079
  gap: 0.5rem;
3390
3080
  `;
3391
- var Indicator = styled41.div`
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
- var variants13 = ["primary", "secondary"];
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
- var TopSection = styled41.div`
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
- var LogoWrapper2 = styled41.div`
3222
+ styled42.div`
3534
3223
  img {
3535
3224
  height: 100px;
3536
3225
  width: auto;
3537
3226
  }
3538
3227
  `;
3539
- var ButtonGroup2 = styled41.div`
3228
+ styled42.div`
3540
3229
  display: flex;
3541
3230
  gap: 1rem;
3542
3231
  align-items: center;
3543
3232
  `;
3544
- var MiddleSection = styled41.div`
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
- var SocialButtonGroup = styled41.div`
3248
+ styled42.div`
3560
3249
  display: flex;
3561
3250
  gap: 1rem;
3562
3251
  flex-wrap: wrap;
3563
3252
  `;
3564
- var BottomSection = styled41.div`
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
- var LegalLinks = styled41.div`
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
- var LegalLink = styled41.a`
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
- var Copyright = styled41.p`
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
- var Footer = ({
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
- var LogoWrapper3 = styled41.div`
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
- var ButtonGroup3 = styled41.div`
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
- var BurgerButton = styled41.button`
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
- var BurgerLine = styled41.div`
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
- var Header3 = ({
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
- styled41.div`
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
- var OverviewList = ({ overviews }) => {
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 useToast = () => useContext(ToastContext);
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 = styled41.div`
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 = styled41.div`
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 = styled41.div`
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 = styled41.div`
3428
+ var FormWrapper = styled42.div`
3959
3429
  display: flex;
3960
3430
  flex-direction: column;
3961
3431
  gap: 2rem;
3962
3432
  `;
3963
- var ButtonWrapper3 = styled41.div`
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 = styled41.section`
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 = styled41.div`
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 = styled41.div`
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 = styled41.section`
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 = styled41.div`
3545
+ var InnerWrapper = styled42.div`
4076
3546
  width: 100%;
4077
3547
  margin: 0 auto;
4078
3548
  `;
4079
- var HeaderWrapper3 = styled41.div`
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 = styled41.section`
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 = styled41.div`
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 = styled41(Column)`
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 = styled41(Column)`
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 = styled41.section`
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 = styled41.div`
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 = styled41.div`
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 = styled41.div`
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, ContactForm, DocumentListAccordion, FAQ, FeatureCarousel, Features, Filter, Footer, Header3 as Header, Hero, NavMenu, OtherProducts, OverviewList, Search, SortBy, Spinner, Table, TableHeader, TableInner, TableListItem, TableRow, Tabs, Toast, ToastProvider, TopMenu, VersionLabel, useToast };
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