property-practice-ui 0.3.1 → 0.4.0

package/dist/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
 var react = require('react');
-var styled41 = require('styled-components');
+var styled42 = require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
 var hi2 = require('react-icons/hi2');
-var fa = require('react-icons/fa');
+require('react-icons/fa');
 var Link2 = require('next/link');
 var tailwindVariants = require('tailwind-variants');
 var propertyPracticeIcons = require('property-practice-icons');
 var react$1 = require('@headlessui/react');
 var framerMotion = require('framer-motion');
-var fa6 = require('react-icons/fa6');
+require('react-icons/fa6');
 require('react-icons/hi');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var styled41__default = /*#__PURE__*/_interopDefault(styled41);
+var styled42__default = /*#__PURE__*/_interopDefault(styled42);
 var Link2__default = /*#__PURE__*/_interopDefault(Link2);
 
 // src/molecules/Dropdown/Dropdown.tsx
@@ -65,7 +65,6 @@ var colors = {
 var sizes = {
   sm: "12px",
   lg: "18px",
-  xl: "24px",
   0: "1px"};
 
 // src/tokens/spaces.ts
@@ -90,12 +89,12 @@ var spaces = {
   9: "56px",
   20: "150px"
 };
-var StyledLabel = styled41__default.default.span`
+var StyledLabel = styled42__default.default.span`
   color: ${(props) => colors.text[props?.color]};
   font-size: ${sizes.sm};
   font-weight: ${(props) => props.fontWeight};
 `;
-var StyledFloatingLabel = styled41__default.default(StyledLabel)`
+var StyledFloatingLabel = styled42__default.default(StyledLabel)`
   position: absolute;
   left: 0;
   bottom: 100%;
@@ -120,7 +119,7 @@ var FloatingLabel = ({
   return /* @__PURE__ */ jsxRuntime.jsx(StyledFloatingLabel, { color, fontWeight, children: value });
 };
 var variants = ["brand", "teal", "blue"];
-var StyledContainer = styled41__default.default.button`
+var StyledContainer = styled42__default.default.button`
   padding: 0.75rem;
   ${(props) => props.as === "button" ? `
     width: 2.5rem;
@@ -150,7 +149,7 @@ var StyledContainer = styled41__default.default.button`
     transform: rotate(45deg);
   }
 `;
-var StyledIcon = styled41__default.default(hi2.HiArrowUpRight)`
+var StyledIcon = styled42__default.default(hi2.HiArrowUpRight)`
   width: 1rem;
   height: 1rem;
   color: ${colors.text.secondary};
@@ -180,10 +179,10 @@ var radii = {
   lg: "10px",
   xl: "16px"
 };
-var spin = styled41.keyframes`
+var spin = styled42.keyframes`
   to { transform: rotate(360deg); }
 `;
-var Ring = styled41__default.default.span`
+styled42__default.default.span`
   display: inline-block;
   width: ${({ size }) => typeof size === "number" ? `${size}px` : size};
   height: ${({ size }) => typeof size === "number" ? `${size}px` : size};
@@ -201,24 +200,7 @@ var Ring = styled41__default.default.span`
     border-top-color: ${colors.border.active};
   }
 `;
-var Loader = ({
-  size = 32,
-  thickness = 3,
-  speed = "0.8s"
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Ring,
-    {
-      role: "status",
-      "aria-live": "polite",
-      size,
-      thickness,
-      speed
-    }
-  );
-};
-var ButtonTypes = ["submit", "reset", "button"];
-var StyledButton = styled41__default.default.button`
+styled42__default.default.button`
   padding: ${spaces[2]} ${spaces[4]};
   background-color: ${(props) => props.variant === "light" ? colors.button.primary : colors.button.secondary};
   border-radius: ${radii.lg};
@@ -245,36 +227,12 @@ var StyledButton = styled41__default.default.button`
     color: ${colors.text.primary};
   }
 `;
-var ButtonText = styled41__default.default.span`
+styled42__default.default.span`
   font-size: 12px;
   font-weight: 700;
 `;
-var Button = ({
-  onClick,
-  text,
-  type = "button",
-  disabled,
-  icon = void 0,
-  variant = "light",
-  isLoading
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    StyledButton,
-    {
-      type,
-      onClick,
-      disabled: disabled || isLoading,
-      variant,
-      children: !isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        typeof icon !== "undefined" && icon,
-        /* @__PURE__ */ jsxRuntime.jsx(ButtonText, { children: text })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(Loader, { size: "20px" })
-    }
-  );
-};
-Button.types = ButtonTypes;
 var variants2 = ["primary", "secondary", "subtle", "error"];
-var StyledDescription = styled41__default.default.p`
+var StyledDescription = styled42__default.default.p`
   margin: 0;
   font-size: 1rem;
   line-height: 1.6;
@@ -300,7 +258,7 @@ var Description = ({
   return /* @__PURE__ */ jsxRuntime.jsx(StyledDescription, { variant, children });
 };
 Description.variants = variants2;
-var StyledButton2 = styled41__default.default.button`
+var StyledButton2 = styled42__default.default.button`
   display: flex;
   align-items: center;
   height: 2.5rem;
@@ -326,12 +284,12 @@ var ExtendedButton = ({
     /* @__PURE__ */ jsxRuntime.jsx(TextButton, { asChild: true, text, bgVariant: textBgVariant, textVariant, uppercase: false })
   ] });
 };
-var Container = styled41__default.default.div`
+var Container = styled42__default.default.div`
   display: flex;
   gap: 1rem;
   background-color: transparent;
 `;
-var ThumbnailWrapper = styled41__default.default.div`
+var ThumbnailWrapper = styled42__default.default.div`
   width: ${(props) => props.$size || "3rem"};
   height: ${(props) => props.$size || "3rem"};
   border-radius: 50%;
@@ -341,18 +299,18 @@ var ThumbnailWrapper = styled41__default.default.div`
   justify-content: center;
   flex-shrink: 0;
 `;
-var Content = styled41__default.default.div`
+var Content = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 `;
-var Title = styled41__default.default.h3`
+var Title = styled42__default.default.h3`
   margin: 0;
   font-size: 1rem;
   font-weight: 600;
   color: ${(props) => colors.text[props.titleColor]};
 `;
-var Description2 = styled41__default.default.p`
+var Description2 = styled42__default.default.p`
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.5;
@@ -394,12 +352,12 @@ var FeatureItem = ({
 var breakpoints = {
   sm: "640px",
   lg: "1024px"};
-styled41__default.default.div`
+styled42__default.default.div`
   width: 100%;
   display: flex;
   justify-content: center;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   padding: ${spaces[4]};
@@ -427,7 +385,7 @@ var variants3 = {
     letterSpacing: "0.2px"
   }
 };
-var StyledText = styled41__default.default.h1`
+var StyledText = styled42__default.default.h1`
   color: ${(props) => colors.text[props?.color]};
   font-size: ${(props) => variants3[props.variant].fontSize};
   font-weight: ${(props) => variants3[props.variant].fontWeight};
@@ -441,7 +399,7 @@ var Header = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(StyledText, { variant, color, children });
 };
-styled41__default.default.input`
+styled42__default.default.input`
   display: block;
   height: 100%;
   width: 100%;
@@ -451,7 +409,7 @@ styled41__default.default.input`
   font-weight: 600;
 `;
 var variants4 = ["primary", "secondary", "subtle", "error"];
-var StyledPill = styled41__default.default.span`
+var StyledPill = styled42__default.default.span`
   display: inline-block;
   padding: 0.5rem 1rem;
   border-radius: 9999px;
@@ -513,7 +471,7 @@ var Pill = ({
   return /* @__PURE__ */ jsxRuntime.jsx(StyledPill, { variant, $inverse: inverse, children });
 };
 Pill.variants = variants4;
-styled41__default.default.div`
+styled42__default.default.div`
   border-radius: ${radii.md};
   padding: ${spaces["3"]};
   display: flex;
@@ -539,15 +497,15 @@ styled41__default.default.div`
     background-color: rgba(255, 255, 255, 0.92);
   }
 `;
-styled41__default.default.span`
+styled42__default.default.span`
   font-size: 16px;
   font-weight: ${(props) => props.isSelected ? "800" : "400"};
   text-align: center;
 `;
-var Container4 = styled41__default.default.div`
+var Container4 = styled42__default.default.div`
   width: 100%;
 `;
-var Label3 = styled41__default.default.label`
+var Label3 = styled42__default.default.label`
   display: block;
   font-size: 13px;
   font-weight: 600;
@@ -555,7 +513,7 @@ var Label3 = styled41__default.default.label`
   opacity: 0.8;
   margin-bottom: 0.5rem;
 `;
-var StyledInput2 = styled41__default.default.input`
+var StyledInput2 = styled42__default.default.input`
   box-sizing: border-box;
   height: 2.75rem;
   width: 100%;
@@ -578,7 +536,7 @@ var StyledInput2 = styled41__default.default.input`
 }};
   }
 `;
-var StyledTextArea = styled41__default.default.textarea`
+var StyledTextArea = styled42__default.default.textarea`
   box-sizing: border-box;
   width: 100%;
   border-radius: 6px;
@@ -637,8 +595,7 @@ var SecondaryInput = ({
     )
   ] });
 };
-var variants5 = ["primary", "secondary", "inverse", "filled"];
-var StyledButton3 = styled41__default.default.button`
+styled42__default.default.button`
   width: 2.5rem;
   height: 2.5rem;
   display: flex;
@@ -696,25 +653,8 @@ var StyledButton3 = styled41__default.default.button`
     height: 1.25rem;
   }
 `;
-var SocialButton = ({
-  icon,
-  onClick,
-  variant = "primary",
-  ariaLabel
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    StyledButton3,
-    {
-      onClick,
-      variant,
-      "aria-label": ariaLabel,
-      children: icon
-    }
-  );
-};
-SocialButton.variants = variants5;
 var variants6 = ["primary", "secondary", "subtle"];
-var CheckboxContainer = styled41__default.default.label`
+var CheckboxContainer = styled42__default.default.label`
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -722,12 +662,12 @@ var CheckboxContainer = styled41__default.default.label`
   font-size: 0.875rem;
   line-height: 1.5;
 `;
-var HiddenCheckbox = styled41__default.default.input.attrs({ type: "checkbox" })`
+var HiddenCheckbox = styled42__default.default.input.attrs({ type: "checkbox" })`
   position: absolute;
   opacity: 0;
   cursor: pointer;
 `;
-var StyledCheckbox = styled41__default.default.div`
+var StyledCheckbox = styled42__default.default.div`
   width: 1.25rem;
   height: 1.25rem;
   border: 2px solid ${(props) => {
@@ -775,7 +715,7 @@ var StyledCheckbox = styled41__default.default.div`
     display: ${(props) => props.$checked ? "block" : "none"};
   }
 `;
-var Text = styled41__default.default.span`
+var Text = styled42__default.default.span`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -789,7 +729,7 @@ var Text = styled41__default.default.span`
   }
 }};
 `;
-var Link = styled41__default.default.a`
+var Link = styled42__default.default.a`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -841,7 +781,6 @@ var TermsCheckbox = ({
   ] });
 };
 TermsCheckbox.variants = variants6;
-var sizes2 = ["sm", "md", "lg"];
 var variants7 = {
   sm: {
     fontSize: "14px",
@@ -856,20 +795,12 @@ var variants7 = {
     fontWeight: 500
   }
 };
-var StyledText2 = styled41__default.default.h1`
+styled42__default.default.h1`
   color: ${(props) => colors.text[props?.color]};
   font-size: ${(props) => variants7[props.variant].fontSize};
   font-weight: ${(props) => variants7[props.variant].fontWeight};
 `;
-var Text2 = ({
-  children,
-  color = "primary",
-  variant = "md"
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledText2, { color, variant, children });
-};
-Text2.variants = sizes2;
-styled41__default.default.textarea`
+styled42__default.default.textarea`
   display: block;
   width: 100%;
   height: 100%;
@@ -881,7 +812,7 @@ styled41__default.default.textarea`
 `;
 var bgVariants = ["primary", "secondary", "tertiary", "subtle", "blue", "brand", "light", "transparent"];
 var textVariants = ["brand", "primary", "secondary", "tertiary", "subtle", "light", "error", "blue"];
-var StyledContainer2 = styled41__default.default.button`
+var StyledContainer2 = styled42__default.default.button`
   padding: 0 1rem;
   height: 2.5rem;
   display: flex;
@@ -900,7 +831,7 @@ var StyledContainer2 = styled41__default.default.button`
     opacity: 0.9;
   }
 `;
-var StyledText3 = styled41__default.default.span`
+var StyledText3 = styled42__default.default.span`
   color: ${(props) => colors.text[props.textVariant]};
   font-size: 0.75rem;
   letter-spacing: 0.05em;
@@ -928,7 +859,7 @@ var TextButton = ({
 };
 TextButton.bgVariants = bgVariants;
 TextButton.textVariants = textVariants;
-styled41__default.default.div`
+styled42__default.default.div`
   display: inline-flex;
   background-color: ${(props) => {
   switch (props.variant) {
@@ -946,7 +877,7 @@ styled41__default.default.div`
   padding: 0.25rem;
   gap: 0.25rem;
 `;
-styled41__default.default.button`
+styled42__default.default.button`
   padding: 0.5rem 1.5rem;
   border-radius: 9999px;
   border: none;
@@ -991,10 +922,10 @@ styled41__default.default.button`
     opacity: ${(props) => props.$isActive ? 1 : 0.7};
   }
 `;
-var Container5 = styled41__default.default.div`
+var Container5 = styled42__default.default.div`
   width: 100%;
 `;
-var InnerContainer2 = styled41__default.default.div`
+var InnerContainer2 = styled42__default.default.div`
   position: relative;
   width: 100%;
   min-height: 58px;
@@ -1027,7 +958,7 @@ var InputContainer = ({
     typeof error === "string" && /* @__PURE__ */ jsxRuntime.jsx(Label, { value: error, color: "error" })
   ] });
 };
-var Select = styled41__default.default.select`
+var Select = styled42__default.default.select`
   width: 100%;
   color: ${colors.text.subtle};
   background: transparent;
@@ -1049,7 +980,7 @@ var Select = styled41__default.default.select`
     color: ${colors.text.subtle};
   }
 `;
-var OptionItem = styled41__default.default.option`
+var OptionItem = styled42__default.default.option`
   color: ${(props) => props.disabled ? colors.text.light : colors.text.subtle};
 `;
 var Dropdown = ({
@@ -2003,7 +1934,73 @@ function TopMenu({ logoUrl, children }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-x-4 text-sm font-medium ", children })
   ] }) });
 }
-var Container6 = styled41__default.default.div`
+var AboutUsContainer = styled42__default.default.section`
+  display: grid;
+  grid-template-columns: 35% 65%;
+  gap: 3rem;
+  padding: 4rem 2rem;
+  margin: 0 auto;
+  align-items: start;
+  background-color: ${colors.background?.secondary};
+
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr;
+  }
+`;
+var ImageWrapper = styled42__default.default.div`
+  width: 100%;
+  aspect-ratio: 3 / 4;
+  border-radius: 8px;
+  overflow: hidden;
+  
+  img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: cover;
+  }
+`;
+var ContentWrapper = styled42__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  align-items: flex-start;
+  padding: 1rem 4rem 1rem 1rem;
+`;
+var AboutUs = ({
+  image,
+  pillText,
+  headerText,
+  description,
+  buttonText,
+  onButtonClick,
+  pillVariant = "primary",
+  headerColor = "brand",
+  descriptionVariant = "primary",
+  buttonArrowVariant = "blue",
+  buttonTextBgVariant = "transparent",
+  buttonTextVariant = "brand"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(AboutUsContainer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ImageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: "About Us" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Pill, { variant: pillVariant, inverse: true, children: pillText }),
+      /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h1", color: headerColor, children: headerText }),
+      /* @__PURE__ */ jsxRuntime.jsx(Description, { variant: descriptionVariant, children: description }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ExtendedButton,
+        {
+          text: buttonText,
+          onClick: onButtonClick,
+          arrowVariant: buttonArrowVariant,
+          textBgVariant: buttonTextBgVariant,
+          textVariant: buttonTextVariant
+        }
+      )
+    ] })
+  ] });
+};
+var Container6 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: ${spaces[4]};
@@ -2013,7 +2010,7 @@ var Container6 = styled41__default.default.div`
     gap: ${spaces[2]};
   }
 `;
-var NameContainer = styled41__default.default.div`
+var NameContainer = styled42__default.default.div`
   display: flex;
   gap: ${spaces[4]};
   flex: 1;
@@ -2066,20 +2063,17 @@ var ContactForm = ({}) => {
     )
   ] });
 };
-var Container7 = styled41__default.default.div`
+styled42__default.default.div`
   width: 100%;
   padding: ${spaces[4]};
 `;
-var AccordionContent = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Container7, { children });
-};
-var Container8 = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 `;
-var HeaderContainer = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   align-items: center;
   gap: ${spaces[2]};
@@ -2088,59 +2082,12 @@ var HeaderContainer = styled41__default.default.div`
     cursor: pointer;
   }
 `;
-var AccordionHeader = ({
-  title,
-  isOpen,
-  buttonText,
-  onAccordionPress,
-  onButtonPress,
-  rightElement
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container8, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer, { onClick: onAccordionPress, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(fa.FaMinus, { color: colors.text.primary, size: sizes.lg }) : /* @__PURE__ */ jsxRuntime.jsx(fa.FaPlus, { color: colors.text.primary, size: sizes.lg }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h2", children: title })
-    ] }),
-    rightElement ? rightElement : /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        text: buttonText,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(fa6.FaPlus, { fontSize: "10px" }),
-        onClick: onButtonPress
-      }
-    )
-  ] });
-};
-var Container9 = styled41__default.default.div`
+styled42__default.default.div`
   border-radius: ${radii.lg};
   background-color: ${colors.background.secondary};
   padding: ${spaces[4]};
 `;
-var Accordion = ({
-  buttonText,
-  onButtonPress,
-  title,
-  children,
-  rightElement
-}) => {
-  const [isOpen, setIsOpen] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container9, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      AccordionHeader,
-      {
-        isOpen,
-        buttonText,
-        onButtonPress,
-        onAccordionPress: () => setIsOpen((previousState) => !previousState),
-        title,
-        rightElement
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children })
-  ] });
-};
-var variants9 = ["primary", "inverse", "subtle"];
-var AddressContainer = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   background-color: transparent;
@@ -2157,7 +2104,7 @@ var AddressContainer = styled41__default.default.div`
     gap: 0;
   }
 `;
-var HeaderWrapper = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2174,7 +2121,7 @@ var HeaderWrapper = styled41__default.default.div`
     user-select: none;
   }
 `;
-var ToggleIcon = styled41__default.default.div`
+styled42__default.default.div`
   display: none;
   
   /* Only show on mobile */
@@ -2197,7 +2144,7 @@ var ToggleIcon = styled41__default.default.div`
 }};
   }
 `;
-var CollapseContent = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2216,12 +2163,12 @@ var CollapseContent = styled41__default.default.div`
     padding-top: ${(props) => props.$isOpen ? "1rem" : "0"};
   }
 `;
-var InfoSection = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 `;
-var InfoText = styled41__default.default.p`
+styled42__default.default.p`
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.6;
@@ -2239,89 +2186,10 @@ var InfoText = styled41__default.default.p`
 }};
   font-weight: ${(props) => props.$bold ? 600 : 400};
 `;
-var ButtonWrapper = styled41__default.default.div`
+styled42__default.default.div`
   margin-top: 0.5rem;
 `;
-var Address = ({
-  title,
-  phone,
-  email,
-  addressLines,
-  directionsText = "GET DIRECTIONS",
-  onDirectionsClick,
-  variant = "primary"
-}) => {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const handleDirectionsClick = () => {
-    if (onDirectionsClick) {
-      onDirectionsClick();
-    } else {
-      const fullAddress = addressLines.join(", ");
-      const encodedAddress = encodeURIComponent(fullAddress);
-      const mapsUrl = `https://www.google.com/maps/search/?api=1&query=${encodedAddress}`;
-      window.open(mapsUrl, "_blank");
-    }
-  };
-  const getHeaderVariant = () => {
-    switch (variant) {
-      case "primary":
-        return "primary";
-      case "inverse":
-        return "secondary";
-      case "subtle":
-        return "subtle";
-      default:
-        return "primary";
-    }
-  };
-  const getButtonBgVariant = () => {
-    return "transparent";
-  };
-  const getButtonTextVariant = () => {
-    switch (variant) {
-      case "primary":
-        return "primary";
-      case "inverse":
-        return "secondary";
-      case "subtle":
-        return "subtle";
-      default:
-        return "primary";
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(AddressContainer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      HeaderWrapper,
-      {
-        $isClickable: true,
-        onClick: () => setIsOpen(!isOpen),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h1", color: getHeaderVariant(), children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToggleIcon, { variant, children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(hi2.HiMinus, {}) : /* @__PURE__ */ jsxRuntime.jsx(hi2.HiPlus, {}) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(CollapseContent, { $isOpen: isOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(InfoSection, { children: [
-        phone && /* @__PURE__ */ jsxRuntime.jsx(InfoText, { variant, children: phone }),
-        email && /* @__PURE__ */ jsxRuntime.jsx(InfoText, { variant, $bold: true, children: email.toUpperCase() }),
-        addressLines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsx(InfoText, { variant, children: line }, index))
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ButtonWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        TextButton,
-        {
-          text: directionsText,
-          onClick: handleDirectionsClick,
-          bgVariant: getButtonBgVariant(),
-          textVariant: getButtonTextVariant(),
-          uppercase: true
-        }
-      ) })
-    ] })
-  ] });
-};
-Address.variants = variants9;
-styled41__default.default.label`
+styled42__default.default.label`
   display: flex;
   align-items: center;
   gap: ${spaces[2]};
@@ -2329,10 +2197,10 @@ styled41__default.default.label`
   font-size: 16px;
   color: ${colors.text.subtle};
 `;
-styled41__default.default.input.attrs({ type: "checkbox" })`
+styled42__default.default.input.attrs({ type: "checkbox" })`
   display: none;
 `;
-styled41__default.default.span`
+styled42__default.default.span`
   width: ${sizes.lg};
   height: ${sizes.lg};
   border: 1.5px solid ${colors.background.tertiary};
@@ -2340,15 +2208,15 @@ styled41__default.default.span`
   background-color: ${({ checked }) => checked ? colors.background.tertiary : "transparent"};
   transition: all 0.2s ease-in-out;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: ${spaces[4]};
 `;
-var Container11 = styled41__default.default.div`
+var Container11 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2364,7 +2232,7 @@ var Container11 = styled41__default.default.div`
     width: 70vw;
   }
 `;
-var ThumbnailWrapper2 = styled41__default.default.div`
+var ThumbnailWrapper2 = styled42__default.default.div`
   width: 180px;
   height: 180px;
   border-radius: 50%;
@@ -2375,7 +2243,7 @@ var ThumbnailWrapper2 = styled41__default.default.div`
   flex-shrink: 0;
   align-self: center;
 `;
-var ButtonWrapper2 = styled41__default.default.div`
+var ButtonWrapper2 = styled42__default.default.div`
   display: flex;
   justify-content: flex-start;
   margin-top: auto;
@@ -2405,7 +2273,7 @@ var ContentCard = ({
   ] });
 };
 var variants10 = ["primary", "secondary", "transparent"];
-var Container12 = styled41__default.default.div`
+var Container12 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -2418,7 +2286,7 @@ var Container12 = styled41__default.default.div`
     max-width: 100%;
   }
 `;
-var Header2 = styled41__default.default.h1`
+var Header2 = styled42__default.default.h1`
   margin: 0;
   font-size: 2.5rem;
   font-weight: 700;
@@ -2434,7 +2302,7 @@ var Header2 = styled41__default.default.h1`
     font-size: 1.75rem;
   }
 `;
-var Description3 = styled41__default.default.p`
+var Description3 = styled42__default.default.p`
   margin: 0;
   font-size: 1.125rem;
   line-height: 1.6;
@@ -2445,7 +2313,7 @@ var Description3 = styled41__default.default.p`
     font-size: 1rem;
   }
 `;
-var ButtonGroup = styled41__default.default.div`
+var ButtonGroup = styled42__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -2500,11 +2368,11 @@ var CTAContainer = ({
   ] });
 };
 CTAContainer.variants = variants10;
-var AccordionContainer = styled41__default.default.div`
+var AccordionContainer = styled42__default.default.div`
   border-bottom: 1px solid ${colors.text.light};
   padding: 1.5rem 0;
 `;
-var AccordionHeader2 = styled41__default.default.button`
+var AccordionHeader2 = styled42__default.default.button`
   width: 100%;
   display: flex;
   align-items: center;
@@ -2515,23 +2383,23 @@ var AccordionHeader2 = styled41__default.default.button`
   text-align: left;
   padding: 0;
 `;
-var NumberBadge = styled41__default.default.span`
+var NumberBadge = styled42__default.default.span`
   font-size: 1rem;
   font-weight: 600;
   color: ${(props) => colors.text[props.numberColor]};
   flex-shrink: 0;
 `;
-var HeaderWrapper2 = styled41__default.default.div`
+var HeaderWrapper2 = styled42__default.default.div`
   flex-grow: 1;
 `;
-var IconWrapper = styled41__default.default.div`
+var IconWrapper = styled42__default.default.div`
   color: ${(props) => colors.text[props.iconColor]};
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 `;
-var AccordionContent2 = styled41__default.default.div`
+var AccordionContent2 = styled42__default.default.div`
   max-height: ${(props) => props.$isOpen ? "1000px" : "0"};
   overflow: hidden;
   transition: max-height 0.3s ease-in-out;
@@ -2559,11 +2427,11 @@ var FAQAccordion = ({
     /* @__PURE__ */ jsxRuntime.jsx(AccordionContent2, { $isOpen: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(Description, { variant: contentVariant, children: content }) })
   ] });
 };
-var Container13 = styled41__default.default.div`
+var Container13 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
 `;
-var FeatureWrapper = styled41__default.default.div`
+var FeatureWrapper = styled42__default.default.div`
   padding: 1rem 0;
   border-bottom: 1px solid #e5e7eb;
 
@@ -2590,55 +2458,15 @@ var FeatureContainer = ({
     }
   ) }, index)) });
 };
-var FileButton = ({
-  onFileSelect,
-  accept = [".pdf"],
-  multiple = false,
-  ...rest
-}) => {
-  const fileInputRef = react.useRef(null);
-  const handleClick = () => {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-  const handleFileChange = (event) => {
-    const files = event.target.files;
-    if (files && files.length > 0 && onFileSelect) {
-      Array.from(files).forEach((file) => onFileSelect(file));
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        ...rest,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(fa6.FaPlus, { fontSize: "10px" }),
-        onClick: handleClick
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "file",
-        ref: fileInputRef,
-        style: { display: "none" },
-        onChange: handleFileChange,
-        accept: accept?.map((item) => item).join(","),
-        multiple
-      }
-    )
-  ] });
-};
-var fadeIn = styled41.keyframes`
+var fadeIn = styled42.keyframes`
   from { opacity: 0 }
   to { opacity: 1 }
 `;
-styled41.keyframes`
+styled42.keyframes`
   from { transform: translateY(8px) scale(.98); opacity: 0 }
   to { transform: translateY(0) scale(1); opacity: 1 }
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   height: 100vh;
   width: 100vw;
   background-color: rgba(0, 0, 0, 0.4);
@@ -2650,7 +2478,7 @@ styled41__default.default.div`
   justify-content: center;
   animation: ${fadeIn} 160ms ease-out;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   position: relative;
   width: min(${breakpoints.sm}, 92vw);
   max-height: 86vh;
@@ -2659,7 +2487,7 @@ styled41__default.default.div`
   padding: ${spaces[6]};
   background-color: ${colors.background.primary};
 `;
-var Container14 = styled41__default.default.div`
+styled42__default.default.div`
 display: flex;
 align-items: center ;
 justify-content: space-between;
@@ -2667,43 +2495,33 @@ padding: ${spaces[2]} ${spaces[3]};
 background-color: ${(props) => props.isComplete ? colors.background.blue : colors.background.light};
 border-radius: ${radii.sm};
 `;
-var Row = styled41__default.default.div`
+styled42__default.default.div`
     display: flex;
     align-items: center;
     gap: ${spaces[2]};
 `;
-var OverviewRowItem = ({ isComplete, isMainHeader, title }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container14, { isComplete, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: isMainHeader ? "h2" : "h3", color: isComplete ? "secondary" : "primary", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Row, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h3", color: isComplete ? "secondary" : "primary", children: isComplete ? "Complete" : "Information Outstanding" }),
-      isComplete ? /* @__PURE__ */ jsxRuntime.jsx(fa6.FaCircleCheck, { color: colors.background.success }) : /* @__PURE__ */ jsxRuntime.jsx(fa6.FaCircleExclamation, { color: colors.background.error })
-    ] })
-  ] });
-};
-styled41__default.default.div`
+styled42__default.default.div`
   width: '100%';
   min-height: '100vh';
   padding-bottom: ${spaces[9]};
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   padding: ${spaces[4.5]} ${spaces[6]};
   display: flex;
   align-items: center;
   justify-content: space-between;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   border-top: 1px solid ${colors.border.hover};
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   width: 100%;
   padding: ${spaces[6]};
   align-items: center;
   justify-content: center;
 `;
-var variants11 = ["documents", "properties"];
-var Container16 = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2712,28 +2530,11 @@ var Container16 = styled41__default.default.div`
   gap: ${spaces[4]};
   padding: ${spaces[8]};
 `;
-var EmptyState = ({ variant, message }) => {
-  const size = sizes.xl;
-  const color = colors.text.primary;
-  const Icon = react.useMemo(() => {
-    switch (variant) {
-      case "documents":
-        return /* @__PURE__ */ jsxRuntime.jsx(fa6.FaRegFolderOpen, { size, color });
-      case "properties":
-        return /* @__PURE__ */ jsxRuntime.jsx(fa6.FaHouse, { size, color });
-    }
-  }, [variant]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container16, { children: [
-    Icon,
-    /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h3", children: message })
-  ] });
-};
-EmptyState.variants = variants11;
-styled41__default.default.div`
+styled42__default.default.div`
   width: 100%;
   height: 100%;
 `;
-var Container18 = styled41__default.default.div`
+var Container18 = styled42__default.default.div`
   display: flex;
   gap: 1.5rem;
   align-items: center;
@@ -2746,7 +2547,7 @@ var Container18 = styled41__default.default.div`
     max-width: 100%;
   }
 `;
-var ImageWrapper = styled41__default.default.div`
+var ImageWrapper2 = styled42__default.default.div`
   flex-shrink: 0;
   width: 180px;
   height: 180px;
@@ -2765,7 +2566,7 @@ var ImageWrapper = styled41__default.default.div`
     height: 200px;
   }
 `;
-var ContentWrapper = styled41__default.default.div`
+var ContentWrapper2 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2775,7 +2576,7 @@ var ContentWrapper = styled41__default.default.div`
     width: 100%;
   }
 `;
-var LogoWrapper = styled41__default.default.div`
+var LogoWrapper = styled42__default.default.div`
   max-width: 200px;
   
   img {
@@ -2796,8 +2597,8 @@ var ProductInfo = ({
   buttonTextVariant = "secondary"
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Container18, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ImageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: "Product" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ImageWrapper2, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: "Product" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper2, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(LogoWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoImage, alt: "Logo" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: titleVariant, color: titleColor, children: title }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2813,18 +2614,18 @@ var ProductInfo = ({
     ] })
   ] });
 };
-styled41__default.default.div``;
-styled41__default.default.div`
+styled42__default.default.div``;
+styled42__default.default.div`
   margin-top: ${spaces[2]};
   display: flex;
   flex-direction: row;
   flex: 1;
   gap: ${spaces[2]};
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   padding-left: ${spaces[1]};
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -2836,7 +2637,7 @@ styled41__default.default.div`
   justify-content: center;
   z-index: 1000;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   background-color: #ffffff;
   border-radius: 8px;
   padding: 2rem;
@@ -2844,13 +2645,13 @@ styled41__default.default.div`
   width: 90%;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1.5rem;
 `;
-styled41__default.default.button`
+styled42__default.default.button`
   background-color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -2878,14 +2679,14 @@ styled41__default.default.button`
     opacity: 0.8;
   }
 `;
-styled41__default.default.table`
+styled42__default.default.table`
   width: 100%;
   border-collapse: collapse;
 `;
-styled41__default.default.thead`
+styled42__default.default.thead`
   border-bottom: 2px solid #e5e7eb;
 `;
-styled41__default.default.th`
+styled42__default.default.th`
   text-align: left;
   padding: 0.75rem 0;
   font-size: 0.875rem;
@@ -2904,15 +2705,15 @@ styled41__default.default.th`
   }
 }};
 `;
-styled41__default.default.tbody``;
-styled41__default.default.tr`
+styled42__default.default.tbody``;
+styled42__default.default.tr`
   border-bottom: 1px solid #f3f4f6;
 
   &:last-child {
     border-bottom: none;
   }
 `;
-styled41__default.default.td`
+styled42__default.default.td`
   padding: 0.75rem 0;
   font-size: 0.875rem;
   color: ${(props) => {
@@ -2927,7 +2728,7 @@ styled41__default.default.td`
   }
 }};
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -2941,12 +2742,12 @@ styled41__default.default.div`
     z-index: 9998;
   }
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-styled41__default.default.nav`
+styled42__default.default.nav`
   width: 195px;
   display: flex;
   flex-direction: column;
@@ -2973,7 +2774,7 @@ styled41__default.default.nav`
     box-shadow: ${(props) => props.$isOpen ? "2px 0 8px rgba(0, 0, 0, 0.15)" : "none"};
   }
 `;
-styled41__default.default.button`
+styled42__default.default.button`
   background: none;
   border: none;
   font-size: 1.5rem;
@@ -2985,7 +2786,7 @@ styled41__default.default.button`
     opacity: 0.7;
   }
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -2995,29 +2796,29 @@ styled41__default.default.div`
     padding: 1rem;
   }
 `;
-var NavList = styled41__default.default.ul`
+var NavList = styled42__default.default.ul`
   display: flex;
   flex-direction: column;
   list-style: none;
   margin: 0;
   padding: 0;
 `;
-styled41__default.default(NavList)`
+styled42__default.default(NavList)`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-styled41__default.default(NavList)`
+styled42__default.default(NavList)`
   display: none;
   
   @media (max-width: 767px) {
     display: flex;
   }
 `;
-styled41__default.default.li`
+styled42__default.default.li`
   display: flex;
 `;
-styled41__default.default.a`
+styled42__default.default.a`
   display: flex;
   align-items: center;
   text-decoration: none;
@@ -3030,7 +2831,7 @@ styled41__default.default.a`
     }
   `}
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   width: 0;
   height: 0;
   border-top: 4px solid transparent;
@@ -3039,25 +2840,25 @@ styled41__default.default.div`
   flex-shrink: 0;
   margin-left: 1.5rem;
 `;
-styled41__default.default.span`
+styled42__default.default.span`
   width: 6px;
   margin-right: 0.5rem;
   flex-shrink: 0;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   height: 1px;
   background-color: ${(props) => colors.border[props.dividerColor]};
   margin: 1rem;
 `;
-var Spacer = styled41__default.default.div`
+var Spacer = styled42__default.default.div`
   flex-grow: 1;
 `;
-styled41__default.default(Spacer)`
+styled42__default.default(Spacer)`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -3069,7 +2870,7 @@ styled41__default.default.div`
     margin-bottom: 20px;
   }
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -3080,7 +2881,7 @@ styled41__default.default.div`
   justify-content: flex-end;
   z-index: 1000;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   background-color: #ffffff;
   width: 100%;
   max-width: 400px;
@@ -3094,7 +2895,7 @@ styled41__default.default.div`
   transition: transform 0.3s ease-in-out;
   overflow-y: auto;
 `;
-styled41__default.default.button`
+styled42__default.default.button`
   position: absolute;
   top: 1.5rem;
   right: 1.5rem;
@@ -3115,7 +2916,7 @@ styled41__default.default.button`
     opacity: 0.8;
   }
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   width: 100%;
   display: flex;
   justify-content: center;
@@ -3132,12 +2933,12 @@ styled41__default.default.div`
     object-fit: contain;
   }
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 `;
-styled41__default.default.div`
+styled42__default.default.div`
   width: 100%;
   background-color: ${(props) => props.isSelected ? colors.background.blue : colors.background.primary};
   border: 1px solid ${colors.background.blue};
@@ -3148,12 +2949,12 @@ styled41__default.default.div`
   padding: ${spaces[2]} ${spaces[3]};
   cursor: pointer;
 `;
-styled41__default.default.span`
+styled42__default.default.span`
   color: ${(props) => props.isSelected ? colors.text.secondary : colors.text.blue};
   font-size: ${sizes.sm};
   font-weight: 700;
 `;
-var Container21 = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   width: ${`${100 / 4}%`};
   overflow: scroll;
@@ -3170,25 +2971,13 @@ var Container21 = styled41__default.default.div`
   -ms-overflow-style: none;
   scrollbar-width: none;
 `;
-var IconContainer = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 `;
-var DocumentAccordionHeader = ({
-  onClick,
-  title
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container21, { onClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Text2, { children: title }),
-    onClick && /* @__PURE__ */ jsxRuntime.jsxs(IconContainer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(fa6.FaCaretUp, { size: 10 }),
-      /* @__PURE__ */ jsxRuntime.jsx(fa6.FaCaretDown, { size: 10 })
-    ] })
-  ] });
-};
-var ItemContainer = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   align-items: center;
   cursor: ${(props) => props?.onClick ? "pointer" : "auto"};
@@ -3205,123 +2994,24 @@ var ItemContainer = styled41__default.default.div`
   -ms-overflow-style: none;
   scrollbar-width: none;
 `;
-var DocumentAccordionRow = ({
-  file,
-  onViewDetail
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(Label, { value: file.name, color: "brand" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(Label, { value: file.sourceFile, color: "primary" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Label,
-      {
-        value: typeof file.status === "string" ? file.status : "-",
-        color: "primary",
-        fontWeight: "700"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Label,
-      {
-        value: typeof file.createdAt === "string" ? file.createdAt : "-",
-        color: "primary",
-        fontWeight: "700"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { onClick: onViewDetail, children: /* @__PURE__ */ jsxRuntime.jsx(Label, { value: "View Details", color: "brand", fontWeight: "700" }) })
-  ] });
-};
-var HeadersContainer = styled41__default.default.div`
+styled42__default.default.div`
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${spaces[6]};
 `;
-var Container22 = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: ${spaces[3]};
 `;
-var DocumentListAccordion = ({
-  title,
-  files,
-  onSortBy,
-  onViewDetail,
-  accept,
-  onFileSelect
-}) => {
-  const onClick = (accessor) => {
-    onSortBy && onSortBy(accessor);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Accordion,
-    {
-      rightElement: /* @__PURE__ */ jsxRuntime.jsx(
-        FileButton,
-        {
-          onFileSelect,
-          text: "Add File",
-          accept
-        }
-      ),
-      title,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container22, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(HeadersContainer, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DocumentAccordionHeader,
-            {
-              title: "File Name",
-              onClick: () => onClick("name")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DocumentAccordionHeader,
-            {
-              title: "Source File Name",
-              onClick: () => onClick("status")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DocumentAccordionHeader,
-            {
-              title: "File Status",
-              onClick: () => onClick("status")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DocumentAccordionHeader,
-            {
-              title: "Date Created",
-              onClick: () => onClick("createdAt")
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(DocumentAccordionHeader, { title: "File Options" })
-        ] }),
-        files?.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          EmptyState,
-          {
-            message: "No documents have been added to this record",
-            variant: "documents"
-          }
-        ),
-        files?.length > 0 && files.map((file) => /* @__PURE__ */ jsxRuntime.jsx(HeadersContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          DocumentAccordionRow,
-          {
-            file,
-            onViewDetail: () => onViewDetail(file.id)
-          }
-        ) }, file.id))
-      ] })
-    }
-  );
-};
-var CarouselContainer = styled41__default.default.div`
+var CarouselContainer = styled42__default.default.div`
   width: 100%;
   overflow: hidden;
   position: relative;
 `;
-var CardsWrapper = styled41__default.default.div`
+var CardsWrapper = styled42__default.default.div`
   display: flex;
   gap: 1.5rem;
   padding: 1rem 0;
@@ -3343,7 +3033,7 @@ var CardsWrapper = styled41__default.default.div`
     }
   }
 `;
-var CardContainer = styled41__default.default.div`
+var CardContainer = styled42__default.default.div`
   display: flex;
   gap: 1.5rem;
   
@@ -3363,14 +3053,14 @@ var CardContainer = styled41__default.default.div`
     }
   }
 `;
-var NavigationWrapper = styled41__default.default.div`
+var NavigationWrapper = styled42__default.default.div`
   display: flex;
   justify-content: left;
   align-items: center;
   gap: 1rem;
   margin-top: 1.5rem;
 `;
-var NavButton = styled41__default.default.button`
+var NavButton = styled42__default.default.button`
   width: 2.5rem;
   height: 2.5rem;
   border-radius: 50%;
@@ -3391,11 +3081,11 @@ var NavButton = styled41__default.default.button`
     opacity: ${(props) => props.$disabled ? 1 : 0.8};
   }
 `;
-var Indicators = styled41__default.default.div`
+var Indicators = styled42__default.default.div`
   display: flex;
   gap: 0.5rem;
 `;
-var Indicator = styled41__default.default.div`
+var Indicator = styled42__default.default.div`
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 50%;
@@ -3508,8 +3198,7 @@ var FeatureCarousel = ({
     }
   );
 };
-var variants13 = ["primary", "secondary"];
-var FooterContainer = styled41__default.default.footer`
+styled42__default.default.footer`
   background-color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -3523,7 +3212,7 @@ var FooterContainer = styled41__default.default.footer`
   padding: 3rem 2rem 2rem;
   color: #ffffff;
 `;
-var TopSection = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3537,18 +3226,18 @@ var TopSection = styled41__default.default.div`
     align-items: flex-start;
   }
 `;
-var LogoWrapper2 = styled41__default.default.div`
+styled42__default.default.div`
   img {
     height: 100px;
     width: auto;
   }
 `;
-var ButtonGroup2 = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
 `;
-var MiddleSection = styled41__default.default.div`
+styled42__default.default.div`
   display: grid;
   grid-template-columns: 1fr 1fr auto;
   gap: 3rem;
@@ -3563,12 +3252,12 @@ var MiddleSection = styled41__default.default.div`
     grid-template-columns: 1fr;
   }
 `;
-var SocialButtonGroup = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
 `;
-var BottomSection = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3581,7 +3270,7 @@ var BottomSection = styled41__default.default.div`
     align-items: flex-start;
   }
 `;
-var LegalLinks = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 2rem;
 
@@ -3590,7 +3279,7 @@ var LegalLinks = styled41__default.default.div`
     gap: 0.5rem;
   }
 `;
-var LegalLink = styled41__default.default.a`
+styled42__default.default.a`
   color: #ffffff;
   text-decoration: none;
   font-size: 0.875rem;
@@ -3602,85 +3291,12 @@ var LegalLink = styled41__default.default.a`
     opacity: 0.8;
   }
 `;
-var Copyright = styled41__default.default.p`
+styled42__default.default.p`
   margin: 0;
   font-size: 0.875rem;
   color: rgba(255, 255, 255, 0.8);
 `;
-var Footer = ({
-  logo,
-  primaryButtonText,
-  secondaryButtonText,
-  onPrimaryClick,
-  onSecondaryClick,
-  addresses,
-  socialLinks,
-  legalLinks,
-  copyrightText,
-  variant = "primary",
-  primaryArrowVariant = "blue",
-  primaryTextBgVariant = "secondary",
-  primaryTextVariant = "brand",
-  secondaryBgVariant = "transparent",
-  secondaryTextVariant = "secondary"
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(FooterContainer, { variant, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(TopSection, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(LogoWrapper2, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup2, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ExtendedButton,
-          {
-            text: primaryButtonText,
-            onClick: onPrimaryClick,
-            arrowVariant: primaryArrowVariant,
-            textBgVariant: primaryTextBgVariant,
-            textVariant: primaryTextVariant
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          TextButton,
-          {
-            text: secondaryButtonText,
-            onClick: onSecondaryClick,
-            bgVariant: secondaryBgVariant,
-            textVariant: secondaryTextVariant,
-            uppercase: true
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(MiddleSection, { children: [
-      addresses.map((address, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        Address,
-        {
-          title: address.title,
-          phone: address.phone,
-          email: address.email,
-          addressLines: address.addressLines,
-          variant: "inverse"
-        },
-        index
-      )),
-      /* @__PURE__ */ jsxRuntime.jsx(SocialButtonGroup, { children: socialLinks.map((social, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        SocialButton,
-        {
-          icon: social.icon,
-          onClick: () => window.open(social.url, "_blank"),
-          variant: "inverse",
-          ariaLabel: social.ariaLabel
-        },
-        index
-      )) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(BottomSection, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(LegalLinks, { children: legalLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(LegalLink, { href: link.url, children: link.text }, index)) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Copyright, { children: copyrightText })
-    ] })
-  ] });
-};
-Footer.variants = variants13;
-var HeaderContainer3 = styled41__default.default.header`
+styled42__default.default.header`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3688,7 +3304,7 @@ var HeaderContainer3 = styled41__default.default.header`
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   padding: 0 1rem;
 `;
-var LogoWrapper3 = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   align-items: center;
   
@@ -3697,7 +3313,7 @@ var LogoWrapper3 = styled41__default.default.div`
     width: auto;
   }
 `;
-var ButtonGroup3 = styled41__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -3707,7 +3323,7 @@ var ButtonGroup3 = styled41__default.default.div`
     display: none;
   }
 `;
-var BurgerButton = styled41__default.default.button`
+styled42__default.default.button`
   display: none;
   
   /* Show only on mobile */
@@ -3727,7 +3343,7 @@ var BurgerButton = styled41__default.default.button`
     }
   }
 `;
-var BurgerLine = styled41__default.default.div`
+styled42__default.default.div`
   width: 2rem;
   height: 0.25rem;
   background-color: ${(props) => colors.border[props.$burgerVariant]};
@@ -3749,166 +3365,20 @@ var BurgerLine = styled41__default.default.div`
     transform: ${({ $isOpen }) => $isOpen ? "rotate(-45deg)" : "rotate(0)"};
   }
 `;
-var Header3 = ({
-  logo,
-  primaryButtonText,
-  secondaryButtonText,
-  onPrimaryClick,
-  onSecondaryClick,
-  isMobileMenuOpen = false,
-  onMobileMenuToggle,
-  burgerVariant = "primary",
-  primaryArrowVariant = "blue",
-  primaryTextBgVariant = "brand",
-  primaryTextVariant = "secondary",
-  secondaryBgVariant = "transparent",
-  secondaryTextVariant = "brand"
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer3, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LogoWrapper3, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup3, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ExtendedButton,
-        {
-          text: primaryButtonText,
-          onClick: onPrimaryClick,
-          arrowVariant: primaryArrowVariant,
-          textBgVariant: primaryTextBgVariant,
-          textVariant: primaryTextVariant
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        TextButton,
-        {
-          text: secondaryButtonText,
-          onClick: onSecondaryClick,
-          bgVariant: secondaryBgVariant,
-          textVariant: secondaryTextVariant,
-          uppercase: true
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(BurgerButton, { onClick: onMobileMenuToggle, $burgerVariant: burgerVariant, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(BurgerLine, { $isOpen: isMobileMenuOpen, $burgerVariant: burgerVariant }),
-      /* @__PURE__ */ jsxRuntime.jsx(BurgerLine, { $isOpen: isMobileMenuOpen, $burgerVariant: burgerVariant }),
-      /* @__PURE__ */ jsxRuntime.jsx(BurgerLine, { $isOpen: isMobileMenuOpen, $burgerVariant: burgerVariant })
-    ] })
-  ] });
-};
-var Container23 = styled41__default.default.div`
+styled42__default.default.div`
     display: flex;
     flex-direction: column;
     gap: ${spaces[2]};
 `;
-styled41__default.default.div`
+styled42__default.default.div`
     display: flex;
     flex-direction: column;
     gap: ${spaces[2]};
     padding: 0 ${spaces[4]};
 `;
-var OverviewList = ({ overviews }) => {
-  function isAllCompleted(overviewItems) {
-    let isCompleted = true;
-    overviewItems.forEach((overview) => {
-      if (overview.isComplete === false) {
-        isCompleted = false;
-      }
-    });
-    return isCompleted;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Container23, { children: overviews.map((overview) => /* @__PURE__ */ jsxRuntime.jsx(Container23, { children: /* @__PURE__ */ jsxRuntime.jsx(OverviewRowItem, { title: overview.header, isMainHeader: true, isComplete: isAllCompleted(overview.overviewItems) }) }, overview.header)) });
-};
-var ToastContext = react.createContext({ showToast: () => {
+react.createContext({ showToast: () => {
 } });
-var useToast = () => react.useContext(ToastContext);
-var ToastProvider = ({ children }) => {
-  const [toast, setToast] = react.useState();
-  function showToast({ message, type = "Success" }) {
-    setToast({ message, type });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: { showToast }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Toast,
-      {
-        type: toast?.type ?? "Success",
-        message: toast?.message,
-        visible: typeof toast?.message === "string",
-        onClear: () => setToast(void 0)
-      }
-    ),
-    children
-  ] });
-};
-var VersionLabel = ({ versionNumber }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Label, { value: `V${versionNumber}` });
-};
-var AboutUsContainer = styled41__default.default.section`
-  display: grid;
-  grid-template-columns: 35% 65%;
-  gap: 3rem;
-  padding: 4rem 2rem;
-  margin: 0 auto;
-  align-items: start;
-  background-color: ${colors.background?.secondary};
-
-  @media (max-width: 768px) {
-    grid-template-columns: 1fr;
-  }
-`;
-var ImageWrapper2 = styled41__default.default.div`
-  width: 100%;
-  aspect-ratio: 3 / 4;
-  border-radius: 8px;
-  overflow: hidden;
-  
-  img {
-    width: 100%;
-    height: 100%;
-    display: block;
-    object-fit: cover;
-  }
-`;
-var ContentWrapper3 = styled41__default.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-  align-items: flex-start;
-  padding: 1rem 4rem 1rem 1rem;
-`;
-var AboutUs = ({
-  image,
-  pillText,
-  headerText,
-  description,
-  buttonText,
-  onButtonClick,
-  pillVariant = "primary",
-  headerColor = "brand",
-  descriptionVariant = "primary",
-  buttonArrowVariant = "blue",
-  buttonTextBgVariant = "transparent",
-  buttonTextVariant = "brand"
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(AboutUsContainer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ImageWrapper2, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: "About Us" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper3, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Pill, { variant: pillVariant, inverse: true, children: pillText }),
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h1", color: headerColor, children: headerText }),
-      /* @__PURE__ */ jsxRuntime.jsx(Description, { variant: descriptionVariant, children: description }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ExtendedButton,
-        {
-          text: buttonText,
-          onClick: onButtonClick,
-          arrowVariant: buttonArrowVariant,
-          textBgVariant: buttonTextBgVariant,
-          textVariant: buttonTextVariant
-        }
-      )
-    ] })
-  ] });
-};
-var ContactSection = styled41__default.default.section`
+var ContactSection = styled42__default.default.section`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3921,7 +3391,7 @@ var ContactSection = styled41__default.default.section`
     padding: 2rem 1rem;
   }
 `;
-var ContentWrapper4 = styled41__default.default.div`
+var ContentWrapper4 = styled42__default.default.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
@@ -3933,7 +3403,7 @@ var ContentWrapper4 = styled41__default.default.div`
     grid-template-columns: 1fr;
   }
 `;
-var ImageWrapper3 = styled41__default.default.div`
+var ImageWrapper3 = styled42__default.default.div`
   width: 100%;
   height: 100%;
   min-height: 600px;
@@ -3950,7 +3420,7 @@ var ImageWrapper3 = styled41__default.default.div`
     display: none;
   }
 `;
-var FormContainer2 = styled41__default.default.div`
+var FormContainer2 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -3962,12 +3432,12 @@ var FormContainer2 = styled41__default.default.div`
     padding: 2rem 1.5rem;
   }
 `;
-var FormWrapper = styled41__default.default.div`
+var FormWrapper = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 2rem;
 `;
-var ButtonWrapper3 = styled41__default.default.div`
+var ButtonWrapper3 = styled42__default.default.div`
   display: flex;
   justify-content: flex-start;
   
@@ -4017,7 +3487,7 @@ var Contact = ({
     ] })
   ] }) });
 };
-var FAQContainer = styled41__default.default.section`
+var FAQContainer = styled42__default.default.section`
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -4025,13 +3495,13 @@ var FAQContainer = styled41__default.default.section`
   min-height: 100vh;
   background-color: ${colors.background?.primary};
 `;
-var HeaderSection2 = styled41__default.default.div`
+var HeaderSection2 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   align-items: flex-start;
 `;
-var AccordionList = styled41__default.default.div`
+var AccordionList = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -4069,7 +3539,7 @@ var FAQ = ({
     )) })
   ] });
 };
-var FeaturesContainer = styled41__default.default.section`
+var FeaturesContainer = styled42__default.default.section`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -4079,11 +3549,11 @@ var FeaturesContainer = styled41__default.default.section`
   min-height: 100vh;
   background-color: ${colors.background?.secondary};
 `;
-var InnerWrapper = styled41__default.default.div`
+var InnerWrapper = styled42__default.default.div`
   width: 100%;
   margin: 0 auto;
 `;
-var HeaderWrapper3 = styled41__default.default.div`
+var HeaderWrapper3 = styled42__default.default.div`
   text-align: left;
 `;
 var Features = ({
@@ -4116,7 +3586,7 @@ var Features = ({
     )
   ] }) });
 };
-var HeroContainer = styled41__default.default.section`
+var HeroContainer = styled42__default.default.section`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2rem;
@@ -4157,7 +3627,7 @@ var HeroContainer = styled41__default.default.section`
     padding: 1.5rem 1rem;
   }
 `;
-var Column = styled41__default.default.div`
+var Column = styled42__default.default.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -4168,7 +3638,7 @@ var Column = styled41__default.default.div`
     width: 100%;
   }
 `;
-var FeaturesColumn = styled41__default.default(Column)`
+var FeaturesColumn = styled42__default.default(Column)`
   /* On desktop: normal column */
   @media (min-width: 1025px) {
     display: flex;
@@ -4181,7 +3651,7 @@ var FeaturesColumn = styled41__default.default(Column)`
     align-items: flex-start;
   }
 `;
-var CTAColumn = styled41__default.default(Column)`
+var CTAColumn = styled42__default.default(Column)`
   /* Ensure CTA comes first on mobile */
   @media (max-width: 1024px) {
     order: 1;
@@ -4240,7 +3710,7 @@ var Hero = ({
     ) })
   ] });
 };
-var SectionContainer = styled41__default.default.section`
+var SectionContainer = styled42__default.default.section`
   display: flex;
   flex-direction: column;
   padding: 4rem 2rem;
@@ -4252,7 +3722,7 @@ var SectionContainer = styled41__default.default.section`
     padding: 2rem 1rem;
   }
 `;
-var SectionHeader = styled41__default.default.div`
+var SectionHeader = styled42__default.default.div`
   padding-bottom: 2rem;
   border-bottom: 1px solid ${colors.text.light};
   
@@ -4262,7 +3732,7 @@ var SectionHeader = styled41__default.default.div`
     padding-bottom: 1rem;
   }
 `;
-var ProductsWrapper = styled41__default.default.div`
+var ProductsWrapper = styled42__default.default.div`
   /* Desktop: normal vertical stack */
   @media (min-width: 768px) {
     display: flex;
@@ -4284,7 +3754,7 @@ var ProductsWrapper = styled41__default.default.div`
     }
   }
 `;
-var ProductItem = styled41__default.default.div`
+var ProductItem = styled42__default.default.div`
   /* Desktop: vertical stack with borders */
   @media (min-width: 768px) {
     padding: 2rem 0;
@@ -4340,18 +3810,12 @@ var OtherProducts = ({
 
 exports.AboutUs = AboutUs;
 exports.Contact = Contact;
-exports.ContactForm = ContactForm;
-exports.DocumentListAccordion = DocumentListAccordion;
 exports.FAQ = FAQ;
-exports.FeatureCarousel = FeatureCarousel;
 exports.Features = Features;
 exports.Filter = Filter;
-exports.Footer = Footer;
-exports.Header = Header3;
 exports.Hero = Hero;
 exports.NavMenu = NavMenu;
 exports.OtherProducts = OtherProducts;
-exports.OverviewList = OverviewList;
 exports.Search = Search;
 exports.SortBy = SortBy;
 exports.Spinner = Spinner;
@@ -4362,9 +3826,6 @@ exports.TableListItem = TableListItem;
 exports.TableRow = TableRow;
 exports.Tabs = Tabs;
 exports.Toast = Toast;
-exports.ToastProvider = ToastProvider;
 exports.TopMenu = TopMenu;
-exports.VersionLabel = VersionLabel;
-exports.useToast = useToast;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map