@npm_leadtech/legal-contracts-ui 0.99.7 → 0.100.0

package/dist/components/AboutUsTemplate.d.ts

@@ -24,7 +24,6 @@ export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'chil
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
-    href?: string;
 }
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -35,7 +34,7 @@ export interface ContactUsSectionProps {
     header: SectionHeadingProps;
     contactOptions: Array<{
         title: string;
-        description: string;
+        description?: string;
         icon: ReactNode;
         helper?: string;
     }>;

package/dist/components/AboutUsTemplate.js

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

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

package/dist/components/Button.d.ts

@@ -2,14 +2,13 @@ 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, href, ref, ...props }: ButtonProps) => JSX.Element;
+export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, 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,21 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
+import { getButtonClasses as p } from "./Button.utils.js";
 import "react";
-import { getButtonClasses as f } from "./Button.utils.js";
-const N = ({
+const x = ({
   children: o,
-  type: m = "button",
-  size: c = "default",
-  variant: u = "primary-green",
-  iconPosition: l = "left",
-  className: p,
+  type: r = "button",
+  size: s = "default",
+  variant: e = "primary-green",
+  iconPosition: a = "left",
+  className: n,
   disabled: t = !1,
-  href: s,
-  ref: r,
-  ...a
+  ref: m,
+  ...u
 }) => {
-  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 });
+  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 });
 };
 export {
-  N as Button
+  x as Button
 };

package/dist/components/CategoryProductTemplate.d.ts

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

package/dist/components/ContactMethodCard.d.ts

@@ -4,7 +4,7 @@ export declare interface ContactMethod {
     icon: React.ReactNode;
     label: string;
     helper?: string;
-    link?: string;
+    href?: string;
 }
 
 export declare const ContactMethodCard: FC<ContactMethod>;

package/dist/components/ContactMethodCard.js

@@ -1,9 +1,9 @@
 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: [
+const i = ({ icon: n, label: t, helper: r, href: 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 })
+    d ? /* @__PURE__ */ e("a", { href: d, className: "text-medium text-primary-800 font-bold underline-offset-4 hover:underline", children: t }) : /* @__PURE__ */ e("p", { className: "text-medium text-primary-800 font-bold", children: t }),
+    r && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: r })
   ] })
 ] });
 export {

package/dist/components/ContactMethodsSection.d.ts

@@ -5,7 +5,7 @@ export interface ContactMethod {
     icon: React.ReactNode;
     label: string;
     helper?: string;
-    link?: string;
+    href?: string;
 }
 
 export declare const ContactMethodsSection: FC<ContactMethodsSectionProps>;

package/dist/components/ContactUsSection.d.ts

@@ -7,7 +7,7 @@ export declare interface ContactUsSectionProps {
     header: SectionHeadingProps;
     contactOptions: Array<{
         title: string;
-        description: string;
+        description?: string;
         icon: ReactNode;
         helper?: string;
     }>;

package/dist/components/ContactUsSection.js

@@ -1,21 +1,23 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { SectionHeading as s } from "./SectionHeading.js";
-const d = ({ header: a, contactOptions: t }) => t.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-10", children: [
-  /* @__PURE__ */ e(s, { ...a }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: t.map((l) => /* @__PURE__ */ r(
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { SectionHeading as c } from "./SectionHeading.js";
+const n = ({ header: r, contactOptions: s }) => s.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 pt-16 pb-20", children: /* @__PURE__ */ t("div", { className: "mx-auto max-w-6xl space-y-10", children: [
+  /* @__PURE__ */ e(c, { ...r, className: "px-6" }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-6 sm:flex-row sm:items-start sm:justify-center", children: s.map((l) => /* @__PURE__ */ t(
     "article",
     {
-      className: "flex flex-col items-center gap-4 rounded-2xl bg-white p-6 text-center shadow-sm",
+      className: "flex h-36 w-52 flex-col items-center justify-center gap-4 rounded bg-white text-center shadow-sm",
       children: [
         /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-full p-3", children: l.icon }),
-        /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: l.title }),
-        /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l.description }),
-        l.helper && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: l.helper })
+        /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ e("p", { className: "text-neutral-800", children: l.title }),
+          /* @__PURE__ */ e("p", { className: "text-neutral-800", children: l.description }),
+          l.helper && /* @__PURE__ */ e("p", { className: "text-neutral-800", children: l.helper })
+        ] })
       ]
     },
     l.title
   )) })
 ] }) });
 export {
-  d as ContactUsSection
+  n as ContactUsSection
 };

package/dist/components/ContactUsTemplate.d.ts

@@ -5,7 +5,7 @@ export interface ContactMethod {
     icon: React.ReactNode;
     label: string;
     helper?: string;
-    link?: string;
+    href?: string;
 }
 
 export interface ContactMethodsSectionProps {

package/dist/components/ContactUsTemplate.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { ContactMethodsSection as a } from "./ContactMethodsSection.js";
-import { ContactFormSection as t } from "./ContactFormSection.js";
-import { Jumbotron2 as m } from "./Jumbotron2.js";
+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(m, { ...o }),
+  /* @__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(a, { ...r }) }),
-    /* @__PURE__ */ e(t, {})
+    /* @__PURE__ */ e("div", { className: "flex-1 space-y-8", children: /* @__PURE__ */ e(m, { ...r }) }),
+    /* @__PURE__ */ e(a, {})
   ] })
 ] }) });
 export {

package/dist/components/CtaSection.d.ts

@@ -7,7 +7,6 @@ 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,6 +8,5 @@ export declare interface DocumentItemProps {
     link: ReactNode;
     description: string;
     className?: string;
-    title: string;
 }
 

package/dist/components/DocumentItem.js

@@ -1,26 +1,22 @@
-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(
+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(
   "article",
   {
-    className: l(
+    className: n(
       '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-[""]',
-      n
+      i
     ),
     children: [
-      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__ */ 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("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 })
+      /* @__PURE__ */ e("p", { children: o })
     ]
   }
 );
 export {
-  f as DocumentItem
+  m as DocumentItem
 };

package/dist/components/DocumentSection.d.ts

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

package/dist/components/GuidelinesSection.d.ts

@@ -7,7 +7,6 @@ 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/Header.d.ts

@@ -99,12 +99,10 @@ export interface SearchBarProps {
     onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
     allDocumentsItem?: SearchItem;
-    noResultsText?: string;
 }
 
 export interface SearchItem {
     id: string;
     link: ReactNode;
-    label: string;
 }
 

package/dist/components/HowItWorksTemplate.d.ts

@@ -7,7 +7,6 @@ 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/IntroSection.d.ts

@@ -7,7 +7,6 @@ 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/IntroSection.js

@@ -1,18 +1,18 @@
-import { jsx as m, jsxs as r } from "react/jsx-runtime";
-import { TwoColumnSection as a } from "./TwoColumnSection.js";
-import { Button as o } from "./Button.js";
-const g = ({ image: s, children: e, cta: t, className: i, containerClassName: l }) => /* @__PURE__ */ m(
-  a,
+import { jsx as m, jsxs as o } from "react/jsx-runtime";
+import { TwoColumnSection as e } from "./TwoColumnSection.js";
+import { Button as t } from "./Button.js";
+const b = ({ image: s, children: i, cta: l, className: r, containerClassName: a }) => /* @__PURE__ */ m(
+  e,
   {
-    className: i ?? "bg-neutral-white",
-    containerClassName: l ?? "items-center text-center md:items-stretch md:text-left py-16 md:py-20 lg:gap-20",
+    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__ */ r("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
-      e,
-      /* @__PURE__ */ m(o, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...t })
+    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", ...l })
     ] })
   }
 );
 export {
-  g as IntroSection
+  b as IntroSection
 };

package/dist/components/MobileMenu.d.ts

@@ -45,12 +45,10 @@ export interface SearchBarProps {
     onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
     allDocumentsItem?: SearchItem;
-    noResultsText?: string;
 }
 
 export interface SearchItem {
     id: string;
     link: ReactNode;
-    label: string;
 }
 

package/dist/components/NotFoundTemplate.d.ts

@@ -1,14 +1,81 @@
+import { ChangeEvent } from 'react';
+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 ContactMethod {
+    icon: React.ReactNode;
+    label: string;
+    helper?: string;
+    href?: string;
+}
+
+export interface ContactMethodsSectionProps {
+    items: ContactMethod[];
+    title?: ReactNode;
+}
+
+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: ButtonProps;
+    className?: string;
+    containerClassName?: string;
+}
+
 export declare const NotFoundTemplate: FC<NotFoundTemplateProps>;
 
 export declare interface NotFoundTemplateProps {
-    intro: {
-        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,22 +1,19 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { LinkWrapper as m } from "./LinkWrapper.js";
-const i = ({ intro: l }) => /* @__PURE__ */ e("main", { className: "flex-1", children: /* @__PURE__ */ a("div", { className: "bg-neutral-white flex flex-col items-center py-16 text-center md:flex-row md:py-20 md:text-left lg:gap-20", children: [
-  l.image != null ? /* @__PURE__ */ e("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: l.image }) : null,
-  /* @__PURE__ */ a("div", { className: "mt-4 flex basis-full flex-col items-center md:mt-0 md:basis-56/100 md:items-start lg:basis-59/100 xl:basis-60/100", children: [
-    l.title != null ? /* @__PURE__ */ e("h1", { className: "font-lora text-extra-large font-normal text-neutral-800", children: l.title }) : null,
-    l.message != null ? /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l.message }) : null,
-    l.cta != null ? /* @__PURE__ */ e(
-      m,
-      {
-        disabled: !1,
-        variant: "primary-darkgreen",
-        size: "large",
-        className: "mt-8 flex w-full justify-center md:justify-start",
-        children: l.cta
-      }
-    ) : null
-  ] })
-] }) });
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { IntroSection as c } from "./IntroSection.js";
+import { Card as o } from "./Card.js";
+import { ContactMethodsSection as n } from "./ContactMethodsSection.js";
+import { DocumentItem as s } from "./DocumentItem.js";
+import { SearchBar as f } from "./SearchBar.js";
+const g = ({ intro: m, popularDocuments: r, searchBar: t, contactMethods: i }) => /* @__PURE__ */ l("main", { className: "flex-1", children: [
+  /* @__PURE__ */ e(c, { ...m }),
+  /* @__PURE__ */ e("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__ */ e(o, { title: r.title, children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4 pb-6", children: r.documents.map((a) => /* @__PURE__ */ e(s, { ...a, className: "w-48/100 shadow-none" }, a.id)) }) }),
+    /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-6", children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(f, { ...t }) }),
+      /* @__PURE__ */ e(n, { ...i })
+    ] })
+  ] }) })
+] });
 export {
-  i as NotFoundTemplate
+  g as NotFoundTemplate
 };

package/dist/components/SearchBar.d.ts

@@ -13,12 +13,10 @@ export declare interface SearchBarProps {
     onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onClear?: () => void;
     allDocumentsItem?: SearchItem;
-    noResultsText?: string;
 }
 
 export declare interface SearchItem {
     id: string;
     link: ReactNode;
-    label: string;
 }