property-practice-ui 0.1.2 → 0.1.3

package/dist/atoms.cjs

@@ -1,15 +1,60 @@
-'use strict';
-
-var hi2 = require('react-icons/hi2');
-var styled6 = require('styled-components');
-var jsxRuntime = require('react/jsx-runtime');
-var fa = require('react-icons/fa');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var styled6__default = /*#__PURE__*/_interopDefault(styled6);
+// src/atoms/index.ts
+var atoms_exports = {};
+__export(atoms_exports, {
+  ArrowButton: () => ArrowButton,
+  Button: () => Button,
+  Description: () => Description,
+  ExtendedButton: () => ExtendedButton,
+  FeatureItem: () => FeatureItem,
+  FormContainer: () => FormContainer,
+  Header: () => Header,
+  Input: () => Input,
+  Label: () => Label,
+  Loader: () => Loader,
+  Pill: () => Pill,
+  RadioItem: () => RadioItem,
+  SecondaryInput: () => SecondaryInput,
+  SocialButton: () => SocialButton,
+  TermsCheckbox: () => TermsCheckbox,
+  Text: () => Text2,
+  TextButton: () => TextButton,
+  Textarea: () => Textarea,
+  ToggleButton: () => ToggleButton
+});
+module.exports = __toCommonJS(atoms_exports);
 
 // src/atoms/ArrowButton/ArrowButton.tsx
+var import_hi2 = require("react-icons/hi2");
+var import_styled_components = __toESM(require("styled-components"), 1);
 
 // src/tokens/colors.ts
 var colors = {
@@ -25,8 +70,14 @@ var colors = {
     light: "#cacbcc"
   },
   border: {
+    primary: "#669999",
+    secondary: "rgba(30, 67, 132, 0.2)",
     hover: "#cacbcc",
-    active: "#828282"},
+    active: "#828282",
+    error: "#F87171",
+    focus: "#3B82F6",
+    brand: "#1D3C77"
+  },
   text: {
     brand: "#1D3C77",
     primary: "#262626",
@@ -44,8 +95,11 @@ var colors = {
     secondary: "rgba(30, 67, 132, 1)"
   }
 };
+
+// src/atoms/ArrowButton/ArrowButton.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var variants = ["brand", "teal", "blue"];
-var StyledContainer = styled6__default.default.button`
+var StyledContainer = import_styled_components.default.button`
   padding: 0.75rem;
   ${(props) => props.as === "button" ? `
     width: 2.5rem;
@@ -75,7 +129,7 @@ var StyledContainer = styled6__default.default.button`
     transform: rotate(45deg);
   }
 `;
-var StyledIcon = styled6__default.default(hi2.HiArrowUpRight)`
+var StyledIcon = (0, import_styled_components.default)(import_hi2.HiArrowUpRight)`
   width: 1rem;
   height: 1rem;
   color: ${colors.text.secondary};
@@ -86,22 +140,28 @@ var ArrowButton = ({
   asChild = false,
   variant = "brand"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     StyledContainer,
     {
       as: asChild ? "div" : "button",
       onClick,
       variant,
-      children: /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { "aria-hidden": true })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledIcon, { "aria-hidden": true })
     }
   );
 };
 ArrowButton.variants = variants;
 
+// src/atoms/Button/Button.tsx
+var import_styled_components3 = __toESM(require("styled-components"), 1);
+
 // src/tokens/radii.ts
 var radii = {
+  sm: "4px",
   md: "8px",
-  lg: "10px"};
+  lg: "10px",
+  xl: "16px"
+};
 
 // src/tokens/spaces.ts
 var spaces = {
@@ -125,10 +185,14 @@ var spaces = {
   9: "56px",
   20: "150px"
 };
-var spin = styled6.keyframes`
+
+// src/atoms/Loader/Loader.tsx
+var import_styled_components2 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var spin = import_styled_components2.keyframes`
   to { transform: rotate(360deg); }
 `;
-var Ring = styled6__default.default.span`
+var Ring = import_styled_components2.default.span`
   display: inline-block;
   width: ${({ size }) => typeof size === "number" ? `${size}px` : size};
   height: ${({ size }) => typeof size === "number" ? `${size}px` : size};
@@ -151,7 +215,7 @@ var Loader = ({
   thickness = 3,
   speed = "0.8s"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Ring,
     {
       role: "status",
@@ -162,8 +226,11 @@ var Loader = ({
     }
   );
 };
+
+// src/atoms/Button/Button.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var ButtonTypes = ["submit", "reset", "button"];
-var StyledButton = styled6__default.default.button`
+var StyledButton = import_styled_components3.default.button`
   padding: ${spaces[2]} ${spaces[4]};
   background-color: ${(props) => props.variant === "light" ? colors.button.primary : colors.button.secondary};
   border-radius: ${radii.lg};
@@ -190,7 +257,7 @@ var StyledButton = styled6__default.default.button`
     color: ${colors.text.primary};
   }
 `;
-var ButtonText = styled6__default.default.span`
+var ButtonText = import_styled_components3.default.span`
   font-size: 12px;
   font-weight: 700;
 `;
@@ -203,23 +270,27 @@ var Button = ({
   variant = "light",
   isLoading
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     StyledButton,
     {
       type,
       onClick,
       disabled: disabled || isLoading,
       variant,
-      children: !isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      children: !isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         typeof icon !== "undefined" && icon,
-        /* @__PURE__ */ jsxRuntime.jsx(ButtonText, { children: text })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(Loader, { size: "20px" })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ButtonText, { children: text })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, { size: "20px" })
     }
   );
 };
 Button.types = ButtonTypes;
+
+// src/atoms/Description/Description.tsx
+var import_styled_components4 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var variants2 = ["primary", "secondary", "subtle", "error"];
-var StyledDescription = styled6__default.default.p`
+var StyledDescription = import_styled_components4.default.p`
   margin: 0;
   font-size: 1rem;
   line-height: 1.6;
@@ -242,10 +313,14 @@ var Description = ({
   children,
   variant = "primary"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledDescription, { variant, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledDescription, { variant, children });
 };
 Description.variants = variants2;
-var StyledButton2 = styled6__default.default.button`
+
+// src/atoms/ExtendedButton/ExtendedButton.tsx
+var import_styled_components5 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var StyledButton2 = import_styled_components5.default.button`
   display: flex;
   align-items: center;
   height: 2.5rem;
@@ -266,17 +341,21 @@ var ExtendedButton = ({
   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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(StyledButton2, { onClick, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ArrowButton, { asChild: true, variant: arrowVariant }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextButton, { asChild: true, text, bgVariant: textBgVariant, textVariant, uppercase: false })
   ] });
 };
-var Container = styled6__default.default.div`
+
+// src/atoms/FeatureItem/FeatureItem.tsx
+var import_styled_components6 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Container = import_styled_components6.default.div`
   display: flex;
   gap: 1rem;
   background-color: transparent;
 `;
-var ThumbnailWrapper = styled6__default.default.div`
+var ThumbnailWrapper = import_styled_components6.default.div`
   width: ${(props) => props.$size || "3rem"};
   height: ${(props) => props.$size || "3rem"};
   border-radius: 50%;
@@ -286,18 +365,18 @@ var ThumbnailWrapper = styled6__default.default.div`
   justify-content: center;
   flex-shrink: 0;
 `;
-var Content = styled6__default.default.div`
+var Content = import_styled_components6.default.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 `;
-var Title = styled6__default.default.h3`
+var Title = import_styled_components6.default.h3`
   margin: 0;
   font-size: 1rem;
   font-weight: 600;
   color: ${(props) => colors.text[props.titleColor]};
 `;
-var Description2 = styled6__default.default.p`
+var Description2 = import_styled_components6.default.p`
   margin: 0;
   font-size: 0.875rem;
   line-height: 1.5;
@@ -326,24 +405,35 @@ var FeatureItem = ({
         return "subtle";
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ThumbnailWrapper, { $size: thumbnailSize, thumbnailBgColor, children: thumbnail }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Title, { titleColor, children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(Description2, { descriptionColor: getDescriptionColor(), children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Container, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ThumbnailWrapper, { $size: thumbnailSize, thumbnailBgColor, children: thumbnail }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Title, { titleColor, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Description2, { descriptionColor: getDescriptionColor(), children: description })
     ] })
   ] });
 };
 
+// src/atoms/FormContainer/FormContainer.tsx
+var import_styled_components7 = __toESM(require("styled-components"), 1);
+
 // src/tokens/breakpoints.ts
 var breakpoints = {
-  lg: "1024px"};
-var Container2 = styled6__default.default.div`
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+};
+
+// src/atoms/FormContainer/FormContainer.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Container2 = import_styled_components7.default.div`
   width: 100%;
   display: flex;
   justify-content: center;
 `;
-var InnerContainer = styled6__default.default.div`
+var InnerContainer = import_styled_components7.default.div`
   display: flex;
   flex-direction: column;
   padding: ${spaces[4]};
@@ -352,8 +442,12 @@ var InnerContainer = styled6__default.default.div`
   gap: ${(props) => spaces[props.space]};
 `;
 var FormContainer = ({ children, space = 4 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Container2, { children: /* @__PURE__ */ jsxRuntime.jsx(InnerContainer, { space, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Container2, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InnerContainer, { space, children }) });
 };
+
+// src/atoms/Header/Header.tsx
+var import_styled_components8 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var variants3 = {
   h1: {
     fontSize: "24px",
@@ -374,7 +468,7 @@ var variants3 = {
     letterSpacing: "0.2px"
   }
 };
-var StyledText = styled6__default.default.h1`
+var StyledText = import_styled_components8.default.h1`
   color: ${(props) => colors.text[props?.color]};
   font-size: ${(props) => variants3[props.variant].fontSize};
   font-weight: ${(props) => variants3[props.variant].fontWeight};
@@ -386,12 +480,18 @@ var Header = ({
   variant = "h1",
   color = "primary"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledText, { variant, color, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StyledText, { variant, color, children });
 };
 
+// src/atoms/Input/Input.tsx
+var import_styled_components9 = __toESM(require("styled-components"), 1);
+
 // src/types.ts
 var InputTypes = ["number", "text", "email", "date"];
-var StyledInput = styled6__default.default.input`
+
+// src/atoms/Input/Input.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var StyledInput = import_styled_components9.default.input`
   display: block;
   height: 100%;
   width: 100%;
@@ -401,19 +501,31 @@ var StyledInput = styled6__default.default.input`
   font-weight: 600;
 `;
 var Input = ({ name, onChange, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledInput, { name, onChange, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(StyledInput, { name, onChange, ...rest });
 };
 Input.types = InputTypes;
 
+// src/atoms/Label/Label.tsx
+var import_styled_components10 = __toESM(require("styled-components"), 1);
+
 // src/tokens/sizes.ts
 var sizes = {
-  sm: "12px"};
-var StyledLabel = styled6__default.default.span`
+  sm: "12px",
+  md: "14px",
+  lg: "18px",
+  xl: "24px",
+  0: "1px",
+  0.5: "1.5px"
+};
+
+// src/atoms/Label/Label.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var StyledLabel = import_styled_components10.default.span`
   color: ${(props) => colors.text[props?.color]};
   font-size: ${sizes.sm};
   font-weight: ${(props) => props.fontWeight};
 `;
-styled6__default.default(StyledLabel)`
+var StyledFloatingLabel = (0, import_styled_components10.default)(StyledLabel)`
   position: absolute;
   left: 0;
   bottom: 100%;
@@ -428,10 +540,14 @@ var Label = ({
   color = "subtle",
   fontWeight = "500"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { color, fontWeight, children: value });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StyledLabel, { color, fontWeight, children: value });
 };
+
+// src/atoms/Pill/Pill.tsx
+var import_styled_components11 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var variants4 = ["primary", "secondary", "subtle", "error"];
-var StyledPill = styled6__default.default.span`
+var StyledPill = import_styled_components11.default.span`
   display: inline-block;
   padding: 0.5rem 1rem;
   border-radius: 9999px;
@@ -490,10 +606,15 @@ var Pill = ({
   variant = "primary",
   inverse = false
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledPill, { variant, $inverse: inverse, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StyledPill, { variant, $inverse: inverse, children });
 };
 Pill.variants = variants4;
-var Container3 = styled6__default.default.div`
+
+// src/atoms/RadioItem/RadioItem.tsx
+var import_fa = require("react-icons/fa");
+var import_styled_components12 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Container3 = import_styled_components12.default.div`
   border-radius: ${radii.md};
   padding: ${spaces["3"]};
   display: flex;
@@ -519,21 +640,25 @@ var Container3 = styled6__default.default.div`
     background-color: rgba(255, 255, 255, 0.92);
   }
 `;
-var Label2 = styled6__default.default.span`
+var Label2 = import_styled_components12.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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Container3, { onClick, children: [
+    isSelected && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_fa.FaCheckCircle, { color: colors.background.blue }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Label2, { isSelected, children: label })
   ] });
 };
-var Container4 = styled6__default.default.div`
+
+// src/atoms/SecondaryInput/SecondaryInput.tsx
+var import_styled_components13 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Container4 = import_styled_components13.default.div`
   width: 100%;
 `;
-var Label3 = styled6__default.default.label`
+var Label3 = import_styled_components13.default.label`
   display: block;
   font-size: 13px;
   font-weight: 600;
@@ -541,12 +666,12 @@ var Label3 = styled6__default.default.label`
   opacity: 0.8;
   margin-bottom: 0.5rem;
 `;
-var StyledInput2 = styled6__default.default.input`
+var StyledInput2 = import_styled_components13.default.input`
   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?.light};
+  background-color: ${(props) => props.$bgColor ? colors.background[props.$bgColor] : colors.background?.light || "#f9fafb"};
   padding: 0 0.75rem;
   font-size: 15px;
   color: ${(props) => props.$textColor ? colors.text[props.$textColor] : colors.text.primary};
@@ -563,11 +688,11 @@ var StyledInput2 = styled6__default.default.input`
 }};
   }
 `;
-var StyledTextArea = styled6__default.default.textarea`
+var StyledTextArea = import_styled_components13.default.textarea`
   width: 100%;
   border-radius: 6px;
   border: 1px solid ${(props) => props.$borderColor || "#d1d5db"};
-  background-color: ${(props) => props.$bgColor ? colors.background[props.$bgColor] : colors.background?.light};
+  background-color: ${(props) => props.$bgColor ? colors.background[props.$bgColor] : colors.background?.light || "#f9fafb"};
   padding: 0.75rem;
   font-size: 15px;
   color: ${(props) => props.$textColor ? colors.text[props.$textColor] : colors.text.primary};
@@ -595,9 +720,9 @@ var SecondaryInput = ({
   focusRingColor = "brand",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container4, { children: [
-    typeof label === "string" && /* @__PURE__ */ jsxRuntime.jsx(Label3, { $color: labelColor, children: label }),
-    isTextArea ? /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Container4, { children: [
+    typeof label === "string" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Label3, { $color: labelColor, children: label }),
+    isTextArea ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       StyledTextArea,
       {
         ...rest,
@@ -608,7 +733,7 @@ var SecondaryInput = ({
         $borderColor: borderColor,
         $focusRingColor: focusRingColor
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       StyledInput2,
       {
         ...rest,
@@ -621,8 +746,12 @@ var SecondaryInput = ({
     )
   ] });
 };
+
+// src/atoms/SocialButton/SocialButton.tsx
+var import_styled_components14 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var variants5 = ["primary", "secondary", "inverse", "filled"];
-var StyledButton3 = styled6__default.default.button`
+var StyledButton3 = import_styled_components14.default.button`
   width: 2.5rem;
   height: 2.5rem;
   display: flex;
@@ -686,7 +815,7 @@ var SocialButton = ({
   variant = "primary",
   ariaLabel
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     StyledButton3,
     {
       onClick,
@@ -697,8 +826,12 @@ var SocialButton = ({
   );
 };
 SocialButton.variants = variants5;
+
+// src/atoms/TermsCheckbox/TermsCheckbox.tsx
+var import_styled_components15 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var variants6 = ["primary", "secondary", "subtle"];
-var CheckboxContainer = styled6__default.default.label`
+var CheckboxContainer = import_styled_components15.default.label`
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -706,12 +839,12 @@ var CheckboxContainer = styled6__default.default.label`
   font-size: 0.875rem;
   line-height: 1.5;
 `;
-var HiddenCheckbox = styled6__default.default.input.attrs({ type: "checkbox" })`
+var HiddenCheckbox = import_styled_components15.default.input.attrs({ type: "checkbox" })`
   position: absolute;
   opacity: 0;
   cursor: pointer;
 `;
-var StyledCheckbox = styled6__default.default.div`
+var StyledCheckbox = import_styled_components15.default.div`
   width: 1.25rem;
   height: 1.25rem;
   border: 2px solid ${(props) => {
@@ -759,7 +892,7 @@ var StyledCheckbox = styled6__default.default.div`
     display: ${(props) => props.$checked ? "block" : "none"};
   }
 `;
-var Text = styled6__default.default.span`
+var Text = import_styled_components15.default.span`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -773,7 +906,7 @@ var Text = styled6__default.default.span`
   }
 }};
 `;
-var Link = styled6__default.default.a`
+var Link = import_styled_components15.default.a`
   color: ${(props) => {
   switch (props.variant) {
     case "primary":
@@ -804,27 +937,31 @@ var TermsCheckbox = ({
   cookieUrl = "/cookie-policy",
   variant = "primary"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(CheckboxContainer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(CheckboxContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       HiddenCheckbox,
       {
         checked,
         onChange: (e) => onChange(e.target.checked)
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledCheckbox, { $checked: checked, variant }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Text, { variant, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(StyledCheckbox, { $checked: checked, variant }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { variant, children: [
       text,
       " ",
-      /* @__PURE__ */ jsxRuntime.jsx(Link, { href: termsUrl, variant, target: "_blank", rel: "noopener noreferrer", children: termsText }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Link, { href: termsUrl, variant, target: "_blank", rel: "noopener noreferrer", children: termsText }),
       " ",
       "and",
       " ",
-      /* @__PURE__ */ jsxRuntime.jsx(Link, { href: cookieUrl, variant, target: "_blank", rel: "noopener noreferrer", children: cookieText })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Link, { href: cookieUrl, variant, target: "_blank", rel: "noopener noreferrer", children: cookieText })
     ] })
   ] });
 };
 TermsCheckbox.variants = variants6;
+
+// src/atoms/Text/Text.tsx
+var import_styled_components16 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var sizes2 = ["sm", "md", "lg"];
 var variants7 = {
   sm: {
@@ -840,7 +977,7 @@ var variants7 = {
     fontWeight: 500
   }
 };
-var StyledText2 = styled6__default.default.h1`
+var StyledText2 = import_styled_components16.default.h1`
   color: ${(props) => colors.text[props?.color]};
   font-size: ${(props) => variants7[props.variant].fontSize};
   font-weight: ${(props) => variants7[props.variant].fontWeight};
@@ -850,10 +987,14 @@ var Text2 = ({
   color = "primary",
   variant = "md"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledText2, { color, variant, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StyledText2, { color, variant, children });
 };
 Text2.variants = sizes2;
-var StyledTextarea = styled6__default.default.textarea`
+
+// src/atoms/Textarea/Textarea.tsx
+var import_styled_components17 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var StyledTextarea = import_styled_components17.default.textarea`
   display: block;
   width: 100%;
   height: 100%;
@@ -869,12 +1010,16 @@ var Textarea = ({
   rows = 3,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledTextarea, { name, onChange, rows, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StyledTextarea, { name, onChange, rows, ...rest });
 };
 Textarea.types = InputTypes;
+
+// src/atoms/TextButton/TextButton.tsx
+var import_styled_components18 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var bgVariants = ["primary", "secondary", "tertiary", "subtle", "blue", "brand", "light", "transparent"];
 var textVariants = ["brand", "primary", "secondary", "tertiary", "subtle", "light", "error", "blue"];
-var StyledContainer2 = styled6__default.default.button`
+var StyledContainer2 = import_styled_components18.default.button`
   padding: 0 1rem;
   height: 2.5rem;
   display: flex;
@@ -893,7 +1038,7 @@ var StyledContainer2 = styled6__default.default.button`
     opacity: 0.9;
   }
 `;
-var StyledText3 = styled6__default.default.span`
+var StyledText3 = import_styled_components18.default.span`
   color: ${(props) => colors.text[props.textVariant]};
   font-size: 0.75rem;
   letter-spacing: 0.05em;
@@ -909,20 +1054,24 @@ var TextButton = ({
   uppercase = true,
   bold = false
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     StyledContainer2,
     {
       as: asChild ? "div" : "button",
       onClick,
       bgVariant,
-      children: /* @__PURE__ */ jsxRuntime.jsx(StyledText3, { textVariant, $uppercase: uppercase, $bold: bold, children: text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StyledText3, { textVariant, $uppercase: uppercase, $bold: bold, children: text })
     }
   );
 };
 TextButton.bgVariants = bgVariants;
 TextButton.textVariants = textVariants;
+
+// src/atoms/ToggleButton/ToggleButton.tsx
+var import_styled_components19 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var variants8 = ["primary", "secondary", "subtle"];
-var ToggleContainer = styled6__default.default.div`
+var ToggleContainer = import_styled_components19.default.div`
   display: inline-flex;
   background-color: ${(props) => {
   switch (props.variant) {
@@ -940,7 +1089,7 @@ var ToggleContainer = styled6__default.default.div`
   padding: 0.25rem;
   gap: 0.25rem;
 `;
-var ToggleOption = styled6__default.default.button`
+var ToggleOption = import_styled_components19.default.button`
   padding: 0.5rem 1.5rem;
   border-radius: 9999px;
   border: none;
@@ -991,7 +1140,7 @@ var ToggleButton = ({
   onChange,
   variant = "primary"
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ToggleContainer, { variant, children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ToggleContainer, { variant, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     ToggleOption,
     {
       $isActive: activeOption === option,
@@ -1003,25 +1152,26 @@ var ToggleButton = ({
   )) });
 };
 ToggleButton.variants = variants8;
-
-exports.ArrowButton = ArrowButton;
-exports.Button = Button;
-exports.Description = Description;
-exports.ExtendedButton = ExtendedButton;
-exports.FeatureItem = FeatureItem;
-exports.FormContainer = FormContainer;
-exports.Header = Header;
-exports.Input = Input;
-exports.Label = Label;
-exports.Loader = Loader;
-exports.Pill = Pill;
-exports.RadioItem = RadioItem;
-exports.SecondaryInput = SecondaryInput;
-exports.SocialButton = SocialButton;
-exports.TermsCheckbox = TermsCheckbox;
-exports.Text = Text2;
-exports.TextButton = TextButton;
-exports.Textarea = Textarea;
-exports.ToggleButton = ToggleButton;
-//# sourceMappingURL=atoms.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrowButton,
+  Button,
+  Description,
+  ExtendedButton,
+  FeatureItem,
+  FormContainer,
+  Header,
+  Input,
+  Label,
+  Loader,
+  Pill,
+  RadioItem,
+  SecondaryInput,
+  SocialButton,
+  TermsCheckbox,
+  Text,
+  TextButton,
+  Textarea,
+  ToggleButton
+});
 //# sourceMappingURL=atoms.cjs.map