property-practice-ui 0.1.3 → 0.1.4

package/dist/atoms.cjs

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