@npm_leadtech/legal-contracts-ui 0.101.18 → 0.102.0

package/dist/components/AboutUsTemplate.d.ts

@@ -64,12 +64,12 @@ export interface GuidelinesSectionProps {
     guidelineCards: Array<{
         title: string;
         image: ReactNode;
-        content: string;
+        content: ReactNode;
     }>;
     footerCard: {
         title: string;
         image: ReactNode;
-        content: string;
+        content: ReactNode;
         cta: ButtonProps;
     };
 }
@@ -89,17 +89,18 @@ export interface Jumbotron2Props {
     subtitle?: string;
     className?: string;
     children?: React.ReactNode;
+    variant?: 'default' | 'contact';
 }
 
 export interface MissionSectionProps {
     title: string;
-    body: string;
+    children: ReactNode;
     image: ReactNode;
 }
 
 export interface PartnersSectionProps {
     header: SectionHeadingProps;
-    body: string;
+    children: ReactNode;
     partners: Array<{
         name: string;
         logo: ReactNode;
@@ -120,7 +121,6 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
-    hasMaxWidth?: boolean;
 }
 
 export interface StorylineProps {
@@ -141,7 +141,7 @@ export interface TrustPilotSectionProps {
 
 export interface ValuesSectionProps {
     title: string;
-    body: string;
+    children: ReactNode;
     image: ReactNode;
 }
 

package/dist/components/AboutUsTemplate.js

@@ -1,16 +1,16 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { MissionSection as S } from "./MissionSection.js";
-import { ValuesSection as u } from "./ValuesSection.js";
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { MissionSection as u } from "./MissionSection.js";
+import { ValuesSection as x } from "./ValuesSection.js";
 import { Storyline as b } from "./Storyline.js";
-import { WeHelpSection as y } from "./WeHelpSection.js";
-import { GuidelinesSection as N } from "./GuidelinesSection.js";
-import { ExpertsSection as d } from "./ExpertsSection.js";
-import { TrustPilotSection as g } from "./TrustPilotSection.js";
-import { PartnersSection as j } from "./PartnersSection.js";
-import { CtaSection as w } from "./CtaSection.js";
-import { ContactUsSection as C } from "./ContactUsSection.js";
-import { Jumbotron2 as P } from "./Jumbotron2.js";
-import { IntroSection as T } from "./IntroSection.js";
+import { WeHelpSection as d } from "./WeHelpSection.js";
+import { GuidelinesSection as j } from "./GuidelinesSection.js";
+import { ExpertsSection as y } from "./ExpertsSection.js";
+import { TrustPilotSection as C } from "./TrustPilotSection.js";
+import { PartnersSection as N } from "./PartnersSection.js";
+import { CtaSection as P } from "./CtaSection.js";
+import { ContactUsSection as T } from "./ContactUsSection.js";
+import { Jumbotron2 as U } from "./Jumbotron2.js";
+import { IntroSection as g } from "./IntroSection.js";
 const v = ({
   jumbotron: t,
   intro: r,
@@ -18,25 +18,25 @@ const v = ({
   coreValues: i,
   storyline: e,
   howWeHelp: n,
-  guidelines: l,
-  experts: p,
+  guidelines: p,
+  experts: f,
   trustPilot: s,
-  partners: f,
-  cta: c,
+  partners: c,
+  cta: l,
   contactUs: a
-}) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(P, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
-  /* @__PURE__ */ o(T, { ...r, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(S, { ...m }),
-  /* @__PURE__ */ o(u, { ...i }),
+}) => /* @__PURE__ */ S("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(U, { ...t }),
+  /* @__PURE__ */ o(g, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(u, { ...m }),
+  /* @__PURE__ */ o(x, { ...i }),
   /* @__PURE__ */ o(b, { ...e }),
-  /* @__PURE__ */ o(y, { ...n }),
-  /* @__PURE__ */ o(N, { ...l }),
-  /* @__PURE__ */ o(d, { ...p }),
-  /* @__PURE__ */ o(g, { ...s }),
-  /* @__PURE__ */ o(j, { ...f }),
-  /* @__PURE__ */ o(w, { ...c }),
-  /* @__PURE__ */ o(C, { ...a })
+  /* @__PURE__ */ o(d, { ...n }),
+  /* @__PURE__ */ o(j, { ...p }),
+  /* @__PURE__ */ o(y, { ...f }),
+  /* @__PURE__ */ o(C, { ...s }),
+  /* @__PURE__ */ o(N, { ...c }),
+  /* @__PURE__ */ o(P, { ...l }),
+  /* @__PURE__ */ o(T, { ...a })
 ] });
 export {
   v as AboutUsTemplate

package/dist/components/BlogSection.d.ts

@@ -22,6 +22,5 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
-    hasMaxWidth?: boolean;
 }
 

package/dist/components/CategoriesSection.d.ts

@@ -20,6 +20,5 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
-    hasMaxWidth?: boolean;
 }
 

package/dist/components/CategoryProductTemplate.d.ts

@@ -86,6 +86,5 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
-    hasMaxWidth?: boolean;
 }
 

package/dist/components/CheckIcon.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const CheckIcon: FC<React.SVGProps<SVGSVGElement>>;
+

package/dist/components/CheckIcon.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+const l = (i) => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...i, children: /* @__PURE__ */ o(
+  "path",
+  {
+    fill: i.fill ?? "var(--color-primary-800)",
+    d: "M5.867 10.6 3.533 8.267A.66.66 0 1 0 2.6 9.2l3.089 3.089a.25.25 0 0 0 .355 0L13.4 4.933A.66.66 0 0 0 12.467 4z"
+  }
+) });
+export {
+  l as CheckIcon
+};

package/dist/components/Checkbox.d.ts

@@ -8,5 +8,7 @@ export declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInp
     name: string;
     required?: boolean;
     children: ReactNode;
+    error?: boolean;
+    errorMessage?: string;
 }
 

package/dist/components/Checkbox.js

@@ -1,18 +1,31 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-const n = ({ id: t, name: r, required: s = !1, children: i, ...l }) => /* @__PURE__ */ a("label", { className: "text-medium flex items-center gap-3 text-neutral-800", children: [
-  /* @__PURE__ */ e(
-    "input",
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import m from "clsx";
+import { CheckIcon as c } from "./CheckIcon.js";
+const u = ({
+  id: o,
+  name: s,
+  required: i = !1,
+  children: l,
+  checked: e,
+  error: t = !1,
+  ...n
+}) => /* @__PURE__ */ a("label", { htmlFor: o, className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none", children: [
+  /* @__PURE__ */ r("input", { id: o, name: s, type: "checkbox", required: i, className: "peer sr-only", ...n }),
+  /* @__PURE__ */ r(
+    "div",
     {
-      id: t,
-      type: "checkbox",
-      name: r,
-      required: s,
-      className: "text-primary-700 focus-visible:outline-primary-500 h-5 w-5 rounded border-neutral-400 focus-visible:outline-2",
-      ...l
+      className: m(
+        "flex h-5.5 w-5.5 items-center justify-center rounded transition-colors",
+        "peer-focus-visible:ring-primary-500 peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2",
+        !t && !e && "hover:bg-primary-200 border border-neutral-800 bg-white",
+        e && "border-primary-500 bg-primary-200 border-2",
+        t && "border-error-500 bg-error-20 border"
+      ),
+      children: e && /* @__PURE__ */ r(c, {})
     }
   ),
-  /* @__PURE__ */ e("span", { children: i })
+  /* @__PURE__ */ r("span", { className: "leading-tight text-neutral-800", children: l })
 ] });
 export {
-  n as Checkbox
+  u as Checkbox
 };

package/dist/components/ClearIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const ClearIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/ClearIcon.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+const t = (r) => /* @__PURE__ */ i("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ i(
+  "path",
+  {
+    d: "M18.295 7.115C18.6844 6.72564 18.6844 6.09436 18.295 5.705C17.9056 5.31564 17.2744 5.31564 16.885 5.705L12 10.59L7.115 5.705C6.72564 5.31564 6.09436 5.31564 5.705 5.705C5.31564 6.09436 5.31564 6.72564 5.705 7.115L10.59 12L5.705 16.885C5.31564 17.2744 5.31564 17.9056 5.705 18.295C6.09436 18.6844 6.72564 18.6844 7.115 18.295L12 13.41L16.885 18.295C17.2744 18.6844 17.9056 18.6844 18.295 18.295C18.6844 17.9056 18.6844 17.2744 18.295 16.885L13.41 12L18.295 7.115Z",
+    fill: r.fill ?? "var(--color-primary-800)"
+  }
+) });
+export {
+  t as ClearIcon
+};

package/dist/components/ContactFormSection.d.ts

@@ -1,3 +1,5 @@
+import { ChangeEventHandler } from 'react';
+import { ComponentProps } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
@@ -13,6 +15,17 @@ export type ButtonSize = 'small' | 'default' | 'large';
 
 export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
 
+export interface ContactFormCheckboxFieldProps extends Omit<ContactFormFieldProps, 'placeholder' | 'tooltip'> {
+    checked: boolean;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+}
+
+export interface ContactFormFeedbackProps {
+    message: string;
+    title?: string;
+    cta: ReactNode | ButtonProps;
+}
+
 export declare interface ContactFormFieldProps {
     label: string;
     id: string;
@@ -20,6 +33,7 @@ export declare interface ContactFormFieldProps {
     placeholder?: string;
     required?: boolean;
     tooltip?: string;
+    error?: boolean;
     errorMessage?: string;
 }
 
@@ -31,23 +45,36 @@ export declare interface ContactFormSectionProps {
         label: string;
         value: string;
     }[];
-    fullNameField: Omit<ContactFormFieldProps, 'tooltip'>;
-    emailField: Omit<ContactFormFieldProps, 'tooltip'>;
-    referenceNumberField: ContactFormFieldProps;
-    subjectField: Omit<ContactFormFieldProps, 'tooltip'>;
-    messageField: Omit<ContactFormFieldProps, 'tooltip'>;
+    fullNameField: Omit<ContactFormTextFieldProps, 'tooltip'>;
+    emailField: Omit<ContactFormTextFieldProps, 'tooltip'>;
+    referenceNumberField: ContactFormTextFieldProps;
+    subjectField: ContactFormSelectFieldProps;
+    messageField: ContactFormTextareaFieldProps;
     requiredFieldsText: string;
-    privacyField: Omit<ContactFormFieldProps, 'tooltip'>;
+    privacyField: ContactFormCheckboxFieldProps;
     securityHint: string;
-    feedback?: {
-        type: 'success' | 'error';
-        message: string;
-        title?: string;
-        cta?: ReactNode;
-    };
+    status?: 'default' | 'loading' | 'success' | 'error';
+    successFeedback: ContactFormFeedbackProps;
+    errorFeedback: ContactFormFeedbackProps;
+    onSubmit?: ComponentProps<'form'>['onSubmit'];
     button: ButtonProps;
 }
 
+export interface ContactFormSelectFieldProps extends Omit<ContactFormFieldProps, 'tooltip'> {
+    value: string;
+    onChange: ChangeEventHandler<HTMLSelectElement>;
+}
+
+export interface ContactFormTextareaFieldProps extends Omit<ContactFormFieldProps, 'tooltip'> {
+    value: string;
+    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+}
+
+export interface ContactFormTextFieldProps extends ContactFormFieldProps {
+    value: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+}
+
 export type IconPosition = 'left' | 'right' | 'top';
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/ContactFormSection.js

@@ -1,104 +1,74 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { Textarea as g } from "./Textarea.js";
-import { Checkbox as y } from "./Checkbox.js";
-import { Input as m } from "./Input.js";
-import { Select as u } from "./Select.js";
-import { Markdown as M } from "./Markdown.js";
-import { Item as N } from "./Item.js";
-import { InfoIcon as v } from "./InfoIcon.js";
-import { Button as q } from "./Button.js";
-const V = ({
-  title: n,
-  subjectOptions: p,
-  fullNameField: o,
-  emailField: l,
-  referenceNumberField: e,
-  subjectField: a,
-  messageField: t,
-  privacyField: d,
-  requiredFieldsText: c,
-  securityHint: h,
-  feedback: i,
-  button: x
-}) => /* @__PURE__ */ s("section", { className: "rounded-sm bg-white p-8 shadow-sm", children: [
-  /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ r("p", { className: "text-big font-bold text-neutral-600", children: n }),
-    /* @__PURE__ */ r("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": "true" })
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Textarea as b } from "./Textarea.js";
+import { Checkbox as v } from "./Checkbox.js";
+import { ClearIcon as y } from "./ClearIcon.js";
+import { DoneIcon as w } from "./DoneIcon.js";
+import { Input as n } from "./Input.js";
+import { Select as j } from "./Select.js";
+import { Markdown as I } from "./Markdown.js";
+import { InfoIcon as S } from "./InfoIcon.js";
+import { Button as o } from "./Button.js";
+import { LinkWrapper as k } from "./LinkWrapper.js";
+const C = () => /* @__PURE__ */ e("div", { role: "status", "aria-live": "polite", className: "mt-6 flex items-center justify-center rounded py-6", children: /* @__PURE__ */ e("div", { className: "border-primary-500 h-[25px] w-[25px] animate-spin rounded-full border-3 border-t-transparent" }) }), L = ({ title: r, message: l, cta: i }) => /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: "flex flex-col items-center justify-center gap-8 px-4 py-3", children: [
+  /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ e("div", { className: "bg-error-20 w-fit rounded-full p-3", children: /* @__PURE__ */ e(y, { width: 48, height: 48, fill: "var(--error-500)" }) }),
+    /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-800", children: r }),
+    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l })
   ] }),
-  /* @__PURE__ */ s("form", { className: "mt-6 flex flex-col gap-6", noValidate: !0, children: [
-    i && /* @__PURE__ */ r(
+  /* @__PURE__ */ e(o, { ...i, variant: "primary-green" })
+] }), B = ({ title: r, message: l, cta: i }) => /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: "flex flex-col items-center justify-center gap-8 px-4 py-3", children: [
+  /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ e("div", { className: "bg-primary-100 w-fit rounded-full p-3", children: /* @__PURE__ */ e(w, { width: 48, height: 48, fill: "var(--primary-500)" }) }),
+    /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-800", children: r }),
+    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l })
+  ] }),
+  /* @__PURE__ */ e(k, { className: "w-fit", children: i })
+] }), G = ({
+  title: r,
+  subjectOptions: l,
+  fullNameField: i,
+  emailField: m,
+  referenceNumberField: d,
+  subjectField: p,
+  messageField: f,
+  privacyField: s,
+  requiredFieldsText: h,
+  securityHint: x,
+  status: a = "default",
+  successFeedback: u,
+  errorFeedback: N,
+  onSubmit: g,
+  button: c
+}) => /* @__PURE__ */ t("section", { className: "rounded-sm bg-white p-8 shadow-sm", children: [
+  /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-600", children: r }),
+    /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": "true" })
+  ] }),
+  a === "loading" && /* @__PURE__ */ e(C, {}),
+  a === "error" && /* @__PURE__ */ e(L, { ...N }),
+  a === "success" && /* @__PURE__ */ e(B, { ...u }),
+  a === "default" && /* @__PURE__ */ t("form", { className: "mt-6 flex flex-col gap-6", noValidate: !0, onSubmit: g, children: [
+    /* @__PURE__ */ e(n, { ...i, type: "text" }),
+    /* @__PURE__ */ e(n, { ...m, type: "email" }),
+    /* @__PURE__ */ e(n, { ...d }),
+    /* @__PURE__ */ e(j, { ...p, options: l }),
+    /* @__PURE__ */ e(b, { ...f }),
+    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-600", children: h }),
+    /* @__PURE__ */ e(v, { ...s, children: /* @__PURE__ */ e(I, { className: "text-medium [&_p:last-child]:mb-0", content: s.label }) }),
+    /* @__PURE__ */ t(
       "div",
-      {
-        role: "status",
-        "aria-live": "polite",
-        className: i.type === "success" ? "rounded border border-green-300 bg-green-50 px-4 py-3 text-green-900" : "rounded border border-red-300 bg-red-50 px-4 py-3 text-red-800",
-        children: i.message
-      }
-    ),
-    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ r(m, { ...o, type: "text" }),
-      o.errorMessage && /* @__PURE__ */ r("p", { id: `${o.id}-error-message`, className: "text-small text-red-700", children: o.errorMessage })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ r(m, { ...l, type: "email" }),
-      l.errorMessage && /* @__PURE__ */ r("p", { id: `${l.id}-error-message`, className: "text-small text-red-700", children: l.errorMessage })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ r(
-        m,
-        {
-          label: e.label,
-          id: e.id,
-          name: e.name,
-          type: "text",
-          placeholder: e.placeholder,
-          tooltip: e.tooltip,
-          required: e.required
-        }
-      ),
-      e.errorMessage && /* @__PURE__ */ r("p", { id: `${e.id}-error-message`, className: "text-small text-red-700", children: e.errorMessage })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ r(
-        u,
-        {
-          label: a.label,
-          id: a.id,
-          name: a.name,
-          placeholder: a.placeholder,
-          options: p,
-          required: a.required
-        }
-      ),
-      a.errorMessage && /* @__PURE__ */ r("p", { id: `${a.id}-error-message`, className: "text-small text-red-700", children: a.errorMessage })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ r(
-        g,
-        {
-          label: t.label,
-          id: t.id,
-          name: t.name,
-          placeholder: t.placeholder,
-          required: t.required
-        }
-      ),
-      t.errorMessage && /* @__PURE__ */ r("p", { id: `${t.id}-error-message`, className: "text-small text-red-700", children: t.errorMessage })
-    ] }),
-    /* @__PURE__ */ r("p", { className: "text-medium text-neutral-600", children: c }),
-    /* @__PURE__ */ r("div", { className: "", children: /* @__PURE__ */ r(y, { id: d.id, name: d.name, required: !0, children: /* @__PURE__ */ r(M, { className: "text-medium [&_p:last-child]:mb-0", content: d.label }) }) }),
-    /* @__PURE__ */ r(
-      N,
       {
         id: "security-hint",
-        image: /* @__PURE__ */ r(v, { width: 24, height: 24, "aria-hidden": "true" }),
-        description: h,
-        className: "text-small flex items-start gap-2 rounded bg-neutral-50 p-4 text-neutral-600"
+        className: "text-small flex items-start gap-2 rounded bg-neutral-50 p-4 text-neutral-600",
+        children: [
+          /* @__PURE__ */ e(S, { width: 24, height: 24, "aria-hidden": "true" }),
+          /* @__PURE__ */ e("p", { children: x })
+        ]
       }
     ),
-    /* @__PURE__ */ r(q, { ...x, variant: "primary-green", className: "w-fit self-center" })
+    /* @__PURE__ */ e(o, { ...c, className: "w-fit self-center", type: "submit", children: c.children })
   ] })
 ] });
 export {
-  V as ContactFormSection
+  G as ContactFormSection
 };

package/dist/components/ContactMethodCard.js

@@ -1,36 +1,37 @@
-import { jsxs as i, Fragment as r, jsx as a } from "react/jsx-runtime";
-import { PhoneTalkIcon as n } from "./PhoneTalkIcon.js";
-import { MailFillIcon as m } from "./MailFillIcon.js";
-import { LocationIcon as c } from "./LocationIcon.js";
-import { LinkWrapper as t } from "./LinkWrapper.js";
-const y = ({ label: e, helper: l, variant: s }) => /* @__PURE__ */ i("article", { className: "bg-neutral-25 flex flex-wrap gap-2 rounded-sm p-4 md:flex-col", children: [
-  s === "phone" && /* @__PURE__ */ i(r, { children: [
-    /* @__PURE__ */ i(t, { variant: "primary-green", className: "w-full md:hidden", children: [
-      /* @__PURE__ */ a(n, { fill: "white" }),
+import { jsxs as l, Fragment as r, jsx as a } from "react/jsx-runtime";
+import { SinglePhoneIcon as s } from "./SinglePhoneIcon.js";
+import { PhoneTalkIcon as m } from "./PhoneTalkIcon.js";
+import { MailFillIcon as c } from "./MailFillIcon.js";
+import { LocationIcon as o } from "./LocationIcon.js";
+import { LinkWrapper as n } from "./LinkWrapper.js";
+const v = ({ label: e, helper: i, variant: t }) => /* @__PURE__ */ l("article", { className: "bg-neutral-25 flex flex-wrap gap-2 rounded-sm p-4 md:flex-col", children: [
+  t === "phone" && /* @__PURE__ */ l(r, { children: [
+    /* @__PURE__ */ l(n, { variant: "primary-green", className: "w-full md:hidden", children: [
+      /* @__PURE__ */ a(s, { width: 22, height: 22, fill: "white" }),
       " ",
       e
     ] }),
-    /* @__PURE__ */ i("div", { className: "hidden gap-2 md:flex", children: [
-      /* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(n, { fill: "var(--primary-800)" }) }),
-      /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ a(t, { className: "justify-start! p-0! no-underline!", variant: "tertiary-link", children: /* @__PURE__ */ a("span", { className: "text-medium text-primary-800 font-bold", children: e }) }),
-        l && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0", children: l })
+    /* @__PURE__ */ l("div", { className: "hidden gap-2 md:flex", children: [
+      /* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(m, { fill: "var(--primary-800)" }) }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ a(n, { className: "justify-start! p-0! no-underline!", variant: "tertiary-link", children: /* @__PURE__ */ a("span", { className: "text-medium text-primary-800 font-bold", children: e }) }),
+        i && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0", children: i })
       ] })
     ] }),
-    l && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0 md:hidden", children: l })
+    i && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0 md:hidden", children: i })
   ] }),
-  s === "email" && /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(m, { fill: "var(--primary-800)" }) }),
-    /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ a(t, { className: "justify-start! p-0!", variant: "tertiary-link", children: /* @__PURE__ */ a("span", { className: "text-medium text-primary-800 font-bold", children: e }) }),
-      l && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: l })
+  t === "email" && /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(c, { fill: "var(--primary-800)" }) }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ a(n, { className: "justify-start! p-0!", variant: "tertiary-link", children: /* @__PURE__ */ a("span", { className: "text-medium text-primary-800 font-bold", children: e }) }),
+      i && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: i })
     ] })
   ] }),
-  s === "location" && /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(c, { fill: "var(--primary-800)" }) }),
-    l && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: l })
+  t === "location" && /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(o, { fill: "var(--primary-800)" }) }),
+    i && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: i })
   ] })
 ] });
 export {
-  y as ContactMethodCard
+  v as ContactMethodCard
 };

package/dist/components/ContactUsSection.d.ts

@@ -19,6 +19,5 @@ export interface SectionHeadingProps {
     align?: 'start' | 'center';
     titleClass?: string;
     className?: string;
-    hasMaxWidth?: boolean;
 }