@npm_leadtech/legal-contracts-ui 0.103.0 → 0.103.1

package/dist/components/AboutUsTemplate.d.ts

@@ -64,12 +64,12 @@ export interface GuidelinesSectionProps {
     guidelineCards: Array<{
         title: string;
         image: ReactNode;
-        content: ReactNode;
+        content: string;
     }>;
     footerCard: {
         title: string;
         image: ReactNode;
-        content: ReactNode;
+        content: string;
         cta: ButtonProps;
     };
 }
@@ -89,12 +89,11 @@ export interface Jumbotron2Props {
     subtitle?: string;
     className?: string;
     children?: React.ReactNode;
-    variant?: 'default' | 'contact';
 }
 
 export interface MissionSectionProps {
     title: string;
-    children: ReactNode;
+    body: string;
     image: ReactNode;
 }
 
@@ -121,6 +120,7 @@ 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;
-    children: ReactNode;
+    body: string;
     image: ReactNode;
 }
 

package/dist/components/AboutUsTemplate.js

@@ -1,16 +1,16 @@
-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 { 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 { Storyline as b } from "./Storyline.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";
+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";
 const v = ({
   jumbotron: t,
   intro: r,
@@ -18,25 +18,25 @@ const v = ({
   coreValues: i,
   storyline: e,
   howWeHelp: n,
-  guidelines: p,
-  experts: f,
+  guidelines: l,
+  experts: p,
   trustPilot: s,
-  partners: c,
-  cta: l,
+  partners: f,
+  cta: c,
   contactUs: a
-}) => /* @__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__ */ 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__ */ o(b, { ...e }),
-  /* @__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 })
+  /* @__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 })
 ] });
 export {
   v as AboutUsTemplate

package/dist/components/BlogSection.d.ts

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

package/dist/components/CategoriesSection.d.ts

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

package/dist/components/CategoryProductTemplate.d.ts

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

package/dist/components/Checkbox.d.ts

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

package/dist/components/Checkbox.js

@@ -1,31 +1,18 @@
-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",
+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",
     {
-      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, {})
+      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
     }
   ),
-  /* @__PURE__ */ r("span", { className: "leading-tight text-neutral-800", children: l })
+  /* @__PURE__ */ e("span", { children: i })
 ] });
 export {
-  u as Checkbox
+  n as Checkbox
 };

package/dist/components/ContactFormSection.d.ts

@@ -1,5 +1,3 @@
-import { ChangeEventHandler } from 'react';
-import { ComponentProps } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
@@ -15,17 +13,6 @@ 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;
@@ -33,7 +20,6 @@ export declare interface ContactFormFieldProps {
     placeholder?: string;
     required?: boolean;
     tooltip?: string;
-    error?: boolean;
     errorMessage?: string;
 }
 
@@ -45,36 +31,23 @@ export declare interface ContactFormSectionProps {
         label: string;
         value: string;
     }[];
-    fullNameField: Omit<ContactFormTextFieldProps, 'tooltip'>;
-    emailField: Omit<ContactFormTextFieldProps, 'tooltip'>;
-    referenceNumberField: ContactFormTextFieldProps;
-    subjectField: ContactFormSelectFieldProps;
-    messageField: ContactFormTextareaFieldProps;
+    fullNameField: Omit<ContactFormFieldProps, 'tooltip'>;
+    emailField: Omit<ContactFormFieldProps, 'tooltip'>;
+    referenceNumberField: ContactFormFieldProps;
+    subjectField: Omit<ContactFormFieldProps, 'tooltip'>;
+    messageField: Omit<ContactFormFieldProps, 'tooltip'>;
     requiredFieldsText: string;
-    privacyField: ContactFormCheckboxFieldProps;
+    privacyField: Omit<ContactFormFieldProps, 'tooltip'>;
     securityHint: string;
-    status?: 'default' | 'loading' | 'success' | 'error';
-    successFeedback: ContactFormFeedbackProps;
-    errorFeedback: ContactFormFeedbackProps;
-    onSubmit?: ComponentProps<'form'>['onSubmit'];
+    feedback?: {
+        type: 'success' | 'error';
+        message: string;
+        title?: string;
+        cta?: ReactNode;
+    };
     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,74 +1,104 @@
-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 })
+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" })
   ] }),
-  /* @__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(
+  /* @__PURE__ */ s("form", { className: "mt-6 flex flex-col gap-6", noValidate: !0, children: [
+    i && /* @__PURE__ */ r(
       "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",
-        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 })
-        ]
+        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"
       }
     ),
-    /* @__PURE__ */ e(o, { ...c, className: "w-fit self-center", type: "submit", children: c.children })
+    /* @__PURE__ */ r(q, { ...x, variant: "primary-green", className: "w-fit self-center" })
   ] })
 ] });
 export {
-  G as ContactFormSection
+  V as ContactFormSection
 };

package/dist/components/ContactMethodCard.js

@@ -1,37 +1,36 @@
-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" }),
+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" }),
       " ",
       e
     ] }),
-    /* @__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 })
+    /* @__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 })
       ] })
     ] }),
-    i && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0 md:hidden", children: i })
+    l && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0 md:hidden", 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 === "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 === "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 })
+  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 })
   ] })
 ] });
 export {
-  v as ContactMethodCard
+  y as ContactMethodCard
 };

package/dist/components/ContactUsSection.d.ts

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

package/dist/components/ContactUsTemplate.d.ts

@@ -1,5 +1,3 @@
-import { ChangeEventHandler } from 'react';
-import { ComponentProps } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
@@ -15,17 +13,6 @@ 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 interface ContactFormFieldProps {
     label: string;
     id: string;
@@ -33,7 +20,6 @@ export interface ContactFormFieldProps {
     placeholder?: string;
     required?: boolean;
     tooltip?: string;
-    error?: boolean;
     errorMessage?: string;
 }
 
@@ -43,36 +29,23 @@ export interface ContactFormSectionProps {
         label: string;
         value: string;
     }[];
-    fullNameField: Omit<ContactFormTextFieldProps, 'tooltip'>;
-    emailField: Omit<ContactFormTextFieldProps, 'tooltip'>;
-    referenceNumberField: ContactFormTextFieldProps;
-    subjectField: ContactFormSelectFieldProps;
-    messageField: ContactFormTextareaFieldProps;
+    fullNameField: Omit<ContactFormFieldProps, 'tooltip'>;
+    emailField: Omit<ContactFormFieldProps, 'tooltip'>;
+    referenceNumberField: ContactFormFieldProps;
+    subjectField: Omit<ContactFormFieldProps, 'tooltip'>;
+    messageField: Omit<ContactFormFieldProps, 'tooltip'>;
     requiredFieldsText: string;
-    privacyField: ContactFormCheckboxFieldProps;
+    privacyField: Omit<ContactFormFieldProps, 'tooltip'>;
     securityHint: string;
-    status?: 'default' | 'loading' | 'success' | 'error';
-    successFeedback: ContactFormFeedbackProps;
-    errorFeedback: ContactFormFeedbackProps;
-    onSubmit?: ComponentProps<'form'>['onSubmit'];
+    feedback?: {
+        type: 'success' | 'error';
+        message: string;
+        title?: string;
+        cta?: ReactNode;
+    };
     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 interface ContactMethod {
     id: string;
     label?: ReactNode;
@@ -95,7 +68,6 @@ export declare interface ContactUsTemplateProps {
         faqText: string;
         faqCta: ReactNode;
     };
-    bgImage: ReactNode | null;
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
@@ -105,7 +77,6 @@ export interface Jumbotron2Props {
     subtitle?: string;
     className?: string;
     children?: React.ReactNode;
-    variant?: 'default' | 'contact';
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {