property-practice-ui 0.2.0 → 0.3.1

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var react = require('react');
-var styled40 = require('styled-components');
+var styled41 = require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
 var hi2 = require('react-icons/hi2');
 var fa = require('react-icons/fa');
@@ -11,11 +11,11 @@ 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/hi');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var styled40__default = /*#__PURE__*/_interopDefault(styled40);
+var styled41__default = /*#__PURE__*/_interopDefault(styled41);
 var Link2__default = /*#__PURE__*/_interopDefault(Link2);
 
 // src/molecules/Dropdown/Dropdown.tsx
@@ -90,12 +90,12 @@ var spaces = {
   9: "56px",
   20: "150px"
 };
-var StyledLabel = styled40__default.default.span`
+var StyledLabel = styled41__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 = styled41__default.default(StyledLabel)`
   position: absolute;
   left: 0;
   bottom: 100%;
@@ -120,7 +120,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 = styled41__default.default.button`
   padding: 0.75rem;
   ${(props) => props.as === "button" ? `
     width: 2.5rem;
@@ -150,7 +150,7 @@ var StyledContainer = styled40__default.default.button`
     transform: rotate(45deg);
   }
 `;
-var StyledIcon = styled40__default.default(hi2.HiArrowUpRight)`
+var StyledIcon = styled41__default.default(hi2.HiArrowUpRight)`
   width: 1rem;
   height: 1rem;
   color: ${colors.text.secondary};
@@ -180,10 +180,10 @@ var radii = {
   lg: "10px",
   xl: "16px"
 };
-var spin = styled40.keyframes`
+var spin = styled41.keyframes`
   to { transform: rotate(360deg); }
 `;
-var Ring = styled40__default.default.span`
+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};
@@ -218,7 +218,7 @@ var Loader = ({
   );
 };
 var ButtonTypes = ["submit", "reset", "button"];
-var StyledButton = styled40__default.default.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};
@@ -245,7 +245,7 @@ var StyledButton = styled40__default.default.button`
     color: ${colors.text.primary};
   }
 `;
-var ButtonText = styled40__default.default.span`
+var ButtonText = styled41__default.default.span`
   font-size: 12px;
   font-weight: 700;
 `;
@@ -274,7 +274,7 @@ var Button = ({
 };
 Button.types = ButtonTypes;
 var variants2 = ["primary", "secondary", "subtle", "error"];
-var StyledDescription = styled40__default.default.p`
+var StyledDescription = styled41__default.default.p`
   margin: 0;
   font-size: 1rem;
   line-height: 1.6;
@@ -300,7 +300,7 @@ var Description = ({
   return /* @__PURE__ */ jsxRuntime.jsx(StyledDescription, { variant, children });
 };
 Description.variants = variants2;
-var StyledButton2 = styled40__default.default.button`
+var StyledButton2 = styled41__default.default.button`
   display: flex;
   align-items: center;
   height: 2.5rem;
@@ -326,12 +326,12 @@ var ExtendedButton = ({
     /* @__PURE__ */ jsxRuntime.jsx(TextButton, { asChild: true, text, bgVariant: textBgVariant, textVariant, uppercase: false })
   ] });
 };
-var Container = styled40__default.default.div`
+var Container = styled41__default.default.div`
   display: flex;
   gap: 1rem;
   background-color: transparent;
 `;
-var ThumbnailWrapper = styled40__default.default.div`
+var ThumbnailWrapper = styled41__default.default.div`
   width: ${(props) => props.$size || "3rem"};
   height: ${(props) => props.$size || "3rem"};
   border-radius: 50%;
@@ -341,18 +341,18 @@ var ThumbnailWrapper = styled40__default.default.div`
   justify-content: center;
   flex-shrink: 0;
 `;
-var Content = styled40__default.default.div`
+var Content = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 `;
-var Title = styled40__default.default.h3`
+var Title = styled41__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 = styled41__default.default.p`
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.5;
@@ -394,12 +394,12 @@ var FeatureItem = ({
 var breakpoints = {
   sm: "640px",
   lg: "1024px"};
-styled40__default.default.div`
+styled41__default.default.div`
   width: 100%;
   display: flex;
   justify-content: center;
 `;
-styled40__default.default.div`
+styled41__default.default.div`
   display: flex;
   flex-direction: column;
   padding: ${spaces[4]};
@@ -427,7 +427,7 @@ var variants3 = {
     letterSpacing: "0.2px"
   }
 };
-var StyledText = styled40__default.default.h1`
+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};
@@ -441,10 +441,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`
+styled41__default.default.input`
   display: block;
   height: 100%;
   width: 100%;
@@ -453,12 +450,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 = styled41__default.default.span`
   display: inline-block;
   padding: 0.5rem 1rem;
   border-radius: 9999px;
@@ -520,7 +513,7 @@ var Pill = ({
   return /* @__PURE__ */ jsxRuntime.jsx(StyledPill, { variant, $inverse: inverse, children });
 };
 Pill.variants = variants4;
-var Container3 = styled40__default.default.div`
+styled41__default.default.div`
   border-radius: ${radii.md};
   padding: ${spaces["3"]};
   display: flex;
@@ -546,21 +539,15 @@ var Container3 = styled40__default.default.div`
     background-color: rgba(255, 255, 255, 0.92);
   }
 `;
-var Label2 = styled40__default.default.span`
+styled41__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 = styled41__default.default.div`
   width: 100%;
 `;
-var Label3 = styled40__default.default.label`
+var Label3 = styled41__default.default.label`
   display: block;
   font-size: 13px;
   font-weight: 600;
@@ -568,7 +555,7 @@ var Label3 = styled40__default.default.label`
   opacity: 0.8;
   margin-bottom: 0.5rem;
 `;
-var StyledInput2 = styled40__default.default.input`
+var StyledInput2 = styled41__default.default.input`
   box-sizing: border-box;
   height: 2.75rem;
   width: 100%;
@@ -591,7 +578,7 @@ var StyledInput2 = styled40__default.default.input`
 }};
   }
 `;
-var StyledTextArea = styled40__default.default.textarea`
+var StyledTextArea = styled41__default.default.textarea`
   box-sizing: border-box;
   width: 100%;
   border-radius: 6px;
@@ -651,7 +638,7 @@ var SecondaryInput = ({
   ] });
 };
 var variants5 = ["primary", "secondary", "inverse", "filled"];
-var StyledButton3 = styled40__default.default.button`
+var StyledButton3 = styled41__default.default.button`
   width: 2.5rem;
   height: 2.5rem;
   display: flex;
@@ -727,7 +714,7 @@ var SocialButton = ({
 };
 SocialButton.variants = variants5;
 var variants6 = ["primary", "secondary", "subtle"];
-var CheckboxContainer = styled40__default.default.label`
+var CheckboxContainer = styled41__default.default.label`
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -735,12 +722,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 = styled41__default.default.input.attrs({ type: "checkbox" })`
   position: absolute;
   opacity: 0;
   cursor: pointer;
 `;
-var StyledCheckbox = styled40__default.default.div`
+var StyledCheckbox = styled41__default.default.div`
   width: 1.25rem;
   height: 1.25rem;
   border: 2px solid ${(props) => {
@@ -788,7 +775,7 @@ var StyledCheckbox = styled40__default.default.div`
     display: ${(props) => props.$checked ? "block" : "none"};
   }
 `;
-var Text = styled40__default.default.span`
+var Text = styled41__default.default.span`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -802,7 +789,7 @@ var Text = styled40__default.default.span`
   }
 }};
 `;
-var Link = styled40__default.default.a`
+var Link = styled41__default.default.a`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -869,7 +856,7 @@ var variants7 = {
     fontWeight: 500
   }
 };
-var StyledText2 = styled40__default.default.h1`
+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};
@@ -882,7 +869,7 @@ var Text2 = ({
   return /* @__PURE__ */ jsxRuntime.jsx(StyledText2, { color, variant, children });
 };
 Text2.variants = sizes2;
-var StyledTextarea = styled40__default.default.textarea`
+styled41__default.default.textarea`
   display: block;
   width: 100%;
   height: 100%;
@@ -892,18 +879,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 = styled41__default.default.button`
   padding: 0 1rem;
   height: 2.5rem;
   display: flex;
@@ -922,7 +900,7 @@ var StyledContainer2 = styled40__default.default.button`
     opacity: 0.9;
   }
 `;
-var StyledText3 = styled40__default.default.span`
+var StyledText3 = styled41__default.default.span`
   color: ${(props) => colors.text[props.textVariant]};
   font-size: 0.75rem;
   letter-spacing: 0.05em;
@@ -950,7 +928,7 @@ var TextButton = ({
 };
 TextButton.bgVariants = bgVariants;
 TextButton.textVariants = textVariants;
-styled40__default.default.div`
+styled41__default.default.div`
   display: inline-flex;
   background-color: ${(props) => {
   switch (props.variant) {
@@ -968,7 +946,7 @@ styled40__default.default.div`
   padding: 0.25rem;
   gap: 0.25rem;
 `;
-styled40__default.default.button`
+styled41__default.default.button`
   padding: 0.5rem 1.5rem;
   border-radius: 9999px;
   border: none;
@@ -1013,10 +991,10 @@ styled40__default.default.button`
     opacity: ${(props) => props.$isActive ? 1 : 0.7};
   }
 `;
-var Container5 = styled40__default.default.div`
+var Container5 = styled41__default.default.div`
   width: 100%;
 `;
-var InnerContainer2 = styled40__default.default.div`
+var InnerContainer2 = styled41__default.default.div`
   position: relative;
   width: 100%;
   min-height: 58px;
@@ -1049,7 +1027,7 @@ var InputContainer = ({
     typeof error === "string" && /* @__PURE__ */ jsxRuntime.jsx(Label, { value: error, color: "error" })
   ] });
 };
-var Select = styled40__default.default.select`
+var Select = styled41__default.default.select`
   width: 100%;
   color: ${colors.text.subtle};
   background: transparent;
@@ -1071,7 +1049,7 @@ var Select = styled40__default.default.select`
     color: ${colors.text.subtle};
   }
 `;
-var OptionItem = styled40__default.default.option`
+var OptionItem = styled41__default.default.option`
   color: ${(props) => props.disabled ? colors.text.light : colors.text.subtle};
 `;
 var Dropdown = ({
@@ -2025,20 +2003,83 @@ function TopMenu({ logoUrl, children }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-x-4 text-sm font-medium ", children })
   ] }) });
 }
-var Container6 = styled40__default.default.div`
+var Container6 = 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(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 = styled41__default.default.div`
   width: 100%;
   padding: ${spaces[4]};
 `;
 var AccordionContent = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Container6, { children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Container7, { children });
 };
-var Container7 = styled40__default.default.div`
+var Container8 = styled41__default.default.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 `;
-var HeaderContainer = styled40__default.default.div`
+var HeaderContainer = styled41__default.default.div`
   display: flex;
   align-items: center;
   gap: ${spaces[2]};
@@ -2055,7 +2096,7 @@ var AccordionHeader = ({
   onButtonPress,
   rightElement
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container7, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container8, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer, { onClick: onAccordionPress, children: [
       /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(fa.FaMinus, { color: colors.text.primary, size: sizes.lg }) : /* @__PURE__ */ jsxRuntime.jsx(fa.FaPlus, { color: colors.text.primary, size: sizes.lg }) }),
       /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h2", children: title })
@@ -2070,7 +2111,7 @@ var AccordionHeader = ({
     )
   ] });
 };
-var Container8 = styled40__default.default.div`
+var Container9 = styled41__default.default.div`
   border-radius: ${radii.lg};
   background-color: ${colors.background.secondary};
   padding: ${spaces[4]};
@@ -2083,7 +2124,7 @@ var Accordion = ({
   rightElement
 }) => {
   const [isOpen, setIsOpen] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container8, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container9, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       AccordionHeader,
       {
@@ -2099,7 +2140,7 @@ var Accordion = ({
   ] });
 };
 var variants9 = ["primary", "inverse", "subtle"];
-var AddressContainer = styled40__default.default.div`
+var AddressContainer = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   background-color: transparent;
@@ -2116,7 +2157,7 @@ var AddressContainer = styled40__default.default.div`
     gap: 0;
   }
 `;
-var HeaderWrapper = styled40__default.default.div`
+var HeaderWrapper = styled41__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2133,7 +2174,7 @@ var HeaderWrapper = styled40__default.default.div`
     user-select: none;
   }
 `;
-var ToggleIcon = styled40__default.default.div`
+var ToggleIcon = styled41__default.default.div`
   display: none;
   
   /* Only show on mobile */
@@ -2156,7 +2197,7 @@ var ToggleIcon = styled40__default.default.div`
 }};
   }
 `;
-var CollapseContent = styled40__default.default.div`
+var CollapseContent = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2175,12 +2216,12 @@ var CollapseContent = styled40__default.default.div`
     padding-top: ${(props) => props.$isOpen ? "1rem" : "0"};
   }
 `;
-var InfoSection = styled40__default.default.div`
+var InfoSection = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 `;
-var InfoText = styled40__default.default.p`
+var InfoText = styled41__default.default.p`
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.6;
@@ -2198,7 +2239,7 @@ var InfoText = styled40__default.default.p`
 }};
   font-weight: ${(props) => props.$bold ? 600 : 400};
 `;
-var ButtonWrapper = styled40__default.default.div`
+var ButtonWrapper = styled41__default.default.div`
   margin-top: 0.5rem;
 `;
 var Address = ({
@@ -2280,7 +2321,7 @@ var Address = ({
   ] });
 };
 Address.variants = variants9;
-var CheckboxWrapper = styled40__default.default.label`
+styled41__default.default.label`
   display: flex;
   align-items: center;
   gap: ${spaces[2]};
@@ -2288,10 +2329,10 @@ var CheckboxWrapper = styled40__default.default.label`
   font-size: 16px;
   color: ${colors.text.subtle};
 `;
-var HiddenCheckbox2 = styled40__default.default.input.attrs({ type: "checkbox" })`
+styled41__default.default.input.attrs({ type: "checkbox" })`
   display: none;
 `;
-var StyledCheckbox2 = styled40__default.default.span`
+styled41__default.default.span`
   width: ${sizes.lg};
   height: ${sizes.lg};
   border: 1.5px solid ${colors.background.tertiary};
@@ -2299,53 +2340,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`
+styled41__default.default.div`
   display: flex;
   flex-direction: column;
 `;
-var OptionsContainer = styled40__default.default.div`
+styled41__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 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2361,7 +2364,7 @@ var Container10 = styled40__default.default.div`
     width: 70vw;
   }
 `;
-var ThumbnailWrapper2 = styled40__default.default.div`
+var ThumbnailWrapper2 = styled41__default.default.div`
   width: 180px;
   height: 180px;
   border-radius: 50%;
@@ -2372,7 +2375,7 @@ var ThumbnailWrapper2 = styled40__default.default.div`
   flex-shrink: 0;
   align-self: center;
 `;
-var ButtonWrapper2 = styled40__default.default.div`
+var ButtonWrapper2 = styled41__default.default.div`
   display: flex;
   justify-content: flex-start;
   margin-top: auto;
@@ -2388,7 +2391,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 +2405,7 @@ var ContentCard = ({
   ] });
 };
 var variants10 = ["primary", "secondary", "transparent"];
-var Container11 = styled40__default.default.div`
+var Container12 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -2415,7 +2418,7 @@ var Container11 = styled40__default.default.div`
     max-width: 100%;
   }
 `;
-var Header2 = styled40__default.default.h1`
+var Header2 = styled41__default.default.h1`
   margin: 0;
   font-size: 2.5rem;
   font-weight: 700;
@@ -2431,7 +2434,7 @@ var Header2 = styled40__default.default.h1`
     font-size: 1.75rem;
   }
 `;
-var Description3 = styled40__default.default.p`
+var Description3 = styled41__default.default.p`
   margin: 0;
   font-size: 1.125rem;
   line-height: 1.6;
@@ -2442,7 +2445,7 @@ var Description3 = styled40__default.default.p`
     font-size: 1rem;
   }
 `;
-var ButtonGroup = styled40__default.default.div`
+var ButtonGroup = styled41__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -2470,7 +2473,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 +2500,11 @@ var CTAContainer = ({
   ] });
 };
 CTAContainer.variants = variants10;
-var AccordionContainer = styled40__default.default.div`
+var AccordionContainer = styled41__default.default.div`
   border-bottom: 1px solid ${colors.text.light};
   padding: 1.5rem 0;
 `;
-var AccordionHeader2 = styled40__default.default.button`
+var AccordionHeader2 = styled41__default.default.button`
   width: 100%;
   display: flex;
   align-items: center;
@@ -2512,23 +2515,23 @@ var AccordionHeader2 = styled40__default.default.button`
   text-align: left;
   padding: 0;
 `;
-var NumberBadge = styled40__default.default.span`
+var NumberBadge = styled41__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 = styled41__default.default.div`
   flex-grow: 1;
 `;
-var IconWrapper = styled40__default.default.div`
+var IconWrapper = styled41__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 = styled41__default.default.div`
   max-height: ${(props) => props.$isOpen ? "1000px" : "0"};
   overflow: hidden;
   transition: max-height 0.3s ease-in-out;
@@ -2556,11 +2559,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 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
 `;
-var FeatureWrapper = styled40__default.default.div`
+var FeatureWrapper = styled41__default.default.div`
   padding: 1rem 0;
   border-bottom: 1px solid #e5e7eb;
 
@@ -2574,7 +2577,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,
@@ -2627,33 +2630,15 @@ var FileButton = ({
     )
   ] });
 };
-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 = styled41.keyframes`
   from { opacity: 0 }
   to { opacity: 1 }
 `;
-styled40.keyframes`
+styled41.keyframes`
   from { transform: translateY(8px) scale(.98); opacity: 0 }
   to { transform: translateY(0) scale(1); opacity: 1 }
 `;
-var Overlay = styled40__default.default.div`
+styled41__default.default.div`
   height: 100vh;
   width: 100vw;
   background-color: rgba(0, 0, 0, 0.4);
@@ -2665,7 +2650,7 @@ var Overlay = styled40__default.default.div`
   justify-content: center;
   animation: ${fadeIn} 160ms ease-out;
 `;
-var ContentContainer = styled40__default.default.div`
+styled41__default.default.div`
   position: relative;
   width: min(${breakpoints.sm}, 92vw);
   max-height: 86vh;
@@ -2674,22 +2659,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`
+var Container14 = styled41__default.default.div`
 display: flex;
 align-items: center ;
 justify-content: space-between;
@@ -2697,13 +2667,13 @@ 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`
+var Row = styled41__default.default.div`
     display: flex;
     align-items: center;
     gap: ${spaces[2]};
 `;
 var OverviewRowItem = ({ isComplete, isMainHeader, title }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container13, { isComplete, children: [
+  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" }),
@@ -2711,44 +2681,29 @@ var OverviewRowItem = ({ isComplete, isMainHeader, title }) => {
     ] })
   ] });
 };
-var Container14 = styled40__default.default.div`
+styled41__default.default.div`
   width: '100%';
   min-height: '100vh';
   padding-bottom: ${spaces[9]};
 `;
-var HeaderContainer2 = styled40__default.default.div`
+styled41__default.default.div`
   padding: ${spaces[4.5]} ${spaces[6]};
   display: flex;
   align-items: center;
   justify-content: space-between;
 `;
-var ContentContainer2 = styled40__default.default.div`
+styled41__default.default.div`
   border-top: 1px solid ${colors.border.hover};
 `;
-var SpinnerContainer = styled40__default.default.div`
+styled41__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`
+var Container16 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2768,40 +2723,17 @@ var EmptyState = ({ variant, message }) => {
         return /* @__PURE__ */ jsxRuntime.jsx(fa6.FaHouse, { size, color });
     }
   }, [variant]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container15, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container16, { children: [
     Icon,
     /* @__PURE__ */ jsxRuntime.jsx(Header, { variant: "h3", children: message })
   ] });
 };
 EmptyState.variants = variants11;
-var Container16 = styled40__default.default.div`
+styled41__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 = styled41__default.default.div`
   display: flex;
   gap: 1.5rem;
   align-items: center;
@@ -2814,7 +2746,7 @@ var Container17 = styled40__default.default.div`
     max-width: 100%;
   }
 `;
-var ImageWrapper = styled40__default.default.div`
+var ImageWrapper = styled41__default.default.div`
   flex-shrink: 0;
   width: 180px;
   height: 180px;
@@ -2833,7 +2765,7 @@ var ImageWrapper = styled40__default.default.div`
     height: 200px;
   }
 `;
-var ContentWrapper = styled40__default.default.div`
+var ContentWrapper = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
@@ -2843,7 +2775,7 @@ var ContentWrapper = styled40__default.default.div`
     width: 100%;
   }
 `;
-var LogoWrapper = styled40__default.default.div`
+var LogoWrapper = styled41__default.default.div`
   max-width: 200px;
   
   img {
@@ -2863,7 +2795,7 @@ var ProductInfo = ({
   buttonTextBgVariant = "brand",
   buttonTextVariant = "secondary"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container17, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container18, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ImageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: "Product" }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(LogoWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoImage, alt: "Logo" }) }),
@@ -2881,40 +2813,18 @@ var ProductInfo = ({
     ] })
   ] });
 };
-var Container18 = styled40__default.default.div``;
-var OptionsContainer2 = styled40__default.default.div`
+styled41__default.default.div``;
+styled41__default.default.div`
   margin-top: ${spaces[2]};
   display: flex;
   flex-direction: row;
   flex: 1;
   gap: ${spaces[2]};
 `;
-var LabelContainer = styled40__default.default.div`
+styled41__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`
+styled41__default.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -2926,7 +2836,7 @@ var Overlay2 = styled40__default.default.div`
   justify-content: center;
   z-index: 1000;
 `;
-var ChartContainer = styled40__default.default.div`
+styled41__default.default.div`
   background-color: #ffffff;
   border-radius: 8px;
   padding: 2rem;
@@ -2934,13 +2844,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`
+styled41__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1.5rem;
 `;
-var CloseButton = styled40__default.default.button`
+styled41__default.default.button`
   background-color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -2968,14 +2878,14 @@ var CloseButton = styled40__default.default.button`
     opacity: 0.8;
   }
 `;
-var Table2 = styled40__default.default.table`
+styled41__default.default.table`
   width: 100%;
   border-collapse: collapse;
 `;
-var TableHeader2 = styled40__default.default.thead`
+styled41__default.default.thead`
   border-bottom: 2px solid #e5e7eb;
 `;
-var TableHeaderCell = styled40__default.default.th`
+styled41__default.default.th`
   text-align: left;
   padding: 0.75rem 0;
   font-size: 0.875rem;
@@ -2994,15 +2904,15 @@ var TableHeaderCell = styled40__default.default.th`
   }
 }};
 `;
-var TableBody = styled40__default.default.tbody``;
-var TableRow2 = styled40__default.default.tr`
+styled41__default.default.tbody``;
+styled41__default.default.tr`
   border-bottom: 1px solid #f3f4f6;
 
   &:last-child {
     border-bottom: none;
   }
 `;
-var TableCell = styled40__default.default.td`
+styled41__default.default.td`
   padding: 0.75rem 0;
   font-size: 0.875rem;
   color: ${(props) => {
@@ -3017,43 +2927,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`
+styled41__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -3067,12 +2941,12 @@ var Backdrop = styled40__default.default.div`
     z-index: 9998;
   }
 `;
-var BackToTopWrapper = styled40__default.default.div`
+styled41__default.default.div`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-var StyledNav = styled40__default.default.nav`
+styled41__default.default.nav`
   width: 195px;
   display: flex;
   flex-direction: column;
@@ -3099,7 +2973,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`
+styled41__default.default.button`
   background: none;
   border: none;
   font-size: 1.5rem;
@@ -3111,7 +2985,7 @@ var CloseButton2 = styled40__default.default.button`
     opacity: 0.7;
   }
 `;
-var MobileHeader = styled40__default.default.div`
+styled41__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -3121,29 +2995,29 @@ var MobileHeader = styled40__default.default.div`
     padding: 1rem;
   }
 `;
-var NavList = styled40__default.default.ul`
+var NavList = styled41__default.default.ul`
   display: flex;
   flex-direction: column;
   list-style: none;
   margin: 0;
   padding: 0;
 `;
-var DesktopNavList = styled40__default.default(NavList)`
+styled41__default.default(NavList)`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-var MobileNavList = styled40__default.default(NavList)`
+styled41__default.default(NavList)`
   display: none;
   
   @media (max-width: 767px) {
     display: flex;
   }
 `;
-var NavItem = styled40__default.default.li`
+styled41__default.default.li`
   display: flex;
 `;
-var NavLink = styled40__default.default.a`
+styled41__default.default.a`
   display: flex;
   align-items: center;
   text-decoration: none;
@@ -3156,7 +3030,7 @@ var NavLink = styled40__default.default.a`
     }
   `}
 `;
-var ActiveTriangle = styled40__default.default.div`
+styled41__default.default.div`
   width: 0;
   height: 0;
   border-top: 4px solid transparent;
@@ -3165,25 +3039,25 @@ var ActiveTriangle = styled40__default.default.div`
   flex-shrink: 0;
   margin-left: 1.5rem;
 `;
-var InactiveSpacer = styled40__default.default.span`
+styled41__default.default.span`
   width: 6px;
   margin-right: 0.5rem;
   flex-shrink: 0;
 `;
-var Divider = styled40__default.default.div`
+styled41__default.default.div`
   height: 1px;
   background-color: ${(props) => colors.border[props.dividerColor]};
   margin: 1rem;
 `;
-var Spacer = styled40__default.default.div`
+var Spacer = styled41__default.default.div`
   flex-grow: 1;
 `;
-var DesktopOnlySpacer = styled40__default.default(Spacer)`
+styled41__default.default(Spacer)`
   @media (max-width: 767px) {
     display: none;
   }
 `;
-var MobileButtonsWrapper = styled40__default.default.div`
+styled41__default.default.div`
   display: none;
   
   @media (max-width: 767px) {
@@ -3195,95 +3069,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`
+styled41__default.default.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -3294,7 +3080,7 @@ var Overlay3 = styled40__default.default.div`
   justify-content: flex-end;
   z-index: 1000;
 `;
-var PanelContainer = styled40__default.default.div`
+styled41__default.default.div`
   background-color: #ffffff;
   width: 100%;
   max-width: 400px;
@@ -3308,7 +3094,7 @@ var PanelContainer = styled40__default.default.div`
   transition: transform 0.3s ease-in-out;
   overflow-y: auto;
 `;
-var CloseButton3 = styled40__default.default.button`
+styled41__default.default.button`
   position: absolute;
   top: 1.5rem;
   right: 1.5rem;
@@ -3329,7 +3115,7 @@ var CloseButton3 = styled40__default.default.button`
     opacity: 0.8;
   }
 `;
-var IconWrapper2 = styled40__default.default.div`
+styled41__default.default.div`
   width: 100%;
   display: flex;
   justify-content: center;
@@ -3346,46 +3132,12 @@ var IconWrapper2 = styled40__default.default.div`
     object-fit: contain;
   }
 `;
-var ContentWrapper2 = styled40__default.default.div`
+styled41__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`
+styled41__default.default.div`
   width: 100%;
   background-color: ${(props) => props.isSelected ? colors.background.blue : colors.background.primary};
   border: 1px solid ${colors.background.blue};
@@ -3396,99 +3148,12 @@ var Container19 = styled40__default.default.div`
   padding: ${spaces[2]} ${spaces[3]};
   cursor: pointer;
 `;
-var StyledLabel2 = styled40__default.default.span`
+styled41__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`
+var Container21 = styled41__default.default.div`
   display: flex;
   width: ${`${100 / 4}%`};
   overflow: scroll;
@@ -3505,7 +3170,7 @@ var Container21 = styled40__default.default.div`
   -ms-overflow-style: none;
   scrollbar-width: none;
 `;
-var IconContainer = styled40__default.default.div`
+var IconContainer = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -3523,7 +3188,7 @@ var DocumentAccordionHeader = ({
     ] })
   ] });
 };
-var ItemContainer = styled40__default.default.div`
+var ItemContainer = styled41__default.default.div`
   display: flex;
   align-items: center;
   cursor: ${(props) => props?.onClick ? "pointer" : "auto"};
@@ -3566,14 +3231,14 @@ var DocumentAccordionRow = ({
     /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { onClick: onViewDetail, children: /* @__PURE__ */ jsxRuntime.jsx(Label, { value: "View Details", color: "brand", fontWeight: "700" }) })
   ] });
 };
-var HeadersContainer = styled40__default.default.div`
+var HeadersContainer = styled41__default.default.div`
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: ${spaces[6]};
 `;
-var Container22 = styled40__default.default.div`
+var Container22 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: ${spaces[3]};
@@ -3651,12 +3316,12 @@ var DocumentListAccordion = ({
     }
   );
 };
-var CarouselContainer = styled40__default.default.div`
+var CarouselContainer = styled41__default.default.div`
   width: 100%;
   overflow: hidden;
   position: relative;
 `;
-var CardsWrapper = styled40__default.default.div`
+var CardsWrapper = styled41__default.default.div`
   display: flex;
   gap: 1.5rem;
   padding: 1rem 0;
@@ -3678,7 +3343,7 @@ var CardsWrapper = styled40__default.default.div`
     }
   }
 `;
-var CardContainer = styled40__default.default.div`
+var CardContainer = styled41__default.default.div`
   display: flex;
   gap: 1.5rem;
   
@@ -3698,14 +3363,14 @@ var CardContainer = styled40__default.default.div`
     }
   }
 `;
-var NavigationWrapper = styled40__default.default.div`
+var NavigationWrapper = styled41__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 = styled41__default.default.button`
   width: 2.5rem;
   height: 2.5rem;
   border-radius: 50%;
@@ -3726,11 +3391,11 @@ var NavButton = styled40__default.default.button`
     opacity: ${(props) => props.$disabled ? 1 : 0.8};
   }
 `;
-var Indicators = styled40__default.default.div`
+var Indicators = styled41__default.default.div`
   display: flex;
   gap: 0.5rem;
 `;
-var Indicator = styled40__default.default.div`
+var Indicator = styled41__default.default.div`
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 50%;
@@ -3844,7 +3509,7 @@ var FeatureCarousel = ({
   );
 };
 var variants13 = ["primary", "secondary"];
-var FooterContainer = styled40__default.default.footer`
+var FooterContainer = styled41__default.default.footer`
   background-color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -3858,7 +3523,7 @@ var FooterContainer = styled40__default.default.footer`
   padding: 3rem 2rem 2rem;
   color: #ffffff;
 `;
-var TopSection = styled40__default.default.div`
+var TopSection = styled41__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3872,18 +3537,18 @@ var TopSection = styled40__default.default.div`
     align-items: flex-start;
   }
 `;
-var LogoWrapper2 = styled40__default.default.div`
+var LogoWrapper2 = styled41__default.default.div`
   img {
     height: 100px;
     width: auto;
   }
 `;
-var ButtonGroup2 = styled40__default.default.div`
+var ButtonGroup2 = styled41__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
 `;
-var MiddleSection = styled40__default.default.div`
+var MiddleSection = styled41__default.default.div`
   display: grid;
   grid-template-columns: 1fr 1fr auto;
   gap: 3rem;
@@ -3898,12 +3563,12 @@ var MiddleSection = styled40__default.default.div`
     grid-template-columns: 1fr;
   }
 `;
-var SocialButtonGroup = styled40__default.default.div`
+var SocialButtonGroup = styled41__default.default.div`
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
 `;
-var BottomSection = styled40__default.default.div`
+var BottomSection = styled41__default.default.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3916,7 +3581,7 @@ var BottomSection = styled40__default.default.div`
     align-items: flex-start;
   }
 `;
-var LegalLinks = styled40__default.default.div`
+var LegalLinks = styled41__default.default.div`
   display: flex;
   gap: 2rem;
 
@@ -3925,7 +3590,7 @@ var LegalLinks = styled40__default.default.div`
     gap: 0.5rem;
   }
 `;
-var LegalLink = styled40__default.default.a`
+var LegalLink = styled41__default.default.a`
   color: #ffffff;
   text-decoration: none;
   font-size: 0.875rem;
@@ -3937,7 +3602,7 @@ var LegalLink = styled40__default.default.a`
     opacity: 0.8;
   }
 `;
-var Copyright = styled40__default.default.p`
+var Copyright = styled41__default.default.p`
   margin: 0;
   font-size: 0.875rem;
   color: rgba(255, 255, 255, 0.8);
@@ -4015,7 +3680,7 @@ var Footer = ({
   ] });
 };
 Footer.variants = variants13;
-var HeaderContainer3 = styled40__default.default.header`
+var HeaderContainer3 = styled41__default.default.header`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4023,7 +3688,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`
+var LogoWrapper3 = styled41__default.default.div`
   display: flex;
   align-items: center;
   
@@ -4032,7 +3697,7 @@ var LogoWrapper3 = styled40__default.default.div`
     width: auto;
   }
 `;
-var ButtonGroup3 = styled40__default.default.div`
+var ButtonGroup3 = styled41__default.default.div`
   display: flex;
   gap: 1rem;
   align-items: center;
@@ -4042,7 +3707,7 @@ var ButtonGroup3 = styled40__default.default.div`
     display: none;
   }
 `;
-var BurgerButton = styled40__default.default.button`
+var BurgerButton = styled41__default.default.button`
   display: none;
   
   /* Show only on mobile */
@@ -4062,7 +3727,7 @@ var BurgerButton = styled40__default.default.button`
     }
   }
 `;
-var BurgerLine = styled40__default.default.div`
+var BurgerLine = styled41__default.default.div`
   width: 2rem;
   height: 0.25rem;
   background-color: ${(props) => colors.border[props.$burgerVariant]};
@@ -4130,12 +3795,12 @@ var Header3 = ({
     ] })
   ] });
 };
-var Container23 = styled40__default.default.div`
+var Container23 = styled41__default.default.div`
     display: flex;
     flex-direction: column;
     gap: ${spaces[2]};
 `;
-styled40__default.default.div`
+styled41__default.default.div`
     display: flex;
     flex-direction: column;
     gap: ${spaces[2]};
@@ -4177,7 +3842,7 @@ var ToastProvider = ({ children }) => {
 var VersionLabel = ({ versionNumber }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Label, { value: `V${versionNumber}` });
 };
-var AboutUsContainer = styled40__default.default.section`
+var AboutUsContainer = styled41__default.default.section`
   display: grid;
   grid-template-columns: 35% 65%;
   gap: 3rem;
@@ -4190,7 +3855,7 @@ var AboutUsContainer = styled40__default.default.section`
     grid-template-columns: 1fr;
   }
 `;
-var ImageWrapper2 = styled40__default.default.div`
+var ImageWrapper2 = styled41__default.default.div`
   width: 100%;
   aspect-ratio: 3 / 4;
   border-radius: 8px;
@@ -4203,7 +3868,7 @@ var ImageWrapper2 = styled40__default.default.div`
     object-fit: cover;
   }
 `;
-var ContentWrapper3 = styled40__default.default.div`
+var ContentWrapper3 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -4243,7 +3908,7 @@ var AboutUs = ({
     ] })
   ] });
 };
-var ContactSection = styled40__default.default.section`
+var ContactSection = styled41__default.default.section`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -4256,7 +3921,7 @@ var ContactSection = styled40__default.default.section`
     padding: 2rem 1rem;
   }
 `;
-var ContentWrapper4 = styled40__default.default.div`
+var ContentWrapper4 = styled41__default.default.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 0;
@@ -4268,7 +3933,7 @@ var ContentWrapper4 = styled40__default.default.div`
     grid-template-columns: 1fr;
   }
 `;
-var ImageWrapper3 = styled40__default.default.div`
+var ImageWrapper3 = styled41__default.default.div`
   width: 100%;
   height: 100%;
   min-height: 600px;
@@ -4285,7 +3950,7 @@ var ImageWrapper3 = styled40__default.default.div`
     display: none;
   }
 `;
-var FormContainer2 = styled40__default.default.div`
+var FormContainer2 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -4297,12 +3962,12 @@ var FormContainer2 = styled40__default.default.div`
     padding: 2rem 1.5rem;
   }
 `;
-var FormWrapper = styled40__default.default.div`
+var FormWrapper = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 2rem;
 `;
-var ButtonWrapper3 = styled40__default.default.div`
+var ButtonWrapper3 = styled41__default.default.div`
   display: flex;
   justify-content: flex-start;
   
@@ -4352,7 +4017,7 @@ var Contact = ({
     ] })
   ] }) });
 };
-var FAQContainer = styled40__default.default.section`
+var FAQContainer = styled41__default.default.section`
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -4360,13 +4025,13 @@ var FAQContainer = styled40__default.default.section`
   min-height: 100vh;
   background-color: ${colors.background?.primary};
 `;
-var HeaderSection2 = styled40__default.default.div`
+var HeaderSection2 = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   align-items: flex-start;
 `;
-var AccordionList = styled40__default.default.div`
+var AccordionList = styled41__default.default.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -4404,7 +4069,7 @@ var FAQ = ({
     )) })
   ] });
 };
-var FeaturesContainer = styled40__default.default.section`
+var FeaturesContainer = styled41__default.default.section`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -4414,11 +4079,11 @@ var FeaturesContainer = styled40__default.default.section`
   min-height: 100vh;
   background-color: ${colors.background?.secondary};
 `;
-var InnerWrapper = styled40__default.default.div`
+var InnerWrapper = styled41__default.default.div`
   width: 100%;
   margin: 0 auto;
 `;
-var HeaderWrapper3 = styled40__default.default.div`
+var HeaderWrapper3 = styled41__default.default.div`
   text-align: left;
 `;
 var Features = ({
@@ -4451,7 +4116,7 @@ var Features = ({
     )
   ] }) });
 };
-var HeroContainer = styled40__default.default.section`
+var HeroContainer = styled41__default.default.section`
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2rem;
@@ -4492,7 +4157,7 @@ var HeroContainer = styled40__default.default.section`
     padding: 1.5rem 1rem;
   }
 `;
-var Column = styled40__default.default.div`
+var Column = styled41__default.default.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -4503,7 +4168,7 @@ var Column = styled40__default.default.div`
     width: 100%;
   }
 `;
-var FeaturesColumn = styled40__default.default(Column)`
+var FeaturesColumn = styled41__default.default(Column)`
   /* On desktop: normal column */
   @media (min-width: 1025px) {
     display: flex;
@@ -4516,7 +4181,7 @@ var FeaturesColumn = styled40__default.default(Column)`
     align-items: flex-start;
   }
 `;
-var CTAColumn = styled40__default.default(Column)`
+var CTAColumn = styled41__default.default(Column)`
   /* Ensure CTA comes first on mobile */
   @media (max-width: 1024px) {
     order: 1;
@@ -4575,7 +4240,7 @@ var Hero = ({
     ) })
   ] });
 };
-var SectionContainer = styled40__default.default.section`
+var SectionContainer = styled41__default.default.section`
   display: flex;
   flex-direction: column;
   padding: 4rem 2rem;
@@ -4587,7 +4252,7 @@ var SectionContainer = styled40__default.default.section`
     padding: 2rem 1rem;
   }
 `;
-var SectionHeader = styled40__default.default.div`
+var SectionHeader = styled41__default.default.div`
   padding-bottom: 2rem;
   border-bottom: 1px solid ${colors.text.light};
   
@@ -4597,7 +4262,7 @@ var SectionHeader = styled40__default.default.div`
     padding-bottom: 1rem;
   }
 `;
-var ProductsWrapper = styled40__default.default.div`
+var ProductsWrapper = styled41__default.default.div`
   /* Desktop: normal vertical stack */
   @media (min-width: 768px) {
     display: flex;
@@ -4619,7 +4284,7 @@ var ProductsWrapper = styled40__default.default.div`
     }
   }
 `;
-var ProductItem = styled40__default.default.div`
+var ProductItem = styled41__default.default.div`
   /* Desktop: vertical stack with borders */
   @media (min-width: 768px) {
     padding: 2rem 0;
@@ -4674,49 +4339,28 @@ 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;