@npm_leadtech/legal-contracts-ui 0.99.2 → 0.99.4

package/dist/components/AboutUsTemplate.d.ts

@@ -24,6 +24,7 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    href?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';

package/dist/components/AllDocumentsTemplate.d.ts

@@ -66,6 +66,7 @@ export interface DocumentItemProps {
     link: ReactNode;
     description: string;
     className?: string;
+    title: string;
 }
 
 export interface DocumentSectionProps {

package/dist/components/Button.d.ts

@@ -2,13 +2,14 @@ import { ComponentPropsWithRef } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, href, ref, ...props }: ButtonProps) => JSX.Element;
 
 export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    href?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';

package/dist/components/Button.js

@@ -1,20 +1,21 @@
-import { jsx as l } from "react/jsx-runtime";
-import { getButtonClasses as p } from "./Button.utils.js";
+import { jsx as e } from "react/jsx-runtime";
 import "react";
-const x = ({
+import { getButtonClasses as f } from "./Button.utils.js";
+const N = ({
   children: o,
-  type: r = "button",
-  size: s = "default",
-  variant: e = "primary-green",
-  iconPosition: a = "left",
-  className: n,
+  type: m = "button",
+  size: c = "default",
+  variant: u = "primary-green",
+  iconPosition: l = "left",
+  className: p,
   disabled: t = !1,
-  ref: m,
-  ...u
+  href: s,
+  ref: r,
+  ...a
 }) => {
-  const f = p(s, e, a, t, n);
-  return /* @__PURE__ */ l("button", { ref: m, type: r, disabled: t, "aria-disabled": t, className: f, ...u, children: o });
+  const n = f(c, u, l, t, p);
+  return s ? /* @__PURE__ */ e("a", { ref: r, href: s, className: n, ...a, children: o }) : /* @__PURE__ */ e("button", { ref: r, type: m, disabled: t, "aria-disabled": t, className: n, ...a, children: o });
 };
 export {
-  x as Button
+  N as Button
 };

package/dist/components/Card.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Card: FC<CardProps>;
+
+export declare interface CardProps {
+    title?: ReactNode;
+    children?: ReactNode;
+}
+

package/dist/components/Card.js

@@ -0,0 +1,8 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+const a = ({ title: l = null, children: r }) => /* @__PURE__ */ e("div", { className: "flex-1 rounded-2xl bg-white p-6 shadow-sm ring-1 ring-neutral-200", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-4", children: [
+  l !== null && /* @__PURE__ */ e("div", { className: "pb-4", children: l }),
+  r
+] }) });
+export {
+  a as Card
+};

package/dist/components/CategoryProductTemplate.d.ts

@@ -47,6 +47,7 @@ export interface DocumentItemProps {
     link: ReactNode;
     description: string;
     className?: string;
+    title: string;
 }
 
 export interface DocumentSectionProps {

package/dist/components/ContactFormSection.d.ts

@@ -1,60 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
-import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-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 declare interface ContactFormFieldProps {
-    label: string;
-    id: string;
-    name: string;
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: string;
-    errorMessage?: string;
-}
-
-export declare const ContactFormSection: FC<ContactFormSectionProps>;
-
-export declare interface ContactFormSectionProps {
-    title: ReactNode;
-    subjectOptions: {
-        label: string;
-        value: string;
-    }[];
-    fullNameField: Omit<ContactFormFieldProps, 'tooltip'>;
-    emailField: Omit<ContactFormFieldProps, 'tooltip'>;
-    referenceNumberField: ContactFormFieldProps;
-    subjectField: Omit<ContactFormFieldProps, 'tooltip'>;
-    messageField: Omit<ContactFormFieldProps, 'tooltip'>;
-    requiredFieldsText: string;
-    privacyField: Omit<ContactFormFieldProps, 'tooltip'>;
-    securityHint: string;
-    feedback?: {
-        type: 'success' | 'error';
-        message: string;
-        title?: string;
-        cta?: ReactNode;
-    };
-    button: ButtonProps;
-}
-
-export type IconPosition = 'left' | 'right' | 'top';
-
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
+export declare const ContactFormSection: FC;
 

package/dist/components/ContactFormSection.js

@@ -1,104 +1,82 @@
-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 r, jsx as e } from "react/jsx-runtime";
+import { Textarea as t } from "./Textarea.js";
+import { Checkbox as i } from "./Checkbox.js";
+import { CommunicationIcon as l } from "./CommunicationIcon.js";
+import { Input as a } from "./Input.js";
+import { Select as n } from "./Select.js";
+import { Item as o } from "./Item.js";
+import { Button as s } from "./Button.js";
+const c = [
+  { label: "Billing and subscriptions", value: "billing-and-subscriptions" },
+  { label: "Technical support", value: "technical-support" },
+  { label: "Document customization", value: "document-customization" },
+  { label: "Account and security", value: "account-and-security" }
+], y = () => /* @__PURE__ */ r("section", { "aria-labelledby": "contact-form-heading", className: "flex-1 rounded-xl bg-white p-6 shadow-md lg:p-8", children: [
+  /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("p", { id: "contact-form-heading", className: "text-big font-bold text-neutral-600", children: "Send Us a Message" }),
+    /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": "true" })
   ] }),
-  /* @__PURE__ */ s("form", { className: "mt-6 flex flex-col gap-6", noValidate: !0, children: [
-    i && /* @__PURE__ */ r(
-      "div",
+  /* @__PURE__ */ r("form", { className: "mt-6 space-y-6", noValidate: !0, children: [
+    /* @__PURE__ */ e(a, { label: "Full Name", id: "full-name", name: "full-name", type: "text", placeholder: "e.g. John Doe", required: !0 }),
+    /* @__PURE__ */ e(a, { label: "Email", id: "email", name: "email", type: "email", placeholder: "example@email.com", required: !0 }),
+    /* @__PURE__ */ e(
+      a,
       {
-        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
+        label: "Reference number",
+        id: "reference-number",
+        name: "reference-number",
+        type: "text",
+        placeholder: "e.g. 12345678",
+        tooltip: "Where to find your reference number"
       }
     ),
-    /* @__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,
+    /* @__PURE__ */ e(
+      n,
+      {
+        label: "Subject",
+        id: "subject",
+        name: "subject",
+        placeholder: "Select a subject",
+        options: c,
+        required: !0
+      }
+    ),
+    /* @__PURE__ */ e(t, { label: "Your Message", id: "message", name: "message", placeholder: "Write your message here", required: !0 }),
+    /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: "* Required fields" }),
+    /* @__PURE__ */ e(i, { id: "privacy", name: "privacy", required: !0, children: /* @__PURE__ */ r("span", { children: [
+      "I have read and accept the",
+      " ",
+      /* @__PURE__ */ e(
+        "a",
         {
-          label: t.label,
-          id: t.id,
-          name: t.name,
-          placeholder: t.placeholder,
-          required: t.required
+          href: "https://www.lawdistrict.com/privacy-and-cookies-policy/",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-primary-700 underline-offset-2 hover:underline",
+          children: "Privacy and Cookies Policy."
         }
-      ),
-      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,
+      )
+    ] }) }),
+    /* @__PURE__ */ e(
+      o,
       {
-        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"
+        id: "ID",
+        image: /* @__PURE__ */ e(l, { className: "size-5", "aria-hidden": "true" }),
+        description: "This information is required for the security verification process.",
+        className: "text-small flex items-start gap-3 rounded bg-neutral-50 p-4 text-neutral-600"
       }
     ),
-    /* @__PURE__ */ r(q, { ...x, variant: "primary-green", className: "w-fit self-center" })
+    /* @__PURE__ */ e(
+      s,
+      {
+        type: "submit",
+        size: "large",
+        className: "bg-primary-500 hover:bg-primary-400 focus-visible:outline-primary-500 w-full justify-center text-white",
+        children: /* @__PURE__ */ e("span", { className: "text-medium font-bold text-white", children: "Send Message" })
+      }
+    )
   ] })
 ] });
 export {
-  V as ContactFormSection
+  y as ContactFormSection
 };

package/dist/components/ContactMethodCard.d.ts

@@ -1,12 +1,10 @@
 import { FC } from 'react';
-import { ReactNode } from 'react';
 
 export declare interface ContactMethod {
-    id: string;
-    icon: ReactNode;
-    label?: ReactNode;
+    icon: React.ReactNode;
+    label: string;
     helper?: string;
-    variant: 'phone' | 'email' | 'location';
+    link?: string;
 }
 
 export declare const ContactMethodCard: FC<ContactMethod>;

package/dist/components/ContactMethodCard.js

@@ -1,33 +1,11 @@
-import { jsxs as s, Fragment as r, jsx as a } from "react/jsx-runtime";
-import { LinkWrapper as n } from "./LinkWrapper.js";
-const h = ({ icon: l, label: t, helper: e, variant: i }) => /* @__PURE__ */ s("article", { className: "bg-neutral-25 flex flex-wrap gap-2 rounded-sm p-4 md:flex-col", children: [
-  i === "phone" && /* @__PURE__ */ s(r, { children: [
-    /* @__PURE__ */ s(n, { variant: "primary-green", className: "w-full md:hidden", children: [
-      l,
-      " ",
-      t
-    ] }),
-    /* @__PURE__ */ s("div", { className: "hidden gap-2 md:flex", children: [
-      /* @__PURE__ */ a("span", { className: "shrink-0", children: l }),
-      /* @__PURE__ */ s("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: t }) }),
-        e && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0", children: e })
-      ] })
-    ] }),
-    e && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0 md:hidden", children: e })
-  ] }),
-  i === "email" && /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ a("span", { className: "shrink-0", children: l }),
-    /* @__PURE__ */ s("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: t }) }),
-      e && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: e })
-    ] })
-  ] }),
-  i === "location" && /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ a("span", { className: "shrink-0", children: l }),
-    e && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: e })
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+const i = ({ icon: n, label: r, helper: t, link: d }) => /* @__PURE__ */ a("article", { className: "bg-neutral-25 flex items-center gap-4 rounded-lg border border-neutral-200 p-4", children: [
+  /* @__PURE__ */ e("div", { className: "flex h-10 w-10 items-center justify-center rounded-md bg-white", "aria-hidden": "true", children: n }),
+  /* @__PURE__ */ a("div", { className: "flex-1", children: [
+    d ? /* @__PURE__ */ e("a", { href: d, className: "text-medium text-primary-800 font-bold underline-offset-4 hover:underline", children: r }) : /* @__PURE__ */ e("p", { className: "text-medium text-primary-800 font-bold", children: r }),
+    t && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: t })
   ] })
 ] });
 export {
-  h as ContactMethodCard
+  i as ContactMethodCard
 };

package/dist/components/ContactMethodsSection.d.ts

@@ -2,16 +2,16 @@ import { FC } from 'react';
 import { ReactNode } from 'react';
 
 export interface ContactMethod {
-    id: string;
-    icon: ReactNode;
-    label?: ReactNode;
+    icon: React.ReactNode;
+    label: string;
     helper?: string;
-    variant: 'phone' | 'email' | 'location';
+    link?: string;
 }
 
 export declare const ContactMethodsSection: FC<ContactMethodsSectionProps>;
 
 export declare interface ContactMethodsSectionProps {
     items: ContactMethod[];
+    title?: ReactNode;
 }
 

package/dist/components/ContactMethodsSection.js

@@ -1,6 +1,7 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ContactMethodCard as s } from "./ContactMethodCard.js";
-const r = ({ items: e }) => /* @__PURE__ */ t("section", { className: "flex flex-col gap-4 rounded-sm bg-white p-6 shadow-sm", children: e.map((o) => /* @__PURE__ */ t(s, { ...o }, o.id)) });
+import { jsx as o } from "react/jsx-runtime";
+import { Card as r } from "./Card.js";
+import { ContactMethodCard as c } from "./ContactMethodCard.js";
+const n = ({ items: t, title: a }) => /* @__PURE__ */ o("section", { "aria-labelledby": "contact-methods-heading", children: /* @__PURE__ */ o(r, { title: a, children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-4", children: t.map((e) => /* @__PURE__ */ o(c, { ...e }, e.label)) }) }) });
 export {
-  r as ContactMethodsSection
+  n as ContactMethodsSection
 };

package/dist/components/ContactUsTemplate.d.ts

@@ -1,61 +1,16 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-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 ContactFormFieldProps {
-    label: string;
-    id: string;
-    name: string;
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: string;
-    errorMessage?: string;
-}
-
-export interface ContactFormSectionProps {
-    title: ReactNode;
-    subjectOptions: {
-        label: string;
-        value: string;
-    }[];
-    fullNameField: Omit<ContactFormFieldProps, 'tooltip'>;
-    emailField: Omit<ContactFormFieldProps, 'tooltip'>;
-    referenceNumberField: ContactFormFieldProps;
-    subjectField: Omit<ContactFormFieldProps, 'tooltip'>;
-    messageField: Omit<ContactFormFieldProps, 'tooltip'>;
-    requiredFieldsText: string;
-    privacyField: Omit<ContactFormFieldProps, 'tooltip'>;
-    securityHint: string;
-    feedback?: {
-        type: 'success' | 'error';
-        message: string;
-        title?: string;
-        cta?: ReactNode;
-    };
-    button: ButtonProps;
-}
-
 export interface ContactMethod {
-    id: string;
-    icon: ReactNode;
-    label?: ReactNode;
+    icon: React.ReactNode;
+    label: string;
     helper?: string;
-    variant: 'phone' | 'email' | 'location';
+    link?: string;
 }
 
 export interface ContactMethodsSectionProps {
     items: ContactMethod[];
+    title?: ReactNode;
 }
 
 export declare const ContactUsTemplate: FC<ContactUsTemplateProps>;
@@ -63,32 +18,13 @@ export declare const ContactUsTemplate: FC<ContactUsTemplateProps>;
 export declare interface ContactUsTemplateProps {
     jumbotron: Jumbotron2Props;
     contactMethods: ContactMethodsSectionProps;
-    contactForm: ContactFormSectionProps;
-    faqSection: {
-        faqTitle: string;
-        faqItems: {
-            id: string;
-            question: string;
-            answer: string;
-        }[];
-        faqCta: ReactNode;
-    };
+    subjectOptions?: string[];
 }
 
-export type IconPosition = 'left' | 'right' | 'top';
-
 export interface Jumbotron2Props {
     title: string;
     subtitle?: string;
     className?: string;
     children?: React.ReactNode;
 }
-
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
 

package/dist/components/ContactUsTemplate.js

@@ -1,29 +1,14 @@
-import { jsx as a, jsxs as e } from "react/jsx-runtime";
-import { ContactFormSection as i } from "./ContactFormSection.js";
-import { Jumbotron2 as o } from "./Jumbotron2.js";
-import { ContactMethodsSection as c } from "./ContactMethodsSection.js";
-import { Markdown as d } from "./Markdown.js";
-import { LinkWrapper as p } from "./LinkWrapper.js";
-const v = ({
-  jumbotron: m,
-  contactMethods: t,
-  contactForm: s,
-  faqSection: l
-}) => /* @__PURE__ */ a("main", { className: "bg-primary-50 py-10 md:px-6 md:pb-20 lg:px-8 xl:px-0", children: /* @__PURE__ */ e("div", { className: "relative mx-auto flex w-full max-w-300 flex-col gap-12", children: [
-  /* @__PURE__ */ a(o, { ...m, className: "pb-0!" }),
-  /* @__PURE__ */ e("div", { className: "relative flex flex-col gap-10 md:grid md:grid-cols-2 md:items-start md:gap-x-10 md:gap-y-8 lg:gap-x-16 xl:gap-x-20", children: [
-    /* @__PURE__ */ a(c, { ...t }),
-    /* @__PURE__ */ a("div", { className: "md:row-span-2", children: /* @__PURE__ */ a(i, { ...s }) }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-8 px-6", children: [
-      /* @__PURE__ */ a("h3", { className: "text-large text-primary-700 font-bold", children: l.faqTitle }),
-      /* @__PURE__ */ a("div", { className: "flex flex-col gap-8", children: l.faqItems.map((r) => /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-neutral-800", children: [
-        /* @__PURE__ */ a("h4", { className: "text-big font-bold", children: r.question }),
-        /* @__PURE__ */ a(d, { content: r.answer, className: "text-medium [&_p:last-child]:mb-0" })
-      ] }, r.id)) }),
-      /* @__PURE__ */ a(p, { className: "w-fit", variant: "secondary-green", children: l.faqCta })
-    ] })
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { ContactFormSection as a } from "./ContactFormSection.js";
+import { Jumbotron2 as t } from "./Jumbotron2.js";
+import { ContactMethodsSection as m } from "./ContactMethodsSection.js";
+const n = ({ jumbotron: o, contactMethods: r }) => /* @__PURE__ */ e("main", { className: "bg-primary-50 flex-1 px-4 py-12 lg:px-0", children: /* @__PURE__ */ l("div", { className: "relative mx-auto flex w-full max-w-6xl flex-col gap-12", children: [
+  /* @__PURE__ */ e(t, { ...o }),
+  /* @__PURE__ */ l("div", { className: "relative flex flex-col gap-10 lg:flex-row", children: [
+    /* @__PURE__ */ e("div", { className: "flex-1 space-y-8", children: /* @__PURE__ */ e(m, { ...r }) }),
+    /* @__PURE__ */ e(a, {})
   ] })
 ] }) });
 export {
-  v as ContactUsTemplate
+  n as ContactUsTemplate
 };

package/dist/components/CtaSection.d.ts

@@ -7,6 +7,7 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    href?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';

package/dist/components/DocumentItem.d.ts

@@ -8,5 +8,6 @@ export declare interface DocumentItemProps {
     link: ReactNode;
     description: string;
     className?: string;
+    title: string;
 }
 

package/dist/components/DocumentItem.js

@@ -1,22 +1,26 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import n from "clsx";
-import { ChevronRightIcon as l } from "./ChevronRightIcon.js";
-const m = ({ link: t, description: o, className: i = "" }) => /* @__PURE__ */ r(
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import l from "clsx";
+import { ChevronRightIcon as o } from "./ChevronRightIcon.js";
+const f = ({ link: e, description: i, className: n = "", title: a }) => /* @__PURE__ */ t(
   "article",
   {
-    className: n(
+    className: l(
       'hover:border-primary-500 text-medium hover:ring-primary-500 relative flex cursor-pointer flex-col gap-2 rounded border border-neutral-200 bg-white pt-4 pr-4 pb-6 pl-6 text-neutral-800 transition-all hover:ring-1 hover:ring-inset [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
-      i
+      n
     ),
     children: [
-      /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ e("p", { className: "flex-1 font-bold", children: t }),
-        /* @__PURE__ */ e(l, { "aria-hidden": !0 })
+      e != null && typeof e == "string" && /* @__PURE__ */ t("a", { href: e, className: "flex justify-between", children: [
+        /* @__PURE__ */ r("p", { className: "flex-1 font-bold", children: a }),
+        /* @__PURE__ */ r(o, { "aria-hidden": !0 })
       ] }),
-      /* @__PURE__ */ e("p", { children: o })
+      e != null && typeof e != "string" && /* @__PURE__ */ t("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ r("div", { className: "flex-1 font-bold", children: e }),
+        /* @__PURE__ */ r(o, { "aria-hidden": !0 })
+      ] }),
+      /* @__PURE__ */ r("p", { children: i })
     ]
   }
 );
 export {
-  m as DocumentItem
+  f as DocumentItem
 };

package/dist/components/DocumentSection.d.ts

@@ -6,6 +6,7 @@ export interface DocumentItemProps {
     link: ReactNode;
     description: string;
     className?: string;
+    title: string;
 }
 
 export declare const DocumentSection: FC<DocumentSectionProps>;