@npm_leadtech/legal-contracts-ui 0.106.4 → 0.107.0

package/dist/components/AboutUsTemplate.js

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

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { ContactMethodsSection as o } from "./ContactMethodsSection.js";
-import { ContactFormSection as s } from "./ContactFormSection.js";
-import { Jumbotron2 as d } from "./Jumbotron2.js";
+import { ContactFormSection as o } from "./ContactFormSection.js";
+import { Jumbotron2 as s } from "./Jumbotron2.js";
 import { Markdown as m } from "./Markdown.js";
+import { ContactMethodsSection as d } from "./ContactMethodsSection.js";
 import { LinkWrapper as n } from "./LinkWrapper.js";
 const v = ({
   jumbotron: t,
@@ -13,7 +13,7 @@ const v = ({
 }) => /* @__PURE__ */ a("main", { className: "bg-primary-50 relative flex-1 pt-10 pb-20 md:px-6 lg:px-8 xl:px-0", children: [
   !!r && /* @__PURE__ */ e("div", { className: "absolute right-0 bottom-0 hidden md:block", children: r }),
   /* @__PURE__ */ a("div", { className: "relative mx-auto flex w-full max-w-300 flex-col gap-12", children: [
-    /* @__PURE__ */ e(d, { ...t, className: "flex flex-col gap-4 pb-0!", variant: "contact", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(s, { ...t, className: "flex flex-col gap-4 pb-0!", variant: "contact", children: /* @__PURE__ */ e(
       m,
       {
         content: t.children,
@@ -21,8 +21,8 @@ const v = ({
       }
     ) }),
     /* @__PURE__ */ a("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__ */ e(o, { ...i }),
-      /* @__PURE__ */ e("div", { className: "md:row-span-2", children: /* @__PURE__ */ e(s, { ...c }) }),
+      /* @__PURE__ */ e(d, { ...i }),
+      /* @__PURE__ */ e("div", { className: "md:row-span-2", children: /* @__PURE__ */ e(o, { ...c }) }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-8 px-6", children: [
         /* @__PURE__ */ e("h3", { className: "text-large text-primary-700 font-bold", children: l.faqTitle }),
         /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ e(m, { content: l.faqText, className: "text-medium text-neutral-800 [&_p:last-child]:mb-0" }) }),

package/dist/components/CtaSection.js

@@ -1,44 +1,44 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { LinkWrapper as c } from "./LinkWrapper.js";
 const x = ({
   title: a,
   paragraph: l,
-  cta: t,
-  children: s,
-  className: m = "",
+  cta: r,
+  children: m,
+  className: s = "",
   contentClassName: i = "",
   childrenClassName: d = "hidden lg:flex"
-}) => /* @__PURE__ */ e("section", { className: `flex w-full justify-center px-6 py-8 md:px-8 md:py-12 ${m}`, children: /* @__PURE__ */ r(
+}) => /* @__PURE__ */ e("section", { className: `flex w-full justify-center px-6 py-8 md:px-8 md:py-12 ${s}`, children: /* @__PURE__ */ t(
   "div",
   {
     className: `bg-primary-50 mx-auto flex w-full max-w-6xl flex-col items-center rounded-[1.25rem] px-8 pt-8 pb-0 md:px-16 md:pt-12 md:pb-0 lg:flex-row lg:items-stretch lg:gap-20 xl:pr-20 xl:pl-16 ${i}`,
     children: [
-      /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col items-start justify-center gap-8 pb-8 md:pb-12 lg:pb-[3rem]", children: [
-        /* @__PURE__ */ r("div", { className: "flex flex-col items-start gap-4", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col items-start justify-center gap-8 pb-8 md:pb-12 lg:pb-[3rem]", children: [
+        /* @__PURE__ */ t("div", { className: "flex flex-col items-start gap-4", children: [
           /* @__PURE__ */ e("h2", { className: "text-primary-900 text-[28px] leading-[32px] font-bold tracking-tight", children: a }),
           !!l && /* @__PURE__ */ e("div", { className: "text-super-medium text-neutral-500", children: l })
         ] }),
-        /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", className: "px-4 py-2.5", ...t })
+        /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", className: "bg-primary-700 px-4 py-2.5", ...r })
       ] }),
-      !!s && /* @__PURE__ */ e("div", { className: `w-full justify-center lg:w-auto lg:items-end ${d}`, children: s })
+      !!m && /* @__PURE__ */ e("div", { className: `w-full justify-center lg:w-auto lg:items-end ${d}`, children: m })
     ]
   }
-) }), o = ({ image: a, children: l, className: t = "" }) => /* @__PURE__ */ r("div", { className: `relative flex items-end ${t}`, children: [
+) }), o = ({ image: a, children: l, className: r = "" }) => /* @__PURE__ */ t("div", { className: `relative flex items-end ${r}`, children: [
   /* @__PURE__ */ e("div", { className: "[&_img]:rounded-t-[0.75rem] [&_img]:shadow-[0px_-2px_6px_0px_rgba(2,55,74,0.15)] md:[&_img]:max-w-[25rem] lg:[&_img]:max-h-[30rem]", children: a }),
   l
-] }), g = ({ icon: a, text: l, className: t = "" }) => /* @__PURE__ */ r(
+] }), g = ({ icon: a, text: l, className: r = "" }) => /* @__PURE__ */ t(
   "div",
   {
-    className: `bg-primary-50 border-primary-200 shadow-small absolute flex items-center justify-center gap-1 rounded-md border p-1 ${t}`,
+    className: `bg-primary-50 border-primary-200 shadow-small absolute flex items-center justify-center gap-1 rounded-md border p-1 ${r}`,
     children: [
       /* @__PURE__ */ e("img", { src: a, alt: "", role: "img", className: "h-4 w-4" }),
       /* @__PURE__ */ e("span", { className: "text-primary-900 text-small font-bold", children: l })
     ]
   }
-), f = ({ icon: a, text: l, className: t = "" }) => /* @__PURE__ */ r(
+), f = ({ icon: a, text: l, className: r = "" }) => /* @__PURE__ */ t(
   "div",
   {
-    className: `shadow-small absolute flex items-center justify-center gap-1 rounded-md bg-neutral-50 p-2 ${t}`,
+    className: `shadow-small absolute flex items-center justify-center gap-1 rounded-md bg-neutral-50 p-2 ${r}`,
     children: [
       /* @__PURE__ */ e("img", { src: a, alt: "", role: "img", className: "h-5 w-5" }),
       /* @__PURE__ */ e("span", { className: "text-small text-primary-500", children: l })

package/dist/components/ExpertsSection.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { SectionHeading as n } from "./SectionHeading.js";
-const r = ({ header: i, experts: l }) => l.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-primary-50 px-6 pt-12 pb-8 md:pb-12", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-6xl", children: [
-  /* @__PURE__ */ e("div", { className: "mx-auto mb-20 w-11/12 text-center md:w-full", children: /* @__PURE__ */ e(n, { align: "center", ...i, hasMaxWidth: !1 }) }),
-  /* @__PURE__ */ e("div", { className: "mt-8 flex flex-col items-center justify-center gap-10 md:flex-row md:flex-wrap", children: l.map((t) => /* @__PURE__ */ a(
+const m = ({ header: i, experts: a }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-primary-50 px-6 pt-12 pb-8 md:pb-12", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl", children: [
+  /* @__PURE__ */ e("div", { className: "mx-auto mb-20 w-11/12 text-center md:w-full", children: /* @__PURE__ */ e(n, { align: "center", ...i, hasMaxWidth: !1, titleClass: "font-bold text-super-large" }) }),
+  /* @__PURE__ */ e("div", { className: "mt-8 flex flex-col items-center justify-center gap-10 md:flex-row md:flex-wrap", children: a.map((t) => /* @__PURE__ */ l(
     "article",
     {
       className: "flex w-80 flex-row items-center justify-start gap-6 rounded-2xl bg-white p-4 shadow-sm",
       children: [
         /* @__PURE__ */ e("div", { className: "min-w-28 shrink-0 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-lg", children: t.image }),
-        /* @__PURE__ */ a("div", { className: "flex flex-col items-start justify-start", children: [
+        /* @__PURE__ */ l("div", { className: "flex flex-col items-start justify-start", children: [
           /* @__PURE__ */ e("p", { className: "mb-2 w-3/4 min-w-fit font-sans text-lg leading-6 font-bold tracking-tight text-neutral-800", children: t.name }),
           /* @__PURE__ */ e("p", { className: "font-sans text-base leading-snug font-normal tracking-tight text-neutral-800", children: t.title })
         ] })
@@ -18,5 +18,5 @@ const r = ({ header: i, experts: l }) => l.length === 0 ? null : /* @__PURE__ */
   )) })
 ] }) });
 export {
-  r as ExpertsSection
+  m as ExpertsSection
 };

package/dist/components/GuidelinesSection.js

@@ -2,22 +2,22 @@ import { jsx as l, jsxs as a } from "react/jsx-runtime";
 import { SectionHeading as r } from "./SectionHeading.js";
 import { Markdown as i } from "./Markdown.js";
 import { LinkWrapper as m } from "./LinkWrapper.js";
-const f = ({ header: n, guidelineCards: s, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
-  /* @__PURE__ */ l(r, { ...n, align: "start", hasMaxWidth: !1 }),
+const g = ({ header: n, guidelineCards: s, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
+  /* @__PURE__ */ l(r, { ...n, align: "start", hasMaxWidth: !1, titleClass: "font-bold text-3xl" }),
   /* @__PURE__ */ l("div", { className: "my-8 flex flex-col gap-6 lg:mt-8 lg:mb-4 lg:flex-row", children: s.map((t) => /* @__PURE__ */ a("article", { className: "flex flex-1 flex-col rounded-2xl bg-white p-6 shadow-sm", children: [
     /* @__PURE__ */ l("div", { className: "w-full rounded-2xl", children: t.image }),
     /* @__PURE__ */ l("p", { className: "my-6 font-sans text-lg leading-6 font-bold tracking-[-0.3px] text-neutral-800", children: t.title }),
-    /* @__PURE__ */ l("div", { className: "font-sans text-base leading-[22px] text-neutral-800 [&_li]:mb-0 [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:list-disc", children: /* @__PURE__ */ l(i, { content: t.content }) })
+    /* @__PURE__ */ l("div", { className: "font-sans text-base leading-[22px] text-neutral-800 [&_li]:mb-0 [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:list-disc", children: /* @__PURE__ */ l(i, { content: t.content, variant: "legal" }) })
   ] }, t.title)) }),
   /* @__PURE__ */ a("div", { className: "my-8 flex flex-col justify-between overflow-hidden rounded-2xl bg-white shadow-sm lg:mb-4 lg:flex-row lg:overflow-visible lg:p-6", children: [
     /* @__PURE__ */ a("div", { className: "order-2 flex flex-1 flex-col justify-start p-6 text-neutral-800 lg:order-1 lg:mr-12 lg:p-0", children: [
       /* @__PURE__ */ l("p", { className: "mb-4 font-sans text-[18px] leading-[24px] font-bold tracking-[-0.3px] text-neutral-800", children: e.title }),
-      /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: /* @__PURE__ */ l(i, { content: e.content }) }),
-      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(m, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...e.cta }) })
+      /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: /* @__PURE__ */ l(i, { content: e.content, variant: "legal" }) }),
+      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(m, { size: "large", variant: "primary-green", className: "mt-8", ...e.cta }) })
     ] }),
     /* @__PURE__ */ l("div", { className: "order-1 mb-8 w-full lg:order-2 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ l("div", { className: "w-full", children: e.image }) })
   ] })
 ] }) });
 export {
-  f as GuidelinesSection
+  g as GuidelinesSection
 };

package/dist/components/IntroSection.js

@@ -1,15 +1,15 @@
 import { jsx as m, jsxs as o } from "react/jsx-runtime";
 import { TwoColumnSection as e } from "./TwoColumnSection.js";
 import { LinkWrapper as t } from "./LinkWrapper.js";
-const b = ({ image: s, children: i, cta: r, className: l, containerClassName: a }) => /* @__PURE__ */ m(
+const b = ({ image: s, children: i, cta: l, className: r, containerClassName: a }) => /* @__PURE__ */ m(
   e,
   {
-    className: l ?? "",
+    className: r ?? "",
     containerClassName: a,
     firstColumn: /* @__PURE__ */ m("div", { className: "mb-4 md:mr-6 md:mb-0 md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-2xl xl:[&_img]:h-full xl:[&_img]:object-cover", children: s }),
     secondColumn: /* @__PURE__ */ o("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
       i,
-      /* @__PURE__ */ m(t, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...r })
+      /* @__PURE__ */ m(t, { size: "large", variant: "primary-green", className: "mt-8", ...l })
     ] })
   }
 );

package/dist/components/Jumbotron3.d.ts

@@ -4,6 +4,5 @@ export declare const Jumbotron3: FC<Jumbotron3Props>;
 
 export declare interface Jumbotron3Props {
     title: string;
-    domain: string;
 }
 

package/dist/components/Jumbotron3.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-const a = ({ title: t, domain: r }) => /* @__PURE__ */ e("section", { className: "bg-white py-14", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-4xl text-center", children: /* @__PURE__ */ e("p", { className: "font-lora text-super-hero text-neutral-900", children: t + " " + r }) }) });
+const a = ({ title: r }) => /* @__PURE__ */ e("section", { className: "bg-primary-50 py-14", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-4xl text-center", children: /* @__PURE__ */ e("p", { className: "font-lora text-super-hero text-neutral-900", children: r }) }) });
 export {
   a as Jumbotron3
 };

package/dist/components/LegalTemplate.d.ts

@@ -2,7 +2,6 @@ import { FC } from 'react';
 
 export interface Jumbotron3Props {
     title: string;
-    domain: string;
 }
 
 export declare const LegalTemplate: FC<LegalTemplateProps>;

package/dist/components/LegalesTemplate.d.ts

@@ -3,7 +3,6 @@ import { ReactNode } from 'react';
 
 export interface Jumbotron3Props {
     title: string;
-    domain: string;
 }
 
 export declare const LegalesTemplate: FC<LegalesTemplateProps>;

package/dist/components/MissionSection.js

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { TwoColumnSection as o } from "./TwoColumnSection.js";
-import { Markdown as a } from "./Markdown.js";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { TwoColumnSection as s } from "./TwoColumnSection.js";
+import { Markdown as l } from "./Markdown.js";
 const m = ({ title: r, body: t, image: n }) => /* @__PURE__ */ e(
-  o,
+  s,
   {
     containerClassName: "gap-20 items-center",
-    firstColumn: /* @__PURE__ */ s("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
+    firstColumn: /* @__PURE__ */ a("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
       /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: r }),
-      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: /* @__PURE__ */ e(a, { content: t }) })
+      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: /* @__PURE__ */ e(l, { content: t, variant: "legal" }) })
     ] }),
     secondColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl", children: n }) })
   }

package/dist/components/NotFoundTemplate.d.ts

@@ -1,12 +1,84 @@
+import { ChangeEvent } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+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 ContactMethod {
+    id: string;
+    label?: ReactNode;
+    helper?: string;
+    variant: 'phone' | 'email' | 'location';
+}
+
+export interface ContactMethodsSectionProps {
+    items: ContactMethod[];
+}
+
+export interface DocumentItemProps {
+    id: string;
+    link: ReactNode;
+    description: string;
+    className?: string;
+}
+
+export type IconPosition = 'left' | 'right' | 'top';
+
+export interface IntroSectionProps {
+    image: ReactNode;
+    children: ReactNode;
+    cta: LinkWrapper;
+    className?: string;
+    containerClassName?: string;
+}
+
+export interface LinkWrapper {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ResponsiveButtonVariant;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+    className?: string;
+}
+
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export declare const NotFoundTemplate: FC<NotFoundTemplateProps>;
 
 export declare interface NotFoundTemplateProps {
-    image: ReactNode;
-    title: ReactNode;
-    message: ReactNode;
-    cta: ReactNode;
+    intro: IntroSectionProps;
+    popularDocuments: {
+        title: ReactNode;
+        documents: DocumentItemProps[];
+    };
+    searchBar: SearchBarProps;
+    contactMethods: ContactMethodsSectionProps;
+}
+
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
+export interface SearchBarProps {
+    items: SearchItem[];
+    placeholder?: string;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    searchValue?: string;
+    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    allDocumentsItem?: SearchItem;
+}
+
+export interface SearchItem {
+    id: string;
+    link: ReactNode;
 }
 

package/dist/components/NotFoundTemplate.js

@@ -1,13 +1,10 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { LinkWrapper as r } from "./LinkWrapper.js";
-const d = ({ image: l, title: t, message: a, cta: m }) => /* @__PURE__ */ e("main", { className: "flex-1", children: /* @__PURE__ */ n("div", { className: "bg-neutral-white flex flex-col items-center justify-center gap-8 px-5 py-12 text-center md:flex-row md:items-center md:justify-center md:gap-16 md:px-12 md:py-16 md:text-left lg:gap-20 lg:px-20 lg:py-20", children: [
-  l != null ? /* @__PURE__ */ e("div", { className: "shrink-0 [&_img]:h-auto [&_img]:w-full [&_img]:max-w-[320px] md:[&_img]:max-w-[380px] lg:[&_img]:max-w-[420px]", children: l }) : null,
-  /* @__PURE__ */ n("div", { className: "flex max-w-[420px] flex-col items-center gap-4 md:items-start md:gap-5", children: [
-    t != null ? /* @__PURE__ */ e("h1", { className: "font-lora text-[32px] leading-tight font-normal text-neutral-900 md:text-[40px] lg:text-[48px]", children: t }) : null,
-    a != null ? /* @__PURE__ */ e("p", { className: "text-base leading-relaxed text-neutral-600 md:text-lg", children: a }) : null,
-    m != null ? /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(r, { disabled: !1, variant: "primary-darkgreen", size: "large", className: "inline-flex", children: m }) }) : null
-  ] })
-] }) });
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { IntroSection as r } from "./IntroSection.js";
+import { ContactMethodsSection as t } from "./ContactMethodsSection.js";
+const i = ({ intro: e, contactMethods: o }) => /* @__PURE__ */ a("main", { className: "flex-1", children: [
+  /* @__PURE__ */ l(r, { ...e }),
+  /* @__PURE__ */ l("div", { className: "bg-neutral-25 w-full", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-8 px-6 py-16 lg:flex-row", children: /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-6", children: /* @__PURE__ */ l(t, { ...o }) }) }) })
+] });
 export {
-  d as NotFoundTemplate
+  i as NotFoundTemplate
 };

package/dist/components/Storyline.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { Markdown as s } from "./Markdown.js";
-const m = ({ title: n, text: o, storyItems: a }) => /* @__PURE__ */ t("section", { className: "bg-secondary-100 p-6 md:px-6 md:py-12", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl rounded-2xl bg-white p-6 md:p-12", children: [
+const m = ({ title: n, text: o, storyItems: l }) => /* @__PURE__ */ t("section", { className: "bg-secondary-100 p-6 md:px-6 md:py-12", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-6xl rounded-2xl bg-white p-6 md:p-12", children: [
   /* @__PURE__ */ t("h2", { className: "pb-6 font-sans text-3xl font-bold tracking-tight text-neutral-800", children: n }),
-  /* @__PURE__ */ t(s, { content: o }),
-  /* @__PURE__ */ l("ul", { className: "relative mt-4 pl-6 md:mt-0", children: [
+  /* @__PURE__ */ t(s, { content: o, variant: "legal" }),
+  /* @__PURE__ */ a("ul", { className: "relative mt-4 pl-6 md:mt-0", children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -11,13 +11,13 @@ const m = ({ title: n, text: o, storyItems: a }) => /* @__PURE__ */ t("section",
         "aria-hidden": "true"
       }
     ),
-    a.map((e, r) => /* @__PURE__ */ l(
+    l.map((e, r) => /* @__PURE__ */ a(
       "li",
       {
         className: "bg-neutral-25 relative mt-4 flex list-none flex-col rounded-2xl p-6 first:mt-0 md:flex-row",
         children: [
           r === 0 && /* @__PURE__ */ t("div", { className: "absolute top-0 bottom-1/2 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
-          r === a.length - 1 && /* @__PURE__ */ t("div", { className: "absolute top-1/2 bottom-0 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
+          r === l.length - 1 && /* @__PURE__ */ t("div", { className: "absolute top-1/2 bottom-0 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -26,7 +26,7 @@ const m = ({ title: n, text: o, storyItems: a }) => /* @__PURE__ */ t("section",
             }
           ),
           /* @__PURE__ */ t("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-neutral-200 p-2", children: e.icon }),
-          /* @__PURE__ */ l("div", { className: "md:flex-1 md:pl-4", children: [
+          /* @__PURE__ */ a("div", { className: "md:flex-1 md:pl-4", children: [
             /* @__PURE__ */ t("p", { className: "mt-4 font-sans text-lg font-bold text-neutral-800 md:mt-0", children: e.title }),
             /* @__PURE__ */ t("div", { className: "mt-2 font-sans text-base font-normal text-neutral-800", children: e.description })
           ] })

package/dist/components/UnsubscribeTemplate.d.ts

@@ -2,7 +2,6 @@ import { FC } from 'react';
 
 export interface Jumbotron3Props {
     title: string;
-    domain: string;
 }
 
 export interface MarkdownProps {

package/dist/components/ValuesSection.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { TwoColumnSection as n } from "./TwoColumnSection.js";
-import { Markdown as a } from "./Markdown.js";
-const m = ({ title: r, body: t, image: l }) => /* @__PURE__ */ e(
+import { Markdown as s } from "./Markdown.js";
+const m = ({ title: r, body: l, image: t }) => /* @__PURE__ */ e(
   n,
   {
     containerClassName: "gap-20 items-center flex-col-reverse",
-    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: l }) }),
-    secondColumn: /* @__PURE__ */ s("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
+    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: t }) }),
+    secondColumn: /* @__PURE__ */ a("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
       /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: r }),
-      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: /* @__PURE__ */ e(a, { content: t }) })
+      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: /* @__PURE__ */ e(s, { content: l, variant: "legal" }) })
     ] })
   }
 );