property-practice-ui 0.2.0 → 0.3.0

package/dist/organisms.cjs

@@ -0,0 +1,2859 @@
+'use strict';
+
+var styled41 = require('styled-components');
+var hi2 = require('react-icons/hi2');
+var jsxRuntime = require('react/jsx-runtime');
+var fa = require('react-icons/fa');
+var react = require('react');
+var fa6 = require('react-icons/fa6');
+require('react-icons/hi');
+var tailwindVariants = require('tailwind-variants');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled41__default = /*#__PURE__*/_interopDefault(styled41);
+
+// src/organism/ContactForm/ContactForm.tsx
+
+// src/tokens/colors.ts
+var colors = {
+  background: {
+    primary: "#FFFFFF",
+    secondary: "#EEF1F5",
+    tertiary: "#1E4384",
+    subtle: "rgba(102, 153, 153, 1)",
+    blue: "#36b8e7",
+    brand: "#1D3C77",
+    success: "#00ab3fff",
+    error: "#F87171",
+    light: "#cacbcc"
+  },
+  border: {
+    primary: "#669999",
+    secondary: "rgba(30, 67, 132, 0.2)",
+    hover: "#cacbcc",
+    active: "#828282",
+    error: "#F87171",
+    focus: "#3B82F6",
+    brand: "#1D3C77",
+    light: "#f3f3f3"
+  },
+  text: {
+    brand: "#1D3C77",
+    primary: "#262626",
+    secondary: "#FFFFFF",
+    tertiary: "#669999",
+    subtle: "#919EB0",
+    light: "#b5b6b8ff",
+    error: "#F87171",
+    blue: "#3B82F6"
+  },
+  button: {
+    primary: "rgba(30, 67, 132, 0.2)",
+    hover: "rgba(30, 67, 132, 0.5)",
+    active: "rgba(30, 67, 132, 0.8)",
+    secondary: "rgba(30, 67, 132, 1)"
+  }
+};
+var variants = ["brand", "teal", "blue"];
+var StyledContainer = styled41__default.default.button`
+  padding: 0.75rem;
+  ${(props) => props.as === "button" ? `
+    width: 2.5rem;
+    height: 2.5rem;
+  ` : ""}
+  flex-shrink: 0;
+  background-color: ${(props) => {
+  switch (props.variant) {
+    case "brand":
+      return colors.background.brand;
+    case "teal":
+      return colors.background.subtle;
+    case "blue":
+      return colors.background.blue;
+    default:
+      return colors.background.brand;
+  }
+}};
+  transition: all 0.2s;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover svg {
+    transform: rotate(45deg);
+  }
+`;
+var StyledIcon = styled41__default.default(hi2.HiArrowUpRight)`
+  width: 1rem;
+  height: 1rem;
+  color: ${colors.text.secondary};
+  transition: transform 0.2s;
+`;
+var ArrowButton = ({
+  onClick,
+  asChild = false,
+  variant = "brand"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StyledContainer,
+    {
+      as: asChild ? "div" : "button",
+      onClick,
+      variant,
+      children: /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { "aria-hidden": true })
+    }
+  );
+};
+ArrowButton.variants = variants;
+
+// src/tokens/radii.ts
+var radii = {
+  sm: "4px",
+  md: "8px",
+  lg: "10px",
+  xl: "16px"
+};
+
+// src/tokens/spaces.ts
+var spaces = {
+  0: "0px",
+  0.5: "2px",
+  1: "4px",
+  1.5: "6px",
+  2: "8px",
+  2.5: "10px",
+  3: "12px",
+  3.5: "14px",
+  4: "16px",
+  4.5: "18px",
+  5: "20px",
+  5.5: "22px",
+  6: "24px",
+  6.5: "28px",
+  7: "34px",
+  7.5: "38px",
+  8: "44px",
+  9: "56px",
+  20: "150px"
+};
+var spin = styled41.keyframes`
+  to { transform: rotate(360deg); }
+`;
+var Ring = styled41__default.default.span`
+  display: inline-block;
+  width: ${({ size }) => typeof size === "number" ? `${size}px` : size};
+  height: ${({ size }) => typeof size === "number" ? `${size}px` : size};
+  border-radius: 50%;
+  box-sizing: border-box;
+
+  border: ${({ thickness }) => thickness}px solid ${colors.background.brand};
+
+  border-top-color: ${colors.border.active};
+
+  animation: ${spin} ${({ speed }) => speed} linear infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+    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`
+  padding: ${spaces[2]} ${spaces[4]};
+  background-color: ${(props) => props.variant === "light" ? colors.button.primary : colors.button.secondary};
+  border-radius: ${radii.lg};
+  color: ${(props) => props.variant === "light" ? colors.text.primary : colors.text.secondary};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${spaces[2]};
+  max-height: 34px;
+
+  &:hover {
+    background-color: ${colors.button.hover};
+    cursor: pointer;
+  }
+
+  &:active {
+    background-color: ${colors.button.active};
+    color: ${colors.text.secondary};
+  }
+
+  &:disabled {
+    background-color: ${colors.button.primary};
+    cursor: not-allowed;
+    color: ${colors.text.primary};
+  }
+`;
+var ButtonText = styled41__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`
+  margin: 0;
+  font-size: 1rem;
+  line-height: 1.6;
+  color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.primary;
+    case "secondary":
+      return colors.text.secondary;
+    case "subtle":
+      return colors.text.subtle;
+    case "error":
+      return colors.text.error;
+    default:
+      return colors.text.primary;
+  }
+}};
+`;
+var Description = ({
+  children,
+  variant = "primary"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledDescription, { variant, children });
+};
+Description.variants = variants2;
+var StyledButton2 = styled41__default.default.button`
+  display: flex;
+  align-items: center;
+  height: 2.5rem;
+  border: none;
+  cursor: pointer;
+  transition: opacity 0.2s;
+  padding: 0;
+  background: transparent;
+
+  &:hover {
+    opacity: 0.9;
+  }
+`;
+var ExtendedButton = ({
+  text,
+  onClick,
+  arrowVariant = "teal",
+  textBgVariant = "brand",
+  textVariant = "secondary"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(StyledButton2, { onClick, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ArrowButton, { asChild: true, variant: arrowVariant }),
+    /* @__PURE__ */ jsxRuntime.jsx(TextButton, { asChild: true, text, bgVariant: textBgVariant, textVariant, uppercase: false })
+  ] });
+};
+styled41__default.default.div`
+  display: flex;
+  gap: 1rem;
+  background-color: transparent;
+`;
+styled41__default.default.div`
+  width: ${(props) => props.$size || "3rem"};
+  height: ${(props) => props.$size || "3rem"};
+  border-radius: 50%;
+  background-color: ${(props) => colors.background[props.thumbnailBgColor]};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`;
+styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+`;
+styled41__default.default.h3`
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 600;
+  color: ${(props) => colors.text[props.titleColor]};
+`;
+styled41__default.default.p`
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: ${(props) => colors.text[props.descriptionColor]};
+`;
+
+// src/tokens/breakpoints.ts
+var breakpoints = {
+  sm: "640px",
+  lg: "1024px"};
+styled41__default.default.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`;
+styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  padding: ${spaces[4]};
+  width: 100%;
+  max-width: ${breakpoints.lg};
+  gap: ${(props) => spaces[props.space]};
+`;
+var variants3 = {
+  h1: {
+    fontSize: "24px",
+    fontWeight: 700,
+    letterSpacing: "0.6px",
+    lineHeight: "32px"
+  },
+  h2: {
+    fontSize: "20px",
+    fontWeight: 700,
+    lineHeight: "28px",
+    letterSpacing: "0.4px"
+  },
+  h3: {
+    fontSize: "18px",
+    fontWeight: 600,
+    lineHeight: "28px",
+    letterSpacing: "0.2px"
+  }
+};
+var StyledText = styled41__default.default.h1`
+  color: ${(props) => colors.text[props?.color]};
+  font-size: ${(props) => variants3[props.variant].fontSize};
+  font-weight: ${(props) => variants3[props.variant].fontWeight};
+  letter-spacing: ${(props) => variants3[props.variant].letterSpacing};
+  line-height: ${(props) => variants3[props.variant].lineHeight};
+`;
+var Header = ({
+  children,
+  variant = "h1",
+  color = "primary"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledText, { variant, color, children });
+};
+styled41__default.default.input`
+  display: block;
+  height: 100%;
+  width: 100%;
+  outline: none;
+  background-color: transparent;
+  color: ${colors.text.subtle};
+  font-weight: 600;
+`;
+
+// src/tokens/sizes.ts
+var sizes = {
+  sm: "12px",
+  lg: "18px",
+  xl: "24px",
+  0: "1px"};
+var StyledLabel = styled41__default.default.span`
+  color: ${(props) => colors.text[props?.color]};
+  font-size: ${sizes.sm};
+  font-weight: ${(props) => props.fontWeight};
+`;
+styled41__default.default(StyledLabel)`
+  position: absolute;
+  left: 0;
+  bottom: 100%;
+  margin-left: ${spaces[3]};
+  margin-bottom: -${spaces[2.5]};
+  transform: translateY(-${spaces[0.5]});
+  background-color: ${colors.background.primary};
+  padding: 0 ${spaces[1]};
+`;
+var Label = ({
+  value,
+  color = "subtle",
+  fontWeight = "500"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { color, fontWeight, children: value });
+};
+styled41__default.default.span`
+  display: inline-block;
+  padding: 0.5rem 1rem;
+  border-radius: 9999px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  background-color: ${(props) => {
+  if (props.$inverse) return "transparent";
+  switch (props.variant) {
+    case "primary":
+      return colors.text.brand;
+    case "secondary":
+      return colors.text.blue;
+    case "subtle":
+      return colors.text.subtle;
+    case "error":
+      return colors.text.error;
+    default:
+      return colors.text.brand;
+  }
+}};
+  color: ${(props) => {
+  if (props.$inverse) {
+    switch (props.variant) {
+      case "primary":
+        return colors.text.brand;
+      case "secondary":
+        return colors.text.blue;
+      case "subtle":
+        return colors.text.subtle;
+      case "error":
+        return colors.text.error;
+      default:
+        return colors.text.brand;
+    }
+  }
+  return colors.text.secondary;
+}};
+  border: ${(props) => {
+  if (!props.$inverse) return "none";
+  switch (props.variant) {
+    case "primary":
+      return `1px solid ${colors.text.brand}`;
+    case "secondary":
+      return `1px solid ${colors.text.blue}`;
+    case "subtle":
+      return `1px solid ${colors.text.subtle}`;
+    case "error":
+      return `1px solid ${colors.text.error}`;
+    default:
+      return `1px solid ${colors.text.brand}`;
+  }
+}};
+`;
+styled41__default.default.div`
+  border-radius: ${radii.md};
+  padding: ${spaces["3"]};
+  display: flex;
+  flex: 1;
+  gap: ${spaces[2]};
+  background-color: white;
+  align-items: center;
+  justify-content: center;
+  border-width: 1px;
+  border-color: ${colors.border.active};
+  transition:
+    background-color 0.25s ease,
+    box-shadow 0.35s ease,
+    transform 0.25s ease;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.96);
+    border-color: ${colors.border.hover};
+    cursor: pointer;
+  }
+
+  &:active {
+    background-color: rgba(255, 255, 255, 0.92);
+  }
+`;
+styled41__default.default.span`
+  font-size: 16px;
+  font-weight: ${(props) => props.isSelected ? "800" : "400"};
+  text-align: center;
+`;
+var Container4 = styled41__default.default.div`
+  width: 100%;
+`;
+var Label3 = styled41__default.default.label`
+  display: block;
+  font-size: 13px;
+  font-weight: 600;
+  color: ${(props) => props.$color ? colors.text[props.$color] : colors.text.primary};
+  opacity: 0.8;
+  margin-bottom: 0.5rem;
+`;
+var StyledInput2 = styled41__default.default.input`
+  box-sizing: border-box;
+  height: 2.75rem;
+  width: 100%;
+  border-radius: 6px;
+  border: 1px solid ${(props) => props.$borderColor || "#d1d5db"};
+  background-color: ${(props) => props.$bgColor ? colors.background[props.$bgColor] : colors.background?.secondary};
+  padding: 0 0.75rem;
+  font-size: 15px;
+  color: ${(props) => props.$textColor ? colors.text[props.$textColor] : colors.text.primary};
+  outline: none;
+  
+  &::placeholder {
+    color: ${(props) => props.$placeholderColor ? colors.text[props.$placeholderColor] : colors.text.secondary};
+  }
+  
+  &:focus {
+    box-shadow: 0 0 0 2px ${(props) => {
+  const color = props.$focusRingColor ? colors.text[props.$focusRingColor] : colors.text.primary;
+  return `${color}33`;
+}};
+  }
+`;
+var StyledTextArea = styled41__default.default.textarea`
+  box-sizing: border-box;
+  width: 100%;
+  border-radius: 6px;
+  border: 1px solid ${(props) => props.$borderColor || "#d1d5db"};
+  background-color: ${(props) => props.$bgColor ? colors.background[props.$bgColor] : colors.background?.secondary};
+  padding: 0.75rem;
+  font-size: 15px;
+  color: ${(props) => props.$textColor ? colors.text[props.$textColor] : colors.text.primary};
+  outline: none;
+  
+  &::placeholder {
+    color: ${(props) => props.$placeholderColor ? colors.text[props.$placeholderColor] : colors.text.secondary};
+  }
+  
+  &:focus {
+    box-shadow: 0 0 0 2px ${(props) => {
+  const color = props.$focusRingColor ? colors.text[props.$focusRingColor] : colors.text.primary;
+  return `${color}33`;
+}};
+  }
+`;
+var SecondaryInput = ({
+  label,
+  isTextArea = false,
+  labelColor = "brand",
+  inputTextColor = "primary",
+  placeholderColor = "subtle",
+  backgroundColor = "secondary",
+  borderColor = "#d1d5db",
+  focusRingColor = "brand",
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container4, { children: [
+    typeof label === "string" && /* @__PURE__ */ jsxRuntime.jsx(Label3, { $color: labelColor, children: label }),
+    isTextArea ? /* @__PURE__ */ jsxRuntime.jsx(
+      StyledTextArea,
+      {
+        ...rest,
+        rows: 5,
+        $textColor: inputTextColor,
+        $placeholderColor: placeholderColor,
+        $bgColor: backgroundColor,
+        $borderColor: borderColor,
+        $focusRingColor: focusRingColor
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      StyledInput2,
+      {
+        ...rest,
+        $textColor: inputTextColor,
+        $placeholderColor: placeholderColor,
+        $bgColor: backgroundColor,
+        $borderColor: borderColor,
+        $focusRingColor: focusRingColor
+      }
+    )
+  ] });
+};
+var variants5 = ["primary", "secondary", "inverse", "filled"];
+var StyledButton3 = styled41__default.default.button`
+  width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  background-color: ${(props) => {
+  switch (props.variant) {
+    case "filled":
+      return colors.background.brand;
+    case "primary":
+    case "secondary":
+    case "inverse":
+    default:
+      return "transparent";
+  }
+}};
+  border: 2px solid ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.brand;
+    case "secondary":
+      return colors.text.blue;
+    case "inverse":
+      return colors.text.secondary;
+    case "filled":
+      return colors.background.brand;
+    default:
+      return colors.text.brand;
+  }
+}};
+  color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.brand;
+    case "secondary":
+      return colors.text.blue;
+    case "inverse":
+      return colors.text.secondary;
+    case "filled":
+      return colors.text.secondary;
+    default:
+      return colors.text.brand;
+  }
+}};
+  cursor: pointer;
+  transition: all 0.2s;
+
+  &:hover {
+    opacity: 0.8;
+  }
+
+  svg {
+    width: 1.25rem;
+    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;
+styled41__default.default.label`
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  cursor: pointer;
+  font-size: 0.875rem;
+  line-height: 1.5;
+`;
+styled41__default.default.input.attrs({ type: "checkbox" })`
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+`;
+styled41__default.default.div`
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 2px solid ${(props) => {
+  if (props.$checked) {
+    switch (props.variant) {
+      case "primary":
+        return colors.text.brand;
+      case "secondary":
+        return colors.text.blue;
+      case "subtle":
+        return colors.text.subtle;
+      default:
+        return colors.text.brand;
+    }
+  }
+  return colors.text.subtle;
+}};
+  border-radius: 4px;
+  background-color: ${(props) => {
+  if (props.$checked) {
+    switch (props.variant) {
+      case "primary":
+        return colors.text.brand;
+      case "secondary":
+        return colors.text.blue;
+      case "subtle":
+        return colors.text.subtle;
+      default:
+        return colors.text.brand;
+    }
+  }
+  return "transparent";
+}};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: all 0.2s;
+
+  &::after {
+    content: '✓';
+    color: ${colors.text.secondary}; // white checkmark
+    font-size: 0.875rem;
+    font-weight: bold;
+    display: ${(props) => props.$checked ? "block" : "none"};
+  }
+`;
+styled41__default.default.span`
+  color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.primary;
+    case "secondary":
+      return colors.text.blue;
+    case "subtle":
+      return colors.text.subtle;
+    default:
+      return colors.text.primary;
+  }
+}};
+`;
+styled41__default.default.a`
+  color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.brand;
+    case "secondary":
+      return colors.text.blue;
+    case "subtle":
+      return colors.text.subtle;
+    default:
+      return colors.text.brand;
+  }
+}};
+  font-weight: 700;
+  text-decoration: underline;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+var sizes2 = ["sm", "md", "lg"];
+var variants7 = {
+  sm: {
+    fontSize: "14px",
+    fontWeight: 500
+  },
+  md: {
+    fontSize: "16px",
+    fontWeight: 500
+  },
+  lg: {
+    fontSize: "18px",
+    fontWeight: 500
+  }
+};
+var StyledText2 = styled41__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`
+  display: block;
+  width: 100%;
+  height: 100%;
+  outline: none;
+  background-color: transparent;
+  color: ${colors.text.subtle};
+  font-weight: 600;
+  resize: vertical;
+`;
+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`
+  padding: 0 1rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
+  flex-shrink:0;
+  white-space: nowrap;
+  background-color: ${(props) => {
+  if (props.bgVariant === "transparent") return "transparent";
+  return colors.background[props.bgVariant];
+}};
+  transition: all 0.2s;
+  border: none;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.9;
+  }
+`;
+var StyledText3 = styled41__default.default.span`
+  color: ${(props) => colors.text[props.textVariant]};
+  font-size: 0.75rem;
+  letter-spacing: 0.05em;
+  text-transform: ${(props) => props.$uppercase ? "uppercase" : "none"};
+  font-weight: ${(props) => props.$bold ? 700 : 600};
+`;
+var TextButton = ({
+  text,
+  onClick,
+  asChild = false,
+  bgVariant = "brand",
+  textVariant = "secondary",
+  uppercase = true,
+  bold = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StyledContainer2,
+    {
+      as: asChild ? "div" : "button",
+      onClick,
+      bgVariant,
+      children: /* @__PURE__ */ jsxRuntime.jsx(StyledText3, { textVariant, $uppercase: uppercase, $bold: bold, children: text })
+    }
+  );
+};
+TextButton.bgVariants = bgVariants;
+TextButton.textVariants = textVariants;
+styled41__default.default.div`
+  display: inline-flex;
+  background-color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.background.secondary;
+    case "secondary":
+      return colors.background.light;
+    case "subtle":
+      return colors.background.subtle;
+    default:
+      return colors.background.secondary;
+  }
+}};
+  border-radius: 9999px;
+  padding: 0.25rem;
+  gap: 0.25rem;
+`;
+styled41__default.default.button`
+  padding: 0.5rem 1.5rem;
+  border-radius: 9999px;
+  border: none;
+  font-size: 0.875rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  
+  background-color: ${(props) => {
+  if (!props.$isActive) return "transparent";
+  switch (props.variant) {
+    case "primary":
+      return colors.background.brand;
+    case "secondary":
+      return colors.background.blue;
+    case "subtle":
+      return colors.background.subtle;
+    default:
+      return colors.background.brand;
+  }
+}};
+  
+  color: ${(props) => {
+  if (props.$isActive) {
+    return colors.text.secondary;
+  }
+  switch (props.variant) {
+    case "primary":
+      return colors.text.brand;
+    case "secondary":
+      return colors.text.blue;
+    case "subtle":
+      return colors.text.subtle;
+    default:
+      return colors.text.brand;
+  }
+}};
+
+  &:hover {
+    opacity: ${(props) => props.$isActive ? 1 : 0.7};
+  }
+`;
+var Container5 = styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${spaces[4]};
+  width: 100%;
+  
+  @media (max-width: ${breakpoints.sm}) {
+    gap: ${spaces[2]};
+  }
+`;
+var NameContainer = styled41__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(Container5, { 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 Container6 = styled41__default.default.div`
+  width: 100%;
+  padding: ${spaces[4]};
+`;
+var AccordionContent = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Container6, { children });
+};
+var Container7 = styled41__default.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`;
+var HeaderContainer = styled41__default.default.div`
+  display: flex;
+  align-items: center;
+  gap: ${spaces[2]};
+
+  &:hover {
+    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 = styled41__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 = styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  background-color: transparent;
+  padding: 2rem;
+  
+  /* Desktop: normal spacing */
+  @media (min-width: 768px) {
+    gap: 1rem;
+  }
+  
+  /* Mobile: no gap, handled by collapse */
+  @media (max-width: 767px) {
+    padding: 1rem;
+    gap: 0;
+  }
+`;
+var HeaderWrapper = styled41__default.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  
+  /* Desktop: not clickable */
+  @media (min-width: 768px) {
+    cursor: default;
+  }
+  
+  /* Mobile: clickable */
+  @media (max-width: 767px) {
+    cursor: ${(props) => props.$isClickable ? "pointer" : "default"};
+    padding: 0.5rem 0;
+    user-select: none;
+  }
+`;
+var ToggleIcon = styled41__default.default.div`
+  display: none;
+  
+  /* Only show on mobile */
+  @media (max-width: 767px) {
+    display: flex;
+    align-items: center;
+    font-size: 1.5rem;
+    
+    color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.primary;
+    case "inverse":
+      return colors.text.secondary;
+    case "subtle":
+      return colors.text.subtle;
+    default:
+      return colors.text.primary;
+  }
+}};
+  }
+`;
+var CollapseContent = styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  
+  /* Desktop: always visible */
+  @media (min-width: 768px) {
+    display: flex;
+  }
+  
+  /* Mobile: collapsible */
+  @media (max-width: 767px) {
+    max-height: ${(props) => props.$isOpen ? "500px" : "0"};
+    opacity: ${(props) => props.$isOpen ? "1" : "0"};
+    overflow: hidden;
+    transition: max-height 0.3s ease, opacity 0.3s ease;
+    padding-top: ${(props) => props.$isOpen ? "1rem" : "0"};
+  }
+`;
+var InfoSection = styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+`;
+var InfoText = styled41__default.default.p`
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.primary;
+    case "inverse":
+      return colors.text.secondary;
+    case "subtle":
+      return colors.text.subtle;
+    default:
+      return colors.text.primary;
+  }
+}};
+  font-weight: ${(props) => props.$bold ? 600 : 400};
+`;
+var ButtonWrapper = styled41__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`
+  display: flex;
+  align-items: center;
+  gap: ${spaces[2]};
+  cursor: pointer;
+  font-size: 16px;
+  color: ${colors.text.subtle};
+`;
+styled41__default.default.input.attrs({ type: "checkbox" })`
+  display: none;
+`;
+styled41__default.default.span`
+  width: ${sizes.lg};
+  height: ${sizes.lg};
+  border: 1.5px solid ${colors.background.tertiary};
+  border-radius: ${radii.md};
+  background-color: ${({ checked }) => checked ? colors.background.tertiary : "transparent"};
+  transition: all 0.2s ease-in-out;
+`;
+styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+`;
+styled41__default.default.div`
+  display: flex;
+  gap: ${spaces[4]};
+`;
+var Container10 = styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  background-color: #ffffff;
+  width: 284px;
+  height: 482px;
+  padding: 1.5rem;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  flex-shrink: 0;
+  
+  @media (max-width: 767px) {
+    width: 70vw;
+  }
+`;
+var ThumbnailWrapper2 = styled41__default.default.div`
+  width: 180px;
+  height: 180px;
+  border-radius: 50%;
+  background-color: ${(props) => colors.background[props.thumbnailBgColor]};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  align-self: center;
+`;
+var ButtonWrapper2 = styled41__default.default.div`
+  display: flex;
+  justify-content: flex-start;
+  margin-top: auto;
+`;
+var ContentCard = ({
+  thumbnail,
+  title,
+  description,
+  onArrowClick,
+  headerVariant = "h2",
+  titleColor = "brand",
+  descriptionVariant = "subtle",
+  arrowVariant = "teal",
+  thumbnailBgColor = "brand"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container10, { 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 }),
+    /* @__PURE__ */ jsxRuntime.jsx(ButtonWrapper2, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ArrowButton,
+      {
+        onClick: onArrowClick,
+        variant: arrowVariant
+      }
+    ) })
+  ] });
+};
+styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  padding: 3rem 2rem;
+  max-width: 500px;
+  
+  /* Mobile adjustments */
+  @media (max-width: 767px) {
+    padding: 2rem 1rem;
+    max-width: 100%;
+  }
+`;
+styled41__default.default.h1`
+  margin: 0;
+  font-size: 2.5rem;
+  font-weight: 700;
+  line-height: 1.2;
+  color: ${(props) => colors.text[props.textColor]};
+  
+  /* Responsive font size */
+  @media (max-width: 767px) {
+    font-size: 2rem;
+  }
+  
+  @media (max-width: 480px) {
+    font-size: 1.75rem;
+  }
+`;
+styled41__default.default.p`
+  margin: 0;
+  font-size: 1.125rem;
+  line-height: 1.6;
+  color: ${(props) => colors.text[props.textColor]};
+  
+  /* Responsive font size */
+  @media (max-width: 767px) {
+    font-size: 1rem;
+  }
+`;
+styled41__default.default.div`
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  
+  /* Stack vertically on mobile */
+  @media (max-width: 767px) {
+    flex-direction: column;
+    align-items: stretch;
+    width: 100%;
+  }
+`;
+styled41__default.default.div`
+  width: 100%;
+`;
+styled41__default.default.div`
+  position: relative;
+  width: 100%;
+  min-height: 58px;
+  display: flex;
+  align-items: center;
+
+  border-style: solid;
+  border-width: ${(props) => props?.variant === "outline" ? sizes[0] : "0px"};
+  border-color: ${(props) => props?.error ? colors.border.error : colors.border.active};
+  border-radius: ${radii.lg};
+
+  padding: ${spaces[3]} ${spaces[3]} ${spaces[2]};
+
+  &:hover {
+    border-color: ${colors.border.hover};
+    cursor: text;
+  }
+
+  &:focus-within {
+    border-color: ${colors.border.focus};
+  }
+`;
+styled41__default.default.select`
+  width: 100%;
+  color: ${colors.text.subtle};
+  background: transparent;
+  font-weight: 600;
+  border: none;
+  outline: none;
+  padding: 0;
+  margin: 0;
+
+  &:focus,
+  &:active,
+  &:hover {
+    border: none;
+    outline: none;
+    box-shadow: none;
+  }
+
+  &:invalid {
+    color: ${colors.text.subtle};
+  }
+`;
+styled41__default.default.option`
+  color: ${(props) => props.disabled ? colors.text.light : colors.text.subtle};
+`;
+styled41__default.default.div`
+  border-bottom: 1px solid ${colors.text.light};
+  padding: 1.5rem 0;
+`;
+styled41__default.default.button`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  padding: 0;
+`;
+styled41__default.default.span`
+  font-size: 1rem;
+  font-weight: 600;
+  color: ${(props) => colors.text[props.numberColor]};
+  flex-shrink: 0;
+`;
+styled41__default.default.div`
+  flex-grow: 1;
+`;
+styled41__default.default.div`
+  color: ${(props) => colors.text[props.iconColor]};
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+styled41__default.default.div`
+  max-height: ${(props) => props.$isOpen ? "1000px" : "0"};
+  overflow: hidden;
+  transition: max-height 0.3s ease-in-out;
+  padding-left: 2.5rem;
+  margin-top: ${(props) => props.$isOpen ? "1rem" : "0"};
+`;
+styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+`;
+styled41__default.default.div`
+  padding: 1rem 0;
+  border-bottom: 1px solid #e5e7eb;
+
+  &:last-child {
+    border-bottom: none;
+  }
+`;
+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`
+  from { opacity: 0 }
+  to { opacity: 1 }
+`;
+styled41.keyframes`
+  from { transform: translateY(8px) scale(.98); opacity: 0 }
+  to { transform: translateY(0) scale(1); opacity: 1 }
+`;
+styled41__default.default.div`
+  height: 100vh;
+  width: 100vw;
+  background-color: rgba(0, 0, 0, 0.4);
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: ${(props) => props.contentPosition === "center" ? "center" : props.contentPosition === "bottom" ? "flex-end" : "flex-start"};
+  justify-content: center;
+  animation: ${fadeIn} 160ms ease-out;
+`;
+styled41__default.default.div`
+  position: relative;
+  width: min(${breakpoints.sm}, 92vw);
+  max-height: 86vh;
+  overflow: auto;
+  border-radius: ${radii.xl};
+  padding: ${spaces[6]};
+  background-color: ${colors.background.primary};
+`;
+var Container14 = styled41__default.default.div`
+display: flex;
+align-items: center ;
+justify-content: space-between;
+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`
+    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`
+  width: '100%';
+  min-height: '100vh';
+  padding-bottom: ${spaces[9]};
+`;
+styled41__default.default.div`
+  padding: ${spaces[4.5]} ${spaces[6]};
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;
+styled41__default.default.div`
+  border-top: 1px solid ${colors.border.hover};
+`;
+styled41__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`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  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`
+  width: 100%;
+  height: 100%;
+`;
+styled41__default.default.div`
+  display: flex;
+  gap: 1.5rem;
+  align-items: center;
+  max-width: 600px;
+  
+  /* Mobile: stack vertically */
+  @media (max-width: 767px) {
+    flex-direction: column;
+    align-items: flex-start;
+    max-width: 100%;
+  }
+`;
+styled41__default.default.div`
+  flex-shrink: 0;
+  width: 180px;
+  height: 180px;
+  border-radius: 8px;
+  overflow: hidden;
+  
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  
+  /* Mobile: full width */
+  @media (max-width: 767px) {
+    width: 100%;
+    height: 200px;
+  }
+`;
+styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  
+  /* Mobile: full width */
+  @media (max-width: 767px) {
+    width: 100%;
+  }
+`;
+styled41__default.default.div`
+  max-width: 200px;
+  
+  img {
+    width: 100%;
+    height: auto;
+  }
+`;
+styled41__default.default.div``;
+styled41__default.default.div`
+  margin-top: ${spaces[2]};
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  gap: ${spaces[2]};
+`;
+styled41__default.default.div`
+  padding-left: ${spaces[1]};
+`;
+styled41__default.default.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+`;
+styled41__default.default.div`
+  background-color: #ffffff;
+  border-radius: 8px;
+  padding: 2rem;
+  max-width: 400px;
+  width: 90%;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
+`;
+styled41__default.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1.5rem;
+`;
+styled41__default.default.button`
+  background-color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.background.brand;
+    case "secondary":
+      return colors.background.blue;
+    case "subtle":
+      return colors.background.subtle;
+    default:
+      return colors.background.brand;
+  }
+}};
+  color: #ffffff;
+  border: none;
+  border-radius: 4px;
+  width: 2rem;
+  height: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: opacity 0.2s;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+styled41__default.default.table`
+  width: 100%;
+  border-collapse: collapse;
+`;
+styled41__default.default.thead`
+  border-bottom: 2px solid #e5e7eb;
+`;
+styled41__default.default.th`
+  text-align: left;
+  padding: 0.75rem 0;
+  font-size: 0.875rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return colors.text.brand;
+    case "secondary":
+      return colors.text.blue;
+    case "subtle":
+      return colors.text.subtle;
+    default:
+      return colors.text.brand;
+  }
+}};
+`;
+styled41__default.default.tbody``;
+styled41__default.default.tr`
+  border-bottom: 1px solid #f3f4f6;
+
+  &:last-child {
+    border-bottom: none;
+  }
+`;
+styled41__default.default.td`
+  padding: 0.75rem 0;
+  font-size: 0.875rem;
+  color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+    case "secondary":
+      return colors.text.primary;
+    case "subtle":
+      return colors.text.subtle;
+    default:
+      return colors.text.primary;
+  }
+}};
+`;
+styled41__default.default.div`
+  display: none;
+  
+  @media (max-width: 767px) {
+    display: ${(props) => props.$isOpen ? "block" : "none"};
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 9998;
+  }
+`;
+styled41__default.default.div`
+  @media (max-width: 767px) {
+    display: none;
+  }
+`;
+styled41__default.default.nav`
+  width: 195px;
+  display: flex;
+  flex-direction: column;
+  min-height: 500px;
+  height: 100vh;
+  padding-bottom: 15px;
+  
+  @media (min-width: 768px) {
+    position: relative;
+    background-color: #ffffff;
+    border-right: 1px solid #e5e7eb;
+  }
+  
+  @media (max-width: 767px) {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 9999;
+    background-color: ${(props) => colors.background[props.$mobileBgVariant]};
+    border-right: 1px solid ${(props) => colors.border[props.$borderVariant]};
+    transform: translateX(${(props) => props.$isOpen ? "0" : "-100%"});
+    transition: transform 0.3s ease-in-out;
+    box-shadow: ${(props) => props.$isOpen ? "2px 0 8px rgba(0, 0, 0, 0.15)" : "none"};
+  }
+`;
+styled41__default.default.button`
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  padding: 0.5rem;
+  color: ${(props) => colors.border[props.$textVariant]};
+  
+  &:hover {
+    opacity: 0.7;
+  }
+`;
+styled41__default.default.div`
+  display: none;
+  
+  @media (max-width: 767px) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+  }
+`;
+var NavList = styled41__default.default.ul`
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`;
+styled41__default.default(NavList)`
+  @media (max-width: 767px) {
+    display: none;
+  }
+`;
+styled41__default.default(NavList)`
+  display: none;
+  
+  @media (max-width: 767px) {
+    display: flex;
+  }
+`;
+styled41__default.default.li`
+  display: flex;
+`;
+styled41__default.default.a`
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  width: 100%;
+  padding-left: 0.5rem;
+  
+  ${(props) => !props.$isActive && `
+    &:hover {
+      font-weight: 100;
+    }
+  `}
+`;
+styled41__default.default.div`
+  width: 0;
+  height: 0;
+  border-top: 4px solid transparent;
+  border-left: 6px solid ${(props) => colors.border[props.triangleColor]};
+  border-bottom: 4px solid transparent;
+  flex-shrink: 0;
+  margin-left: 1.5rem;
+`;
+styled41__default.default.span`
+  width: 6px;
+  margin-right: 0.5rem;
+  flex-shrink: 0;
+`;
+styled41__default.default.div`
+  height: 1px;
+  background-color: ${(props) => colors.border[props.dividerColor]};
+  margin: 1rem;
+`;
+var Spacer = styled41__default.default.div`
+  flex-grow: 1;
+`;
+styled41__default.default(Spacer)`
+  @media (max-width: 767px) {
+    display: none;
+  }
+`;
+styled41__default.default.div`
+  display: none;
+  
+  @media (max-width: 767px) {
+    display: flex;
+    flex-direction: row;
+    gap: 0.5rem;
+    padding: 0 1rem;
+    margin-top: auto;
+    margin-bottom: 20px;
+  }
+`;
+styled41__default.default.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: ${(props) => props.$isOpen ? "flex" : "none"};
+  justify-content: flex-end;
+  z-index: 1000;
+`;
+styled41__default.default.div`
+  background-color: #ffffff;
+  width: 100%;
+  max-width: 400px;
+  height: 100vh;
+  padding: 3rem 2rem;
+  box-shadow: -4px 0 15px rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  transform: ${(props) => props.$isOpen ? "translateX(0)" : "translateX(100%)"};
+  transition: transform 0.3s ease-in-out;
+  overflow-y: auto;
+`;
+styled41__default.default.button`
+  position: absolute;
+  top: 1.5rem;
+  right: 1.5rem;
+  background-color: ${(props) => colors.background[props.closeButtonBgColor]};
+  color: #ffffff;
+  border: none;
+  border-radius: 4px;
+  width: 2.5rem;
+  height: 2.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: opacity 0.2s;
+  z-index: 10;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+styled41__default.default.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  margin-bottom: 1rem;
+
+  svg {
+    width: 150px;
+    height: 150px;
+  }
+
+  img {
+    width: 150px;
+    height: 150px;
+    object-fit: contain;
+  }
+`;
+styled41__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+`;
+styled41__default.default.div`
+  width: 100%;
+  background-color: ${(props) => props.isSelected ? colors.background.blue : colors.background.primary};
+  border: 1px solid ${colors.background.blue};
+  border-radius: ${radii.lg};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: ${spaces[2]} ${spaces[3]};
+  cursor: pointer;
+`;
+styled41__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`
+  display: flex;
+  width: ${`${100 / 4}%`};
+  overflow: scroll;
+  align-items: center;
+  gap: 5px;
+  cursor: ${(props) => props.onClick ? "pointer" : "auto"};
+
+   /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  
+  /* Hide scrollbar for IE, Edge and Firefox */
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+`;
+var IconContainer = styled41__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`
+  display: flex;
+  align-items: center;
+  cursor: ${(props) => props?.onClick ? "pointer" : "auto"};
+  width: ${`${100 / 4}%`};
+  overflow: scroll;
+  text-overflow: ellipsis;
+
+   /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  
+  /* Hide scrollbar for IE, Edge and Firefox */
+  -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`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${spaces[6]};
+`;
+var Container22 = styled41__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`
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+`;
+var CardsWrapper = styled41__default.default.div`
+  display: flex;
+  gap: 1.5rem;
+  padding: 1rem 0;
+  
+  /* Desktop: controlled by JS */
+  @media (min-width: 768px) {
+    overflow-x: hidden;
+  }
+  
+  /* Mobile: native scroll with snap */
+  @media (max-width: 767px) {
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+`;
+var CardContainer = styled41__default.default.div`
+  display: flex;
+  gap: 1.5rem;
+  
+  /* Desktop: transform animation */
+  @media (min-width: 768px) {
+    transform: translateX(${(props) => props.$translateX}px);
+    transition: transform 0.3s ease-in-out;
+  }
+  
+  /* Mobile: natural flow */
+  @media (max-width: 767px) {
+    transform: none;
+    
+    & > * {
+      scroll-snap-align: center;
+      flex-shrink: 0;
+    }
+  }
+`;
+var NavigationWrapper = styled41__default.default.div`
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  gap: 1rem;
+  margin-top: 1.5rem;
+`;
+var NavButton = styled41__default.default.button`
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 50%;
+  background-color: transparent;
+  color: ${(props) => props.$disabled ? colors.text.subtle : colors.text[props.navColor]};
+  border: none;
+  cursor: ${(props) => props.$disabled ? "not-allowed" : "pointer"};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s;
+
+  @media (max-width: 767px) {
+    display: none;
+  }
+
+  &:hover {
+    opacity: ${(props) => props.$disabled ? 1 : 0.8};
+  }
+`;
+var Indicators = styled41__default.default.div`
+  display: flex;
+  gap: 0.5rem;
+`;
+var Indicator = styled41__default.default.div`
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  background-color: ${(props) => props.$active ? colors.text[props.indicatorColor] : colors.text.subtle};
+  transition: background-color 0.2s;
+`;
+var FeatureCarousel = ({
+  cards,
+  cardTitleColor = "brand",
+  cardDescriptionVariant = "primary",
+  cardArrowVariant = "teal",
+  cardThumbnailBgColor = "brand",
+  navButtonColor = "brand",
+  indicatorColor = "brand"
+}) => {
+  const [currentIndex, setCurrentIndex] = react.useState(0);
+  const [cardsToShow, setCardsToShow] = react.useState(3);
+  const [cardWidth, setCardWidth] = react.useState(284);
+  const containerRef = react.useRef(null);
+  const touchStartX = react.useRef(0);
+  const touchEndX = react.useRef(0);
+  const gap = 24;
+  react.useEffect(() => {
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      const containerWidth = entry.contentRect.width;
+      const count = Math.floor((containerWidth + gap) / (284 + gap));
+      const clamped = Math.max(1, count);
+      if (clamped === 1) {
+        setCardWidth(containerWidth);
+      } else {
+        setCardWidth(284);
+      }
+      setCardsToShow(clamped);
+    });
+    if (containerRef.current) observer.observe(containerRef.current);
+    return () => observer.disconnect();
+  }, []);
+  const needsCarousel = cards.length > cardsToShow;
+  const maxIndex = Math.max(0, cards.length - cardsToShow);
+  const translateX = -currentIndex * (cardsToShow === 1 ? cardWidth : cardWidth + gap);
+  const handlePrev = () => setCurrentIndex((prev) => Math.max(0, prev - 1));
+  const handleNext = () => setCurrentIndex((prev) => Math.min(maxIndex, prev + 1));
+  const handleTouchStart = (e) => {
+    if (!e.touches[0]) return;
+    touchStartX.current = e.touches[0].clientX;
+  };
+  const handleTouchEnd = (e) => {
+    if (!e.changedTouches[0]) return;
+    touchEndX.current = e.changedTouches[0].clientX;
+    const diff = touchStartX.current - touchEndX.current;
+    if (Math.abs(diff) < 50) return;
+    if (diff > 0) {
+      handleNext();
+    } else {
+      handlePrev();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CarouselContainer,
+    {
+      ref: containerRef,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CardsWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(CardContainer, { $translateX: needsCarousel ? translateX : 0, children: cards.map((card, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          ContentCard,
+          {
+            thumbnail: card.thumbnail,
+            title: card.title,
+            description: card.description,
+            onArrowClick: card.onArrowClick,
+            titleColor: cardTitleColor,
+            descriptionVariant: cardDescriptionVariant,
+            arrowVariant: cardArrowVariant,
+            thumbnailBgColor: cardThumbnailBgColor
+          },
+          index
+        )) }) }),
+        needsCarousel && /* @__PURE__ */ jsxRuntime.jsxs(NavigationWrapper, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NavButton,
+            {
+              onClick: handlePrev,
+              $disabled: currentIndex === 0,
+              navColor: navButtonColor,
+              children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiArrowLeft, { size: 24 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Indicators, { children: Array.from({ length: maxIndex + 1 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            Indicator,
+            {
+              $active: index === currentIndex,
+              indicatorColor
+            },
+            index
+          )) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NavButton,
+            {
+              onClick: handleNext,
+              $disabled: currentIndex === maxIndex,
+              navColor: navButtonColor,
+              children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiArrowRight, { size: 24 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var variants13 = ["primary", "secondary"];
+var FooterContainer = styled41__default.default.footer`
+  background-color: ${(props) => {
+  switch (props.variant) {
+    case "primary":
+      return "#1e40af";
+    case "secondary":
+      return "#1D3C77";
+    default:
+      return "#1e40af";
+  }
+}};
+  padding: 3rem 2rem 2rem;
+  color: #ffffff;
+`;
+var TopSection = styled41__default.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 3rem;
+  padding-bottom: 2rem;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    gap: 2rem;
+    align-items: flex-start;
+  }
+`;
+var LogoWrapper2 = styled41__default.default.div`
+  img {
+    height: 100px;
+    width: auto;
+  }
+`;
+var ButtonGroup2 = styled41__default.default.div`
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+`;
+var MiddleSection = styled41__default.default.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr auto;
+  gap: 3rem;
+  margin-bottom: 3rem;
+  align-items: start;
+
+  @media (max-width: 1024px) {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr;
+  }
+`;
+var SocialButtonGroup = styled41__default.default.div`
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+`;
+var BottomSection = styled41__default.default.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 2rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    gap: 1rem;
+    align-items: flex-start;
+  }
+`;
+var LegalLinks = styled41__default.default.div`
+  display: flex;
+  gap: 2rem;
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+`;
+var LegalLink = styled41__default.default.a`
+  color: #ffffff;
+  text-decoration: none;
+  font-size: 0.875rem;
+  text-transform: uppercase;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+var Copyright = styled41__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`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #ffffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  padding: 0 1rem;
+`;
+var LogoWrapper3 = styled41__default.default.div`
+  display: flex;
+  align-items: center;
+  
+  img {
+    height: 60px;
+    width: auto;
+  }
+`;
+var ButtonGroup3 = styled41__default.default.div`
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  
+  /* Hide on mobile */
+  @media (max-width: 767px) {
+    display: none;
+  }
+`;
+var BurgerButton = styled41__default.default.button`
+  display: none;
+  
+  /* Show only on mobile */
+  @media (max-width: 767px) {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    width: 2rem;
+    height: 2rem;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    
+    &:focus {
+      outline: none;
+    }
+  }
+`;
+var BurgerLine = styled41__default.default.div`
+  width: 2rem;
+  height: 0.25rem;
+  background-color: ${(props) => colors.border[props.$burgerVariant]};
+  border-radius: 10px;
+  transition: all 0.3s linear;
+  position: relative;
+  transform-origin: 1px;
+
+  &:first-child {
+    transform: ${({ $isOpen }) => $isOpen ? "rotate(45deg)" : "rotate(0)"};
+  }
+
+  &:nth-child(2) {
+    opacity: ${({ $isOpen }) => $isOpen ? "0" : "1"};
+    transform: ${({ $isOpen }) => $isOpen ? "translateX(20px)" : "translateX(0)"};
+  }
+
+  &:nth-child(3) {
+    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`
+    display: flex;
+    flex-direction: column;
+    gap: ${spaces[2]};
+`;
+styled41__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 toastVariants = tailwindVariants.tv({
+  base: "z-[100] fixed left-0 bottom-0 p-4 transition-all duration-500 transform",
+  variants: {
+    show: {
+      true: "translate-x-0",
+      false: "-translate-x-full"
+    }
+  }
+});
+var containerVariants = tailwindVariants.tv({
+  base: "rounded-lg shadow overflow-hidden p-2",
+  variants: {
+    type: {
+      Default: "bg-gray-700",
+      Success: "bg-green-700",
+      Warning: "bg-yellow-700",
+      Error: "bg-red-700",
+      Message: "bg-blue-700"
+    }
+  }
+});
+var iconVariants = tailwindVariants.tv({
+  base: "flex-shrink-0 self-start inline-flex items-center justify-center w-10 h-10 mr-3 rounded-xl bg-opacity-20",
+  variants: {
+    type: {
+      Success: "bg-green-500",
+      Warning: "bg-yellow-500",
+      Error: "bg-red-500",
+      Message: "bg-blue-500",
+      Default: "bg-gray-500"
+    }
+  }
+});
+function Toast({
+  type,
+  message,
+  visible,
+  setVisible,
+  duration = 5e3,
+  onClear
+}) {
+  react.useEffect(() => {
+    if (duration && visible) {
+      const timer = setTimeout(() => {
+        setVisible && setVisible(false);
+        onClear && onClear();
+      }, duration);
+      return () => clearTimeout(timer);
+    }
+  }, [duration, visible]);
+  const icon = () => {
+    switch (type) {
+      case "Success":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            stroke: "#a1a1a1",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM9.73 13.61L14.3 7.61V7.58C14.5179 7.29419 14.5668 6.91382 14.4283 6.58218C14.2897 6.25054 13.9848 6.01801 13.6283 5.97218C13.2718 5.92635 12.9179 6.07419 12.7 6.36L8.92 11.36L7.29 9.28C7.07028 8.99776 6.71668 8.85418 6.36239 8.90334C6.00811 8.9525 5.70696 9.18694 5.57239 9.51834C5.43783 9.84974 5.49028 10.2278 5.71 10.51L8.15 13.62C8.34082 13.8615 8.63222 14.0017 8.94 14C9.2495 13.9993 9.54121 13.8552 9.73 13.61Z",
+                fill: "#54D62C"
+              }
+            )
+          }
+        );
+      case "Warning":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "24",
+            height: "20",
+            viewBox: "0 0 24 21",
+            fill: "none",
+            stroke: "#a1a1a1",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: "M12.0005 15C11.8027 15 11.6093 15.0586 11.4449 15.1685C11.2804 15.2784 11.1523 15.4346 11.0766 15.6173C11.0009 15.8 10.9811 16.0011 11.0197 16.1951C11.0583 16.3891 11.1535 16.5673 11.2933 16.7071C11.4332 16.847 11.6114 16.9422 11.8054 16.9808C11.9993 17.0194 12.2004 16.9996 12.3831 16.9239C12.5659 16.8482 12.722 16.72 12.8319 16.5556C12.9418 16.3911 13.0005 16.1978 13.0005 16C13.0005 15.7348 12.8951 15.4804 12.7076 15.2929C12.52 15.1054 12.2657 15 12.0005 15ZM22.6705 16.47L14.6205 2.47C14.3603 2.00351 13.9802 1.61495 13.5196 1.34447C13.0591 1.07398 12.5346 0.931366 12.0005 0.931366C11.4663 0.931366 10.9419 1.07398 10.4813 1.34447C10.0207 1.61495 9.64065 2.00351 9.38046 2.47L1.38046 16.47C1.11125 16.924 0.966598 17.441 0.9611 17.9688C0.955602 18.4966 1.08945 19.0165 1.34914 19.476C1.60883 19.9356 1.98516 20.3185 2.44014 20.586C2.89512 20.8536 3.41264 20.9964 3.94046 21H20.0605C20.5925 21.0052 21.1164 20.8689 21.5784 20.6049C22.0403 20.3409 22.4238 19.9588 22.6894 19.4978C22.9551 19.0368 23.0933 18.5134 23.09 17.9813C23.0866 17.4493 22.9418 16.9277 22.6705 16.47ZM20.9405 18.47C20.8528 18.6259 20.7249 18.7555 20.5701 18.8452C20.4154 18.9349 20.2393 18.9815 20.0605 18.98H3.94046C3.76157 18.9815 3.58556 18.9349 3.43077 18.8452C3.27599 18.7555 3.14811 18.6259 3.06046 18.47C2.97269 18.318 2.92648 18.1455 2.92648 17.97C2.92648 17.7945 2.97269 17.622 3.06046 17.47L11.0605 3.47C11.1444 3.3062 11.2719 3.16873 11.4289 3.07274C11.5859 2.97675 11.7664 2.92596 11.9505 2.92596C12.1345 2.92596 12.315 2.97675 12.472 3.07274C12.629 3.16873 12.7565 3.3062 12.8405 3.47L20.8905 17.47C20.9897 17.6198 21.0467 17.7936 21.0555 17.9731C21.0643 18.1526 21.0245 18.3312 20.9405 18.49V18.47ZM12.0005 7C11.7352 7 11.4809 7.10535 11.2933 7.29289C11.1058 7.48043 11.0005 7.73478 11.0005 8V12C11.0005 12.2652 11.1058 12.5196 11.2933 12.7071C11.4809 12.8946 11.7352 13 12.0005 13C12.2657 13 12.52 12.8946 12.7076 12.7071C12.8951 12.5196 13.0005 12.2652 13.0005 12V8C13.0005 7.73478 12.8951 7.48043 12.7076 7.29289C12.52 7.10535 12.2657 7 12.0005 7Z",
+                fill: "#FFC107"
+              }
+            )
+          }
+        );
+      case "Error":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            stroke: "#a1a1a1",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: "M10 12C9.75278 12 9.5111 12.0733 9.30554 12.2107C9.09998 12.348 8.93976 12.5432 8.84516 12.7716C8.75055 13.0001 8.72579 13.2514 8.77402 13.4939C8.82225 13.7363 8.94131 13.9591 9.11612 14.1339C9.29094 14.3087 9.51367 14.4277 9.75614 14.476C9.99862 14.5242 10.25 14.4995 10.4784 14.4049C10.7068 14.3102 10.902 14.15 11.0393 13.9445C11.1767 13.7389 11.25 13.4972 11.25 13.25C11.25 12.9185 11.1183 12.6005 10.8839 12.3661C10.6495 12.1317 10.3315 12 10 12ZM10 10.5C10.2652 10.5 10.5196 10.3946 10.7071 10.2071C10.8946 10.0196 11 9.76522 11 9.5V6.5C11 6.23478 10.8946 5.98043 10.7071 5.79289C10.5196 5.60536 10.2652 5.5 10 5.5C9.73479 5.5 9.48043 5.60536 9.2929 5.79289C9.10536 5.98043 9 6.23478 9 6.5V9.5C9 9.76522 9.10536 10.0196 9.2929 10.2071C9.48043 10.3946 9.73479 10.5 10 10.5ZM10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C19.9971 7.34874 18.9425 4.80691 17.0678 2.93219C15.1931 1.05746 12.6513 0.00294858 10 0ZM10 18C8.41775 18 6.87104 17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C17.9976 12.121 17.1539 14.1544 15.6542 15.6542C14.1544 17.1539 12.121 17.9976 10 18Z",
+                fill: "#FF4842"
+              }
+            )
+          }
+        );
+      case "Message":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            stroke: "#a1a1a1",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 14C11 14.5523 10.5523 15 10 15C9.44771 15 9 14.5523 9 14V9C9 8.44771 9.44771 8 10 8C10.5523 8 11 8.44771 11 9V14ZM9 6C9 6.55228 9.44771 7 10 7C10.5523 7 11 6.55228 11 6C11 5.44772 10.5523 5 10 5C9.44771 5 9 5.44772 9 6Z",
+                fill: "#1890FF"
+              }
+            )
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  const toast = () => {
+    switch (type) {
+      case "Default":
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap w-full h-full items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full sm:w-auto px-4 py-4 sm:py-0 border-b border-gray-400 sm:border-transparent", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-5 text-gray-200 font-semibold", children: message }) }) });
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap w-full h-full items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full sm:w-auto px-4 py-4 sm:py-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center pr-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconVariants({ type }), children: icon() }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm leading-5 text-gray-200", children: message })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-16 border-l border-gray-800", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => {
+                setVisible && setVisible(false);
+                onClear && onClear();
+              },
+              className: "flex w-full h-full items-center justify-center text-center text-lg px-2 text-gray-50",
+              children: "X"
+            }
+          ) })
+        ] });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: toastVariants({ show: visible }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerVariants({ type }), children: toast() }) });
+}
+var ToastContext = 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}` });
+};
+
+exports.ContactForm = ContactForm;
+exports.DocumentListAccordion = DocumentListAccordion;
+exports.FeatureCarousel = FeatureCarousel;
+exports.Footer = Footer;
+exports.Header = Header3;
+exports.OverviewList = OverviewList;
+exports.ToastProvider = ToastProvider;
+exports.VersionLabel = VersionLabel;
+exports.useToast = useToast;
+//# sourceMappingURL=organisms.cjs.map
+//# sourceMappingURL=organisms.cjs.map