property-practice-ui 0.3.0 → 0.4.0

package/dist/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
 var react = require('react');
-var styled40 = 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');
-var hi = require('react-icons/hi');
+require('react-icons/fa6');
+require('react-icons/hi');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var styled40__default = /*#__PURE__*/_interopDefault(styled40);
+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 = styled40__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 = styled40__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 = styled40__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 = styled40__default.default.button`
     transform: rotate(45deg);
   }
 `;
-var StyledIcon = styled40__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 = styled40.keyframes`
+var spin = styled42.keyframes`
   to { transform: rotate(360deg); }
 `;
-var Ring = styled40__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 = styled40__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 = styled40__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 = styled40__default.default.button`
     color: ${colors.text.primary};
   }
 `;
-var ButtonText = styled40__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 = styled40__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 = styled40__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 = styled40__default.default.div`
+var Container = styled42__default.default.div`
   display: flex;
   gap: 1rem;
   background-color: transparent;
 `;
-var ThumbnailWrapper = styled40__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 = styled40__default.default.div`
   justify-content: center;
   flex-shrink: 0;
 `;
-var Content = styled40__default.default.div`
+var Content = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 `;
-var Title = styled40__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 = styled40__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"};
-styled40__default.default.div`
+styled42__default.default.div`
   width: 100%;
   display: flex;
   justify-content: center;
 `;
-styled40__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 = styled40__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,10 +399,7 @@ var Header = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(StyledText, { variant, color, children });
 };
-
-// src/types.ts
-var InputTypes = ["number", "text", "email", "date"];
-var StyledInput = styled40__default.default.input`
+styled42__default.default.input`
   display: block;
   height: 100%;
   width: 100%;
@@ -453,12 +408,8 @@ var StyledInput = styled40__default.default.input`
   color: ${colors.text.subtle};
   font-weight: 600;
 `;
-var Input = ({ name, onChange, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledInput, { name, onChange, ...rest });
-};
-Input.types = InputTypes;
 var variants4 = ["primary", "secondary", "subtle", "error"];
-var StyledPill = styled40__default.default.span`
+var StyledPill = styled42__default.default.span`
   display: inline-block;
   padding: 0.5rem 1rem;
   border-radius: 9999px;
@@ -520,7 +471,7 @@ var Pill = ({
   return /* @__PURE__ */ jsxRuntime.jsx(StyledPill, { variant, $inverse: inverse, children });
 };
 Pill.variants = variants4;
-var Container3 = styled40__default.default.div`
+styled42__default.default.div`
   border-radius: ${radii.md};
   padding: ${spaces["3"]};
   display: flex;
@@ -546,21 +497,15 @@ var Container3 = styled40__default.default.div`
     background-color: rgba(255, 255, 255, 0.92);
   }
 `;
-var Label2 = styled40__default.default.span`
+styled42__default.default.span`
   font-size: 16px;
   font-weight: ${(props) => props.isSelected ? "800" : "400"};
   text-align: center;
 `;
-var RadioItem = ({ label, isSelected, onClick }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container3, { onClick, children: [
-    isSelected && /* @__PURE__ */ jsxRuntime.jsx(fa.FaCheckCircle, { color: colors.background.blue }),
-    /* @__PURE__ */ jsxRuntime.jsx(Label2, { isSelected, children: label })
-  ] });
-};
-var Container4 = styled40__default.default.div`
+var Container4 = styled42__default.default.div`
   width: 100%;
 `;
-var Label3 = styled40__default.default.label`
+var Label3 = styled42__default.default.label`
   display: block;
   font-size: 13px;
   font-weight: 600;
@@ -568,7 +513,7 @@ var Label3 = styled40__default.default.label`
   opacity: 0.8;
   margin-bottom: 0.5rem;
 `;
-var StyledInput2 = styled40__default.default.input`
+var StyledInput2 = styled42__default.default.input`
   box-sizing: border-box;
   height: 2.75rem;
   width: 100%;
@@ -591,7 +536,7 @@ var StyledInput2 = styled40__default.default.input`
 }};
   }
 `;
-var StyledTextArea = styled40__default.default.textarea`
+var StyledTextArea = styled42__default.default.textarea`
   box-sizing: border-box;
   width: 100%;
   border-radius: 6px;
@@ -650,8 +595,7 @@ var SecondaryInput = ({
     )
   ] });
 };
-var variants5 = ["primary", "secondary", "inverse", "filled"];
-var StyledButton3 = styled40__default.default.button`
+styled42__default.default.button`
   width: 2.5rem;
   height: 2.5rem;
   display: flex;
@@ -709,25 +653,8 @@ var StyledButton3 = styled40__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 = styled40__default.default.label`
+var CheckboxContainer = styled42__default.default.label`
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -735,12 +662,12 @@ var CheckboxContainer = styled40__default.default.label`
   font-size: 0.875rem;
   line-height: 1.5;
 `;
-var HiddenCheckbox = styled40__default.default.input.attrs({ type: "checkbox" })`
+var HiddenCheckbox = styled42__default.default.input.attrs({ type: "checkbox" })`
   position: absolute;
   opacity: 0;
   cursor: pointer;
 `;
-var StyledCheckbox = styled40__default.default.div`
+var StyledCheckbox = styled42__default.default.div`
   width: 1.25rem;
   height: 1.25rem;
   border: 2px solid ${(props) => {
@@ -788,7 +715,7 @@ var StyledCheckbox = styled40__default.default.div`
     display: ${(props) => props.$checked ? "block" : "none"};
   }
 `;
-var Text = styled40__default.default.span`
+var Text = styled42__default.default.span`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -802,7 +729,7 @@ var Text = styled40__default.default.span`
   }
 }};
 `;
-var Link = styled40__default.default.a`
+var Link = styled42__default.default.a`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -854,7 +781,6 @@ var TermsCheckbox = ({
   ] });
 };
 TermsCheckbox.variants = variants6;
-var sizes2 = ["sm", "md", "lg"];
 var variants7 = {
   sm: {
     fontSize: "14px",
@@ -869,20 +795,12 @@ var variants7 = {
     fontWeight: 500
   }
 };
-var StyledText2 = styled40__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;
-var StyledTextarea = styled40__default.default.textarea`
+styled42__default.default.textarea`
   display: block;
   width: 100%;
   height: 100%;
@@ -892,18 +810,9 @@ var StyledTextarea = styled40__default.default.textarea`
   font-weight: 600;
   resize: vertical;
 `;
-var Textarea = ({
-  name,
-  onChange,
-  rows = 3,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledTextarea, { name, onChange, rows, ...rest });
-};
-Textarea.types = InputTypes;
 var bgVariants = ["primary", "secondary", "tertiary", "subtle", "blue", "brand", "light", "transparent"];
 var textVariants = ["brand", "primary", "secondary", "tertiary", "subtle", "light", "error", "blue"];
-var StyledContainer2 = styled40__default.default.button`
+var StyledContainer2 = styled42__default.default.button`
   padding: 0 1rem;
   height: 2.5rem;
   display: flex;
@@ -922,7 +831,7 @@ var StyledContainer2 = styled40__default.default.button`
     opacity: 0.9;
   }
 `;
-var StyledText3 = styled40__default.default.span`
+var StyledText3 = styled42__default.default.span`
   color: ${(props) => colors.text[props.textVariant]};
   font-size: 0.75rem;
   letter-spacing: 0.05em;
@@ -950,7 +859,7 @@ var TextButton = ({
 };
 TextButton.bgVariants = bgVariants;
 TextButton.textVariants = textVariants;
-styled40__default.default.div`
+styled42__default.default.div`
   display: inline-flex;
   background-color: ${(props) => {
   switch (props.variant) {
@@ -968,7 +877,7 @@ styled40__default.default.div`
   padding: 0.25rem;
   gap: 0.25rem;
 `;
-styled40__default.default.button`
+styled42__default.default.button`
   padding: 0.5rem 1.5rem;
   border-radius: 9999px;
   border: none;
@@ -1013,10 +922,10 @@ styled40__default.default.button`
     opacity: ${(props) => props.$isActive ? 1 : 0.7};
   }
 `;
-var Container5 = styled40__default.default.div`
+var Container5 = styled42__default.default.div`
   width: 100%;
 `;
-var InnerContainer2 = styled40__default.default.div`
+var InnerContainer2 = styled42__default.default.div`
   position: relative;
   width: 100%;
   min-height: 58px;
@@ -1049,7 +958,7 @@ var InputContainer = ({
     typeof error === "string" && /* @__PURE__ */ jsxRuntime.jsx(Label, { value: error, color: "error" })
   ] });
 };
-var Select = styled40__default.default.select`
+var Select = styled42__default.default.select`
   width: 100%;
   color: ${colors.text.subtle};
   background: transparent;
@@ -1071,7 +980,7 @@ var Select = styled40__default.default.select`
     color: ${colors.text.subtle};
   }
 `;
-var OptionItem = styled40__default.default.option`
+var OptionItem = styled42__default.default.option`
   color: ${(props) => props.disabled ? colors.text.light : colors.text.subtle};
 `;
 var Dropdown = ({
@@ -2025,20 +1934,146 @@ function TopMenu({ logoUrl, children }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-x-4 text-sm font-medium ", children })
   ] }) });
 }
-var Container6 = styled40__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%;
-  padding: ${spaces[4]};
+  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]};
+  width: 100%;
+  
+  @media (max-width: ${breakpoints.sm}) {
+    gap: ${spaces[2]};
+  }
+`;
+var NameContainer = styled42__default.default.div`
+  display: flex;
+  gap: ${spaces[4]};
+  flex: 1;
+  min-width: 0;
+  
+  @media (max-width: ${breakpoints.sm}) {
+    flex-direction: column;
+    gap: ${spaces[2]};
+  }
+  
+  & > * {
+    flex: 1;
+    min-width: 0;
+  }
 `;
-var AccordionContent = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Container6, { children });
+var ContactForm = ({}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container6, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(NameContainer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SecondaryInput,
+        {
+          name: "firstName",
+          label: "First name",
+          required: true,
+          placeholder: "First name"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SecondaryInput,
+        {
+          name: "lastName",
+          label: "Last name",
+          required: true,
+          placeholder: "Last name"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SecondaryInput, { name: "company", label: "Company", placeholder: "Company" }),
+    /* @__PURE__ */ jsxRuntime.jsx(SecondaryInput, { name: "email", label: "Email", placeholder: "Email", required: true }),
+    /* @__PURE__ */ jsxRuntime.jsx(SecondaryInput, { name: "phone", label: "Phone number", placeholder: "Phone number" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SecondaryInput,
+      {
+        name: "message",
+        label: "Message",
+        placeholder: "Message",
+        required: true,
+        isTextArea: true
+      }
+    )
+  ] });
 };
-var Container7 = styled40__default.default.div`
+styled42__default.default.div`
+  width: 100%;
+  padding: ${spaces[4]};
+`;
+styled42__default.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 `;
-var HeaderContainer = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   align-items: center;
   gap: ${spaces[2]};
@@ -2047,59 +2082,12 @@ var HeaderContainer = styled40__default.default.div`
     cursor: pointer;
   }
 `;
-var AccordionHeader = ({
-  title,
-  isOpen,
-  buttonText,
-  onAccordionPress,
-  onButtonPress,
-  rightElement
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container7, { 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 Container8 = styled40__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(Container8, { 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 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   background-color: transparent;
@@ -2116,7 +2104,7 @@ var AddressContainer = styled40__default.default.div`
     gap: 0;
   }
 `;
-var HeaderWrapper = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2133,7 +2121,7 @@ var HeaderWrapper = styled40__default.default.div`
     user-select: none;
   }
 `;
-var ToggleIcon = styled40__default.default.div`
+styled42__default.default.div`
   display: none;
   
   /* Only show on mobile */
@@ -2156,7 +2144,7 @@ var ToggleIcon = styled40__default.default.div`
 }};
   }
 `;
-var CollapseContent = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2175,12 +2163,12 @@ var CollapseContent = styled40__default.default.div`
     padding-top: ${(props) => props.$isOpen ? "1rem" : "0"};
   }
 `;
-var InfoSection = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 `;
-var InfoText = styled40__default.default.p`
+styled42__default.default.p`
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.6;
@@ -2198,89 +2186,10 @@ var InfoText = styled40__default.default.p`
 }};
   font-weight: ${(props) => props.$bold ? 600 : 400};
 `;
-var ButtonWrapper = styled40__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;
-var CheckboxWrapper = styled40__default.default.label`
+styled42__default.default.label`
   display: flex;
   align-items: center;
   gap: ${spaces[2]};
@@ -2288,10 +2197,10 @@ var CheckboxWrapper = styled40__default.default.label`
   font-size: 16px;
   color: ${colors.text.subtle};
 `;
-var HiddenCheckbox2 = styled40__default.default.input.attrs({ type: "checkbox" })`
+styled42__default.default.input.attrs({ type: "checkbox" })`
   display: none;
 `;
-var StyledCheckbox2 = styled40__default.default.span`
+styled42__default.default.span`
   width: ${sizes.lg};
   height: ${sizes.lg};
   border: 1.5px solid ${colors.background.tertiary};
@@ -2299,53 +2208,15 @@ var StyledCheckbox2 = styled40__default.default.span`
   background-color: ${({ checked }) => checked ? colors.background.tertiary : "transparent"};
   transition: all 0.2s ease-in-out;
 `;
-var CheckboxItem = ({
-  label,
-  onClick,
-  checked
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(CheckboxWrapper, { onClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(HiddenCheckbox2, { checked, readOnly: true }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledCheckbox2, { checked }),
-    label
-  ] });
-};
-var Container9 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
 `;
-var OptionsContainer = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: ${spaces[4]};
 `;
-var Checkbox = ({
-  error,
-  label,
-  onChange,
-  options,
-  value
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container9, { children: [
-    typeof label === "string" && label?.length ? /* @__PURE__ */ jsxRuntime.jsx(
-      Label,
-      {
-        value: label,
-        color: typeof error === "string" && error?.length ? "error" : void 0,
-        fontWeight: "600"
-      }
-    ) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(OptionsContainer, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-      CheckboxItem,
-      {
-        checked: value === option.value,
-        label: option.label,
-        onClick: () => onChange(option.value),
-        value: option.value
-      }
-    )) })
-  ] });
-};
-var Container10 = styled40__default.default.div`
+var Container11 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2361,7 +2232,7 @@ var Container10 = styled40__default.default.div`
     width: 70vw;
   }
 `;
-var ThumbnailWrapper2 = styled40__default.default.div`
+var ThumbnailWrapper2 = styled42__default.default.div`
   width: 180px;
   height: 180px;
   border-radius: 50%;
@@ -2372,7 +2243,7 @@ var ThumbnailWrapper2 = styled40__default.default.div`
   flex-shrink: 0;
   align-self: center;
 `;
-var ButtonWrapper2 = styled40__default.default.div`
+var ButtonWrapper2 = styled42__default.default.div`
   display: flex;
   justify-content: flex-start;
   margin-top: auto;
@@ -2388,7 +2259,7 @@ var ContentCard = ({
   arrowVariant = "teal",
   thumbnailBgColor = "brand"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container10, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container11, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ThumbnailWrapper2, { thumbnailBgColor, children: thumbnail }),
     /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: headerVariant, color: titleColor, children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(Description, { variant: descriptionVariant, children: description }),
@@ -2402,7 +2273,7 @@ var ContentCard = ({
   ] });
 };
 var variants10 = ["primary", "secondary", "transparent"];
-var Container11 = styled40__default.default.div`
+var Container12 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -2415,7 +2286,7 @@ var Container11 = styled40__default.default.div`
     max-width: 100%;
   }
 `;
-var Header2 = styled40__default.default.h1`
+var Header2 = styled42__default.default.h1`
   margin: 0;
   font-size: 2.5rem;
   font-weight: 700;
@@ -2431,7 +2302,7 @@ var Header2 = styled40__default.default.h1`
     font-size: 1.75rem;
   }
 `;
-var Description3 = styled40__default.default.p`
+var Description3 = styled42__default.default.p`
   margin: 0;
   font-size: 1.125rem;
   line-height: 1.6;
@@ -2442,7 +2313,7 @@ var Description3 = styled40__default.default.p`
     font-size: 1rem;
   }
 `;
-var ButtonGroup = styled40__default.default.div`
+var ButtonGroup = styled42__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -2470,7 +2341,7 @@ var CTAContainer = ({
   secondaryBgVariant = "transparent",
   secondaryTextVariant = "secondary"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container11, { variant, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container12, { variant, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Header2, { textColor: headerTextColor, children: header }),
     /* @__PURE__ */ jsxRuntime.jsx(Description3, { textColor: descriptionTextColor, children: description }),
     /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { children: [
@@ -2497,11 +2368,11 @@ var CTAContainer = ({
   ] });
 };
 CTAContainer.variants = variants10;
-var AccordionContainer = styled40__default.default.div`
+var AccordionContainer = styled42__default.default.div`
   border-bottom: 1px solid ${colors.text.light};
   padding: 1.5rem 0;
 `;
-var AccordionHeader2 = styled40__default.default.button`
+var AccordionHeader2 = styled42__default.default.button`
   width: 100%;
   display: flex;
   align-items: center;
@@ -2512,23 +2383,23 @@ var AccordionHeader2 = styled40__default.default.button`
   text-align: left;
   padding: 0;
 `;
-var NumberBadge = styled40__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 = styled40__default.default.div`
+var HeaderWrapper2 = styled42__default.default.div`
   flex-grow: 1;
 `;
-var IconWrapper = styled40__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 = styled40__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;
@@ -2556,11 +2427,11 @@ var FAQAccordion = ({
     /* @__PURE__ */ jsxRuntime.jsx(AccordionContent2, { $isOpen: isOpen, children: /* @__PURE__ */ jsxRuntime.jsx(Description, { variant: contentVariant, children: content }) })
   ] });
 };
-var Container12 = styled40__default.default.div`
+var Container13 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
 `;
-var FeatureWrapper = styled40__default.default.div`
+var FeatureWrapper = styled42__default.default.div`
   padding: 1rem 0;
   border-bottom: 1px solid #e5e7eb;
 
@@ -2574,7 +2445,7 @@ var FeatureContainer = ({
   titleColor = "primary",
   descriptionVariant = "subtle"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Container12, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Container13, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(FeatureWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
     FeatureItem,
     {
       thumbnail: item.thumbnail,
@@ -2587,73 +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 Input2 = ({ label, error, ...rest }) => {
-  const isInvalid = react.useMemo(
-    () => typeof error === "string" && error.length > 0,
-    [error]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(InputContainer, { error, children: [
-    typeof label === "string" && /* @__PURE__ */ jsxRuntime.jsx(
-      FloatingLabel,
-      {
-        color: isInvalid ? "error" : "subtle",
-        value: label,
-        fontWeight: "600"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(Input, { ...rest })
-  ] });
-};
-Input2.types = Input.types;
-var fadeIn = styled40.keyframes`
+var fadeIn = styled42.keyframes`
   from { opacity: 0 }
   to { opacity: 1 }
 `;
-styled40.keyframes`
+styled42.keyframes`
   from { transform: translateY(8px) scale(.98); opacity: 0 }
   to { transform: translateY(0) scale(1); opacity: 1 }
 `;
-var Overlay = styled40__default.default.div`
+styled42__default.default.div`
   height: 100vh;
   width: 100vw;
   background-color: rgba(0, 0, 0, 0.4);
@@ -2665,7 +2478,7 @@ var Overlay = styled40__default.default.div`
   justify-content: center;
   animation: ${fadeIn} 160ms ease-out;
 `;
-var ContentContainer = styled40__default.default.div`
+styled42__default.default.div`
   position: relative;
   width: min(${breakpoints.sm}, 92vw);
   max-height: 86vh;
@@ -2674,22 +2487,7 @@ var ContentContainer = styled40__default.default.div`
   padding: ${spaces[6]};
   background-color: ${colors.background.primary};
 `;
-var Modal = ({
-  visible,
-  contentPosition = "center",
-  dismissable = true,
-  onClose,
-  children
-}) => {
-  function onDismiss() {
-    if (dismissable) {
-      onClose();
-    }
-  }
-  if (!visible) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-  return /* @__PURE__ */ jsxRuntime.jsx(Overlay, { contentPosition, onClick: onDismiss, children: /* @__PURE__ */ jsxRuntime.jsx(ContentContainer, { onClick: (e) => e.stopPropagation(), children }) });
-};
-var Container13 = styled40__default.default.div`
+styled42__default.default.div`
 display: flex;
 align-items: center ;
 justify-content: space-between;
@@ -2697,58 +2495,33 @@ padding: ${spaces[2]} ${spaces[3]};
 background-color: ${(props) => props.isComplete ? colors.background.blue : colors.background.light};
 border-radius: ${radii.sm};
 `;
-var Row = styled40__default.default.div`
+styled42__default.default.div`
     display: flex;
     align-items: center;
     gap: ${spaces[2]};
 `;
-var OverviewRowItem = ({ isComplete, isMainHeader, title }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container13, { 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 })
-    ] })
-  ] });
-};
-var Container14 = styled40__default.default.div`
+styled42__default.default.div`
   width: '100%';
   min-height: '100vh';
   padding-bottom: ${spaces[9]};
 `;
-var HeaderContainer2 = styled40__default.default.div`
+styled42__default.default.div`
   padding: ${spaces[4.5]} ${spaces[6]};
   display: flex;
   align-items: center;
   justify-content: space-between;
 `;
-var ContentContainer2 = styled40__default.default.div`
+styled42__default.default.div`
   border-top: 1px solid ${colors.border.hover};
 `;
-var SpinnerContainer = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   width: 100%;
   padding: ${spaces[6]};
   align-items: center;
   justify-content: center;
 `;
-var PageLayout = ({
-  title,
-  children,
-  isLoading = false,
-  rightElement
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container14, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer2, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { color: "subtle", children: title }),
-      " ",
-      rightElement && rightElement
-    ] }),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(SpinnerContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(ContentContainer2, { children })
-  ] });
-};
-var variants11 = ["documents", "properties"];
-var Container15 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2757,51 +2530,11 @@ var Container15 = styled40__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(Container15, { children: [
-    Icon,
-    /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h3", children: message })
-  ] });
-};
-EmptyState.variants = variants11;
-var Container16 = styled40__default.default.div`
+styled42__default.default.div`
   width: 100%;
   height: 100%;
 `;
-var PDFPreviewer = ({ url }) => {
-  const [error, setError] = react.useState(null);
-  react.useEffect(() => {
-    setError(null);
-    try {
-      new URL(url);
-    } catch {
-      setError("Invalid preview URL");
-    }
-  }, [url]);
-  if (typeof error === "string")
-    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { message: "Failed to load this document", variant: "documents" });
-  return /* @__PURE__ */ jsxRuntime.jsx(Container16, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    "iframe",
-    {
-      src: `${url}#view=FitH&toolbar=1&navpanes=0`,
-      title: "Document preview",
-      allow: "clipboard-read; clipboard-write",
-      referrerPolicy: "no-referrer",
-      style: { width: "100%", height: "100%", border: "0" }
-    }
-  ) });
-};
-var Container17 = styled40__default.default.div`
+var Container18 = styled42__default.default.div`
   display: flex;
   gap: 1.5rem;
   align-items: center;
@@ -2814,7 +2547,7 @@ var Container17 = styled40__default.default.div`
     max-width: 100%;
   }
 `;
-var ImageWrapper = styled40__default.default.div`
+var ImageWrapper2 = styled42__default.default.div`
   flex-shrink: 0;
   width: 180px;
   height: 180px;
@@ -2833,7 +2566,7 @@ var ImageWrapper = styled40__default.default.div`
     height: 200px;
   }
 `;
-var ContentWrapper = styled40__default.default.div`
+var ContentWrapper2 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2843,7 +2576,7 @@ var ContentWrapper = styled40__default.default.div`
     width: 100%;
   }
 `;
-var LogoWrapper = styled40__default.default.div`
+var LogoWrapper = styled42__default.default.div`
   max-width: 200px;
   
   img {
@@ -2863,9 +2596,9 @@ var ProductInfo = ({
   buttonTextBgVariant = "brand",
   buttonTextVariant = "secondary"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container17, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ImageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: "Product" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container18, { 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(
@@ -2881,40 +2614,18 @@ var ProductInfo = ({
     ] })
   ] });
 };
-var Container18 = styled40__default.default.div``;
-var OptionsContainer2 = styled40__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]};
 `;
-var LabelContainer = styled40__default.default.div`
+styled42__default.default.div`
   padding-left: ${spaces[1]};
 `;
-var RadioGroup = ({
-  label,
-  options,
-  value,
-  onClick,
-  className
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container18, { className, children: [
-    typeof label === "string" && /* @__PURE__ */ jsxRuntime.jsx(LabelContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(Label, { value: label, fontWeight: "600" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(OptionsContainer2, { children: options.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-      RadioItem,
-      {
-        isSelected: value === option.value,
-        label: option.label,
-        disabled: option.disabled,
-        onClick: () => onClick(option.value)
-      },
-      idx
-    )) })
-  ] });
-};
-var variants12 = ["primary", "secondary", "subtle"];
-var Overlay2 = styled40__default.default.div`
+styled42__default.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -2926,7 +2637,7 @@ var Overlay2 = styled40__default.default.div`
   justify-content: center;
   z-index: 1000;
 `;
-var ChartContainer = styled40__default.default.div`
+styled42__default.default.div`
   background-color: #ffffff;
   border-radius: 8px;
   padding: 2rem;
@@ -2934,13 +2645,13 @@ var ChartContainer = styled40__default.default.div`
   width: 90%;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
 `;
-var HeaderSection = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1.5rem;
 `;
-var CloseButton = styled40__default.default.button`
+styled42__default.default.button`
   background-color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -2968,14 +2679,14 @@ var CloseButton = styled40__default.default.button`
     opacity: 0.8;
   }
 `;
-var Table2 = styled40__default.default.table`
+styled42__default.default.table`
   width: 100%;
   border-collapse: collapse;
 `;
-var TableHeader2 = styled40__default.default.thead`
+styled42__default.default.thead`
   border-bottom: 2px solid #e5e7eb;
 `;
-var TableHeaderCell = styled40__default.default.th`
+styled42__default.default.th`
   text-align: left;
   padding: 0.75rem 0;
   font-size: 0.875rem;
@@ -2994,15 +2705,15 @@ var TableHeaderCell = styled40__default.default.th`
   }
 }};
 `;
-var TableBody = styled40__default.default.tbody``;
-var TableRow2 = styled40__default.default.tr`
+styled42__default.default.tbody``;
+styled42__default.default.tr`
   border-bottom: 1px solid #f3f4f6;
 
   &:last-child {
     border-bottom: none;
   }
 `;
-var TableCell = styled40__default.default.td`
+styled42__default.default.td`
   padding: 0.75rem 0;
   font-size: 0.875rem;
   color: ${(props) => {
@@ -3017,43 +2728,7 @@ var TableCell = styled40__default.default.td`
   }
 }};
 `;
-var RatesChart = ({
-  title = "Rates chart",
-  rates,
-  onClose,
-  variant = "primary"
-}) => {
-  const getHeaderColor = () => {
-    switch (variant) {
-      case "primary":
-        return "brand";
-      case "secondary":
-        return "primary";
-      case "subtle":
-        return "subtle";
-      default:
-        return "brand";
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Overlay2, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(ChartContainer, { onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(HeaderSection, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h2", color: getHeaderColor(), children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: onClose, variant, children: /* @__PURE__ */ jsxRuntime.jsx(hi.HiX, { size: 20 }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Table2, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TableHeader2, { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TableHeaderCell, { variant, children: "Transaction type" }),
-        /* @__PURE__ */ jsxRuntime.jsx(TableHeaderCell, { variant, children: "Price" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: rates.map((rate, index) => /* @__PURE__ */ jsxRuntime.jsxs(TableRow2, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant, children: rate.transactionType }),
-        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { variant, children: rate.price })
-      ] }, index)) })
-    ] })
-  ] }) });
-};
-RatesChart.variants = variants12;
-var Backdrop = styled40__default.default.div`
+styled42__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -3067,12 +2742,12 @@ var Backdrop = styled40__default.default.div`
     z-index: 9998;
   }
 `;
-var BackToTopWrapper = styled40__default.default.div`
+styled42__default.default.div`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-var StyledNav = styled40__default.default.nav`
+styled42__default.default.nav`
   width: 195px;
   display: flex;
   flex-direction: column;
@@ -3099,7 +2774,7 @@ var StyledNav = styled40__default.default.nav`
     box-shadow: ${(props) => props.$isOpen ? "2px 0 8px rgba(0, 0, 0, 0.15)" : "none"};
   }
 `;
-var CloseButton2 = styled40__default.default.button`
+styled42__default.default.button`
   background: none;
   border: none;
   font-size: 1.5rem;
@@ -3111,7 +2786,7 @@ var CloseButton2 = styled40__default.default.button`
     opacity: 0.7;
   }
 `;
-var MobileHeader = styled40__default.default.div`
+styled42__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -3121,29 +2796,29 @@ var MobileHeader = styled40__default.default.div`
     padding: 1rem;
   }
 `;
-var NavList = styled40__default.default.ul`
+var NavList = styled42__default.default.ul`
   display: flex;
   flex-direction: column;
   list-style: none;
   margin: 0;
   padding: 0;
 `;
-var DesktopNavList = styled40__default.default(NavList)`
+styled42__default.default(NavList)`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-var MobileNavList = styled40__default.default(NavList)`
+styled42__default.default(NavList)`
   display: none;
   
   @media (max-width: 767px) {
     display: flex;
   }
 `;
-var NavItem = styled40__default.default.li`
+styled42__default.default.li`
   display: flex;
 `;
-var NavLink = styled40__default.default.a`
+styled42__default.default.a`
   display: flex;
   align-items: center;
   text-decoration: none;
@@ -3156,7 +2831,7 @@ var NavLink = styled40__default.default.a`
     }
   `}
 `;
-var ActiveTriangle = styled40__default.default.div`
+styled42__default.default.div`
   width: 0;
   height: 0;
   border-top: 4px solid transparent;
@@ -3165,25 +2840,25 @@ var ActiveTriangle = styled40__default.default.div`
   flex-shrink: 0;
   margin-left: 1.5rem;
 `;
-var InactiveSpacer = styled40__default.default.span`
+styled42__default.default.span`
   width: 6px;
   margin-right: 0.5rem;
   flex-shrink: 0;
 `;
-var Divider = styled40__default.default.div`
+styled42__default.default.div`
   height: 1px;
   background-color: ${(props) => colors.border[props.dividerColor]};
   margin: 1rem;
 `;
-var Spacer = styled40__default.default.div`
+var Spacer = styled42__default.default.div`
   flex-grow: 1;
 `;
-var DesktopOnlySpacer = styled40__default.default(Spacer)`
+styled42__default.default(Spacer)`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-var MobileButtonsWrapper = styled40__default.default.div`
+styled42__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -3195,95 +2870,7 @@ var MobileButtonsWrapper = styled40__default.default.div`
     margin-bottom: 20px;
   }
 `;
-var SideNav = ({
-  logo,
-  items,
-  activeItem,
-  onBackToTop,
-  isOpen = true,
-  onClose,
-  mobileButtons = [],
-  mobileBgVariant = "tertiary",
-  borderVariant = "primary",
-  closeButtonVariant = "light",
-  mobileActiveTextBgVariant = "transparent",
-  mobileActiveTextVariant = "light",
-  mobileInactiveTextBgVariant = "transparent",
-  mobileInactiveTextVariant = "light",
-  triangleColor = "primary",
-  dividerColor = "light",
-  activeTextBgVariant = "transparent",
-  activeTextVariant = "brand",
-  inactiveTextBgVariant = "transparent",
-  inactiveTextVariant = "subtle",
-  backToTopBgVariant = "transparent",
-  backToTopTextVariant = "subtle"
-}) => {
-  const renderNavItems = (isMobile) => items.map((item) => {
-    const isActive = activeItem === item.href;
-    return /* @__PURE__ */ jsxRuntime.jsx(NavItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(NavLink, { href: item.href, $isActive: isActive, children: [
-      isActive ? /* @__PURE__ */ jsxRuntime.jsx(ActiveTriangle, { triangleColor }) : /* @__PURE__ */ jsxRuntime.jsx(InactiveSpacer, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        TextButton,
-        {
-          asChild: true,
-          text: item.label,
-          bgVariant: isActive ? isMobile && mobileActiveTextBgVariant ? mobileActiveTextBgVariant : activeTextBgVariant : isMobile && mobileInactiveTextBgVariant ? mobileInactiveTextBgVariant : inactiveTextBgVariant,
-          textVariant: isActive ? isMobile && mobileActiveTextVariant ? mobileActiveTextVariant : activeTextVariant : isMobile && mobileInactiveTextVariant ? mobileInactiveTextVariant : inactiveTextVariant,
-          uppercase: false,
-          bold: isActive
-        }
-      )
-    ] }) }, item.href);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Backdrop, { $isOpen: isOpen, onClick: onClose }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      StyledNav,
-      {
-        $isOpen: isOpen,
-        $mobileBgVariant: mobileBgVariant,
-        $borderVariant: borderVariant,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(MobileHeader, { children: [
-            logo,
-            /* @__PURE__ */ jsxRuntime.jsx(CloseButton2, { onClick: onClose, "aria-label": "Close menu", $textVariant: closeButtonVariant, children: "\u2715" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(DesktopOnlySpacer, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(DesktopNavList, { children: renderNavItems(false) }),
-          /* @__PURE__ */ jsxRuntime.jsx(MobileNavList, { children: renderNavItems(true) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Divider, { dividerColor }),
-          /* @__PURE__ */ jsxRuntime.jsx(Spacer, {}),
-          mobileButtons.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Divider, { dividerColor }),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileButtonsWrapper, { children: mobileButtons.map((button, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              ExtendedButton,
-              {
-                text: button.text,
-                onClick: button.onClick,
-                textBgVariant: button.bgVariant || "transparent",
-                textVariant: button.textVariant || "subtle",
-                arrowVariant: button.arrowButton || "blue"
-              },
-              index
-            )) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(BackToTopWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            TextButton,
-            {
-              text: "Back to top",
-              onClick: onBackToTop,
-              bgVariant: backToTopBgVariant,
-              textVariant: backToTopTextVariant,
-              uppercase: false
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-};
-var Overlay3 = styled40__default.default.div`
+styled42__default.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -3294,7 +2881,7 @@ var Overlay3 = styled40__default.default.div`
   justify-content: flex-end;
   z-index: 1000;
 `;
-var PanelContainer = styled40__default.default.div`
+styled42__default.default.div`
   background-color: #ffffff;
   width: 100%;
   max-width: 400px;
@@ -3308,7 +2895,7 @@ var PanelContainer = styled40__default.default.div`
   transition: transform 0.3s ease-in-out;
   overflow-y: auto;
 `;
-var CloseButton3 = styled40__default.default.button`
+styled42__default.default.button`
   position: absolute;
   top: 1.5rem;
   right: 1.5rem;
@@ -3329,7 +2916,7 @@ var CloseButton3 = styled40__default.default.button`
     opacity: 0.8;
   }
 `;
-var IconWrapper2 = styled40__default.default.div`
+styled42__default.default.div`
   width: 100%;
   display: flex;
   justify-content: center;
@@ -3346,46 +2933,12 @@ var IconWrapper2 = styled40__default.default.div`
     object-fit: contain;
   }
 `;
-var ContentWrapper2 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 `;
-var SidePanel = ({
-  isOpen,
-  onClose,
-  icon,
-  title,
-  description,
-  buttonText,
-  onButtonClick,
-  closeButtonBgColor = "subtle",
-  titleColor = "brand",
-  descriptionVariant = "primary",
-  buttonArrowVariant = "teal",
-  buttonTextBgVariant = "brand",
-  buttonTextVariant = "secondary"
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Overlay3, { $isOpen: isOpen, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(PanelContainer, { $isOpen: isOpen, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CloseButton3, { onClick: onClose, closeButtonBgColor, children: /* @__PURE__ */ jsxRuntime.jsx(hi.HiX, { size: 24 }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(IconWrapper2, { children: icon }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper2, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h2", color: titleColor, children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(Description, { variant: descriptionVariant, children: description }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ExtendedButton,
-        {
-          text: buttonText,
-          onClick: onButtonClick,
-          arrowVariant: buttonArrowVariant,
-          textBgVariant: buttonTextBgVariant,
-          textVariant: buttonTextVariant
-        }
-      )
-    ] })
-  ] }) });
-};
-var Container19 = styled40__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};
@@ -3396,99 +2949,12 @@ var Container19 = styled40__default.default.div`
   padding: ${spaces[2]} ${spaces[3]};
   cursor: pointer;
 `;
-var StyledLabel2 = styled40__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 StepperHeaderTab = ({
-  title,
-  isSelected,
-  onClick
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Container19, { isSelected, onClick, children: /* @__PURE__ */ jsxRuntime.jsx(StyledLabel2, { isSelected, children: title }) });
-};
-var Textarea2 = ({ label, error, ...rest }) => {
-  const isInvalid = react.useMemo(
-    () => typeof error === "string" && error.length > 0,
-    [error]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(InputContainer, { children: [
-    typeof label === "string" && /* @__PURE__ */ jsxRuntime.jsx(
-      FloatingLabel,
-      {
-        color: isInvalid ? "error" : "subtle",
-        value: label,
-        fontWeight: "600"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(Textarea, { ...rest })
-  ] });
-};
-var Container20 = styled40__default.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${spaces[4]};
-  width: 100%;
-  
-  @media (max-width: ${breakpoints.sm}) {
-    gap: ${spaces[2]};
-  }
-`;
-var NameContainer = styled40__default.default.div`
-  display: flex;
-  gap: ${spaces[4]};
-  flex: 1;
-  min-width: 0;
-  
-  @media (max-width: ${breakpoints.sm}) {
-    flex-direction: column;
-    gap: ${spaces[2]};
-  }
-  
-  & > * {
-    flex: 1;
-    min-width: 0;
-  }
-`;
-var ContactForm = ({}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container20, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(NameContainer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        SecondaryInput,
-        {
-          name: "firstName",
-          label: "First name",
-          required: true,
-          placeholder: "First name"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        SecondaryInput,
-        {
-          name: "lastName",
-          label: "Last name",
-          required: true,
-          placeholder: "Last name"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(SecondaryInput, { name: "company", label: "Company", placeholder: "Company" }),
-    /* @__PURE__ */ jsxRuntime.jsx(SecondaryInput, { name: "email", label: "Email", placeholder: "Email", required: true }),
-    /* @__PURE__ */ jsxRuntime.jsx(SecondaryInput, { name: "phone", label: "Phone number", placeholder: "Phone number" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SecondaryInput,
-      {
-        name: "message",
-        label: "Message",
-        placeholder: "Message",
-        required: true,
-        isTextArea: true
-      }
-    )
-  ] });
-};
-var Container21 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   width: ${`${100 / 4}%`};
   overflow: scroll;
@@ -3505,25 +2971,13 @@ var Container21 = styled40__default.default.div`
   -ms-overflow-style: none;
   scrollbar-width: none;
 `;
-var IconContainer = styled40__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 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   align-items: center;
   cursor: ${(props) => props?.onClick ? "pointer" : "auto"};
@@ -3540,123 +2994,24 @@ var ItemContainer = styled40__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 = styled40__default.default.div`
+styled42__default.default.div`
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${spaces[6]};
 `;
-var Container22 = styled40__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 = styled40__default.default.div`
+var CarouselContainer = styled42__default.default.div`
   width: 100%;
   overflow: hidden;
   position: relative;
 `;
-var CardsWrapper = styled40__default.default.div`
+var CardsWrapper = styled42__default.default.div`
   display: flex;
   gap: 1.5rem;
   padding: 1rem 0;
@@ -3678,7 +3033,7 @@ var CardsWrapper = styled40__default.default.div`
     }
   }
 `;
-var CardContainer = styled40__default.default.div`
+var CardContainer = styled42__default.default.div`
   display: flex;
   gap: 1.5rem;
   
@@ -3698,14 +3053,14 @@ var CardContainer = styled40__default.default.div`
     }
   }
 `;
-var NavigationWrapper = styled40__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 = styled40__default.default.button`
+var NavButton = styled42__default.default.button`
   width: 2.5rem;
   height: 2.5rem;
   border-radius: 50%;
@@ -3726,11 +3081,11 @@ var NavButton = styled40__default.default.button`
     opacity: ${(props) => props.$disabled ? 1 : 0.8};
   }
 `;
-var Indicators = styled40__default.default.div`
+var Indicators = styled42__default.default.div`
   display: flex;
   gap: 0.5rem;
 `;
-var Indicator = styled40__default.default.div`
+var Indicator = styled42__default.default.div`
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 50%;
@@ -3843,8 +3198,7 @@ var FeatureCarousel = ({
     }
   );
 };
-var variants13 = ["primary", "secondary"];
-var FooterContainer = styled40__default.default.footer`
+styled42__default.default.footer`
   background-color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -3858,7 +3212,7 @@ var FooterContainer = styled40__default.default.footer`
   padding: 3rem 2rem 2rem;
   color: #ffffff;
 `;
-var TopSection = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3872,18 +3226,18 @@ var TopSection = styled40__default.default.div`
     align-items: flex-start;
   }
 `;
-var LogoWrapper2 = styled40__default.default.div`
+styled42__default.default.div`
   img {
     height: 100px;
     width: auto;
   }
 `;
-var ButtonGroup2 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
 `;
-var MiddleSection = styled40__default.default.div`
+styled42__default.default.div`
   display: grid;
   grid-template-columns: 1fr 1fr auto;
   gap: 3rem;
@@ -3898,12 +3252,12 @@ var MiddleSection = styled40__default.default.div`
     grid-template-columns: 1fr;
   }
 `;
-var SocialButtonGroup = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
 `;
-var BottomSection = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3916,7 +3270,7 @@ var BottomSection = styled40__default.default.div`
     align-items: flex-start;
   }
 `;
-var LegalLinks = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 2rem;
 
@@ -3925,7 +3279,7 @@ var LegalLinks = styled40__default.default.div`
     gap: 0.5rem;
   }
 `;
-var LegalLink = styled40__default.default.a`
+styled42__default.default.a`
   color: #ffffff;
   text-decoration: none;
   font-size: 0.875rem;
@@ -3937,85 +3291,12 @@ var LegalLink = styled40__default.default.a`
     opacity: 0.8;
   }
 `;
-var Copyright = styled40__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 = styled40__default.default.header`
+styled42__default.default.header`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4023,7 +3304,7 @@ var HeaderContainer3 = styled40__default.default.header`
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   padding: 0 1rem;
 `;
-var LogoWrapper3 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   align-items: center;
   
@@ -4032,7 +3313,7 @@ var LogoWrapper3 = styled40__default.default.div`
     width: auto;
   }
 `;
-var ButtonGroup3 = styled40__default.default.div`
+styled42__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -4042,7 +3323,7 @@ var ButtonGroup3 = styled40__default.default.div`
     display: none;
   }
 `;
-var BurgerButton = styled40__default.default.button`
+styled42__default.default.button`
   display: none;
   
   /* Show only on mobile */
@@ -4062,7 +3343,7 @@ var BurgerButton = styled40__default.default.button`
     }
   }
 `;
-var BurgerLine = styled40__default.default.div`
+styled42__default.default.div`
   width: 2rem;
   height: 0.25rem;
   background-color: ${(props) => colors.border[props.$burgerVariant]};
@@ -4084,166 +3365,20 @@ var BurgerLine = styled40__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 = styled40__default.default.div`
+styled42__default.default.div`
     display: flex;
     flex-direction: column;
     gap: ${spaces[2]};
 `;
-styled40__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 = styled40__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 = styled40__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 = styled40__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 = styled40__default.default.section`
+var ContactSection = styled42__default.default.section`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -4256,7 +3391,7 @@ var ContactSection = styled40__default.default.section`
     padding: 2rem 1rem;
   }
 `;
-var ContentWrapper4 = styled40__default.default.div`
+var ContentWrapper4 = styled42__default.default.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
@@ -4268,7 +3403,7 @@ var ContentWrapper4 = styled40__default.default.div`
     grid-template-columns: 1fr;
   }
 `;
-var ImageWrapper3 = styled40__default.default.div`
+var ImageWrapper3 = styled42__default.default.div`
   width: 100%;
   height: 100%;
   min-height: 600px;
@@ -4285,7 +3420,7 @@ var ImageWrapper3 = styled40__default.default.div`
     display: none;
   }
 `;
-var FormContainer2 = styled40__default.default.div`
+var FormContainer2 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -4297,12 +3432,12 @@ var FormContainer2 = styled40__default.default.div`
     padding: 2rem 1.5rem;
   }
 `;
-var FormWrapper = styled40__default.default.div`
+var FormWrapper = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 2rem;
 `;
-var ButtonWrapper3 = styled40__default.default.div`
+var ButtonWrapper3 = styled42__default.default.div`
   display: flex;
   justify-content: flex-start;
   
@@ -4352,7 +3487,7 @@ var Contact = ({
     ] })
   ] }) });
 };
-var FAQContainer = styled40__default.default.section`
+var FAQContainer = styled42__default.default.section`
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -4360,13 +3495,13 @@ var FAQContainer = styled40__default.default.section`
   min-height: 100vh;
   background-color: ${colors.background?.primary};
 `;
-var HeaderSection2 = styled40__default.default.div`
+var HeaderSection2 = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   align-items: flex-start;
 `;
-var AccordionList = styled40__default.default.div`
+var AccordionList = styled42__default.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -4404,7 +3539,7 @@ var FAQ = ({
     )) })
   ] });
 };
-var FeaturesContainer = styled40__default.default.section`
+var FeaturesContainer = styled42__default.default.section`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -4414,11 +3549,11 @@ var FeaturesContainer = styled40__default.default.section`
   min-height: 100vh;
   background-color: ${colors.background?.secondary};
 `;
-var InnerWrapper = styled40__default.default.div`
+var InnerWrapper = styled42__default.default.div`
   width: 100%;
   margin: 0 auto;
 `;
-var HeaderWrapper3 = styled40__default.default.div`
+var HeaderWrapper3 = styled42__default.default.div`
   text-align: left;
 `;
 var Features = ({
@@ -4451,7 +3586,7 @@ var Features = ({
     )
   ] }) });
 };
-var HeroContainer = styled40__default.default.section`
+var HeroContainer = styled42__default.default.section`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2rem;
@@ -4492,7 +3627,7 @@ var HeroContainer = styled40__default.default.section`
     padding: 1.5rem 1rem;
   }
 `;
-var Column = styled40__default.default.div`
+var Column = styled42__default.default.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -4503,7 +3638,7 @@ var Column = styled40__default.default.div`
     width: 100%;
   }
 `;
-var FeaturesColumn = styled40__default.default(Column)`
+var FeaturesColumn = styled42__default.default(Column)`
   /* On desktop: normal column */
   @media (min-width: 1025px) {
     display: flex;
@@ -4516,7 +3651,7 @@ var FeaturesColumn = styled40__default.default(Column)`
     align-items: flex-start;
   }
 `;
-var CTAColumn = styled40__default.default(Column)`
+var CTAColumn = styled42__default.default(Column)`
   /* Ensure CTA comes first on mobile */
   @media (max-width: 1024px) {
     order: 1;
@@ -4575,7 +3710,7 @@ var Hero = ({
     ) })
   ] });
 };
-var SectionContainer = styled40__default.default.section`
+var SectionContainer = styled42__default.default.section`
   display: flex;
   flex-direction: column;
   padding: 4rem 2rem;
@@ -4587,7 +3722,7 @@ var SectionContainer = styled40__default.default.section`
     padding: 2rem 1rem;
   }
 `;
-var SectionHeader = styled40__default.default.div`
+var SectionHeader = styled42__default.default.div`
   padding-bottom: 2rem;
   border-bottom: 1px solid ${colors.text.light};
   
@@ -4597,7 +3732,7 @@ var SectionHeader = styled40__default.default.div`
     padding-bottom: 1rem;
   }
 `;
-var ProductsWrapper = styled40__default.default.div`
+var ProductsWrapper = styled42__default.default.div`
   /* Desktop: normal vertical stack */
   @media (min-width: 768px) {
     display: flex;
@@ -4619,7 +3754,7 @@ var ProductsWrapper = styled40__default.default.div`
     }
   }
 `;
-var ProductItem = styled40__default.default.div`
+var ProductItem = styled42__default.default.div`
   /* Desktop: vertical stack with borders */
   @media (min-width: 768px) {
     padding: 2rem 0;
@@ -4674,53 +3809,23 @@ var OtherProducts = ({
 };
 
 exports.AboutUs = AboutUs;
-exports.Accordion = Accordion;
-exports.Address = Address;
-exports.CTAContainer = CTAContainer;
-exports.Checkbox = Checkbox;
 exports.Contact = Contact;
-exports.ContactForm = ContactForm;
-exports.ContentCard = ContentCard;
-exports.DocumentListAccordion = DocumentListAccordion;
-exports.Dropdown = Dropdown;
 exports.FAQ = FAQ;
-exports.FAQAccordion = FAQAccordion;
-exports.FeatureCarousel = FeatureCarousel;
-exports.FeatureContainer = FeatureContainer;
 exports.Features = Features;
-exports.FileButton = FileButton;
 exports.Filter = Filter;
-exports.Footer = Footer;
-exports.Header = Header3;
 exports.Hero = Hero;
-exports.Input = Input2;
-exports.Modal = Modal;
 exports.NavMenu = NavMenu;
 exports.OtherProducts = OtherProducts;
-exports.OverviewList = OverviewList;
-exports.OverviewRowItem = OverviewRowItem;
-exports.PDFPreviewer = PDFPreviewer;
-exports.PageLayout = PageLayout;
-exports.ProductInfo = ProductInfo;
-exports.RadioGroup = RadioGroup;
-exports.RatesChart = RatesChart;
 exports.Search = Search;
-exports.SideNav = SideNav;
-exports.SidePanel = SidePanel;
 exports.SortBy = SortBy;
 exports.Spinner = Spinner;
-exports.StepperHeaderTab = StepperHeaderTab;
 exports.Table = Table;
 exports.TableHeader = TableHeader;
 exports.TableInner = TableInner;
 exports.TableListItem = TableListItem;
 exports.TableRow = TableRow;
 exports.Tabs = Tabs;
-exports.Textarea = Textarea2;
 exports.Toast = Toast;
-exports.ToastProvider = ToastProvider;
 exports.TopMenu = TopMenu;
-exports.VersionLabel = VersionLabel;
-exports.useToast = useToast;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map