@npm_leadtech/legal-contracts-ui 0.19.1 → 0.20.1

package/dist/components/AboutUsTemplate.d.ts

@@ -76,6 +76,7 @@ export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
     cta: ButtonProps;
+    className?: string;
 }
 
 export interface Jumbotron2Props {

package/dist/components/AboutUsTemplate.js

@@ -1,42 +1,42 @@
-import { jsxs as a, 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 C } from "./GuidelinesSection.js";
-import { ExpertsSection as T } from "./ExpertsSection.js";
-import { TrustpilotSection as U } from "./TrustpilotSection.js";
-import { PartnersSection as h } from "./PartnersSection.js";
-import { CtaSection as w } from "./CtaSection.js";
-import { ContactUsSection as y } from "./ContactUsSection.js";
-import { Jumbotron2 as A } from "./Jumbotron2.js";
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { MissionSection as u } from "./MissionSection.js";
+import { ValuesSection as x } from "./ValuesSection.js";
+import { Storyline as b } from "./Storyline.js";
+import { WeHelpSection as 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 T } from "./CtaSection.js";
+import { ContactUsSection as U } from "./ContactUsSection.js";
+import { Jumbotron2 as g } from "./Jumbotron2.js";
+import { IntroSection as h } from "./IntroSection.js";
 const v = ({
   jumbotron: t,
   intro: r,
-  mission: i,
-  coreValues: m,
+  mission: m,
+  coreValues: i,
   storyline: e,
   howWeHelp: n,
   guidelines: p,
   experts: f,
-  trustpilot: c,
-  partners: l,
-  cta: s,
-  contactUs: S
-}) => /* @__PURE__ */ a("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(A, { ...t }),
-  /* @__PURE__ */ o(u, { ...r }),
+  trustpilot: s,
+  partners: c,
+  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(h, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(u, { ...m }),
   /* @__PURE__ */ o(x, { ...i }),
-  /* @__PURE__ */ o(b, { ...m }),
-  /* @__PURE__ */ o(d, { ...e }),
-  /* @__PURE__ */ o(j, { ...n }),
-  /* @__PURE__ */ o(C, { ...p }),
-  /* @__PURE__ */ o(T, { ...f }),
-  /* @__PURE__ */ o(U, { ...c }),
-  /* @__PURE__ */ o(h, { ...l }),
-  /* @__PURE__ */ o(w, { ...s }),
-  /* @__PURE__ */ o(y, { ...S })
+  /* @__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(T, { ...l }),
+  /* @__PURE__ */ o(U, { ...a })
 ] });
 export {
   v as AboutUsTemplate

package/dist/components/AllDocumentsTemplate.d.ts

@@ -20,13 +20,6 @@ export interface BreadcrumbProps {
     className?: string;
 }
 
-export interface DocumentCardProps {
-    title: string;
-    description: string;
-    featured?: boolean;
-    className?: string;
-}
-
 export interface DocumentCategoriesProps {
     title: string;
     categories: Array<{
@@ -36,12 +29,20 @@ export interface DocumentCategoriesProps {
     }>;
 }
 
+export interface DocumentItemProps {
+    id: string;
+    title: string;
+    description: string;
+    featured?: boolean;
+    className?: string;
+}
+
 export interface DocumentSectionProps {
     id: string;
     title: string;
     description: string;
     icon: ReactNode;
-    documents: DocumentCardProps[];
+    documents: DocumentItemProps[];
 }
 
 export interface FaqItemProps {

package/dist/components/AllDocumentsTemplate.js

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { JumboCard as s } from "./JumboCard.js";
-import { DocumentCategories as n } from "./DocumentCategories.js";
-import { DocumentSection as p } from "./DocumentSection.js";
-import { Breadcrumb as f } from "./Breadcrumb.js";
+import { Breadcrumb as n } from "./Breadcrumb.js";
+import { DocumentCategories as p } from "./DocumentCategories.js";
+import { DocumentSection as f } from "./DocumentSection.js";
 import { MarkdownSection as d } from "./MarkdownSection.js";
 import { FaqSection as u } from "./FaqSection.js";
 const v = ({
@@ -14,11 +14,11 @@ const v = ({
   faqSection: c
 }) => /* @__PURE__ */ m("main", { className: "mx-auto max-w-6xl flex-1", children: [
   /* @__PURE__ */ e(s, { ...o }),
-  /* @__PURE__ */ e(f, { ...a, className: "pb-4" }),
+  /* @__PURE__ */ e(n, { ...a, className: "pb-4" }),
   /* @__PURE__ */ m("div", { className: "container mx-auto flex flex-col justify-center gap-30 lg:flex-row", children: [
-    /* @__PURE__ */ e(n, { ...t }),
+    /* @__PURE__ */ e(p, { ...t }),
     /* @__PURE__ */ m("div", { className: "", children: [
-      i.map((r) => /* @__PURE__ */ e(p, { ...r }, r.id)),
+      i.map((r) => /* @__PURE__ */ e(f, { ...r }, r.id)),
       /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 }),
       /* @__PURE__ */ e(d, { ...l }),
       /* @__PURE__ */ e(u, { ...c, className: "pb-6" })

package/dist/components/ArticlesSection.d.ts

@@ -2,9 +2,9 @@ import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export declare const ArticlesSection: FC<ArticlesSectionProps>;
+export declare const ArticlesSection: FC<BlogSectionProps>;
 
-export declare interface ArticlesSectionProps {
+export declare interface BlogSectionProps {
     header: SectionHeadingProps;
     articles?: Array<{
         title: string;

package/dist/components/ArticlesSection.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as n } from "./SectionHeading.js";
+import { SectionHeading as d } from "./SectionHeading.js";
 import { Button as s } from "./Button.js";
 const x = ({ header: i, articles: t = [], cta: a }) => t.length === 0 ? null : /* @__PURE__ */ e("section", { className: "px-6 pt-16 pb-20", children: /* @__PURE__ */ r("div", { className: "mx-auto max-w-6xl space-y-8", children: [
-  /* @__PURE__ */ e(n, { ...i }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2", children: t.map((l) => /* @__PURE__ */ r("article", { className: "flex rounded-lg bg-white shadow", children: [
-    /* @__PURE__ */ e("div", { className: "relative w-48 shrink-0 overflow-hidden rounded-l-lg", children: l.image }),
+  /* @__PURE__ */ e(d, { ...i }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2", children: t.map((l) => /* @__PURE__ */ r("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
+    /* @__PURE__ */ e("div", { className: "relative h-48 shrink-0 overflow-hidden rounded-l-sm md:h-auto md:w-48", children: l.image }),
     /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-4 border-l border-neutral-200 p-6", children: [
       /* @__PURE__ */ e("h3", { className: "text-big font-semibold text-neutral-900", children: l.title }),
       /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l.excerpt }),

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

@@ -0,0 +1,110 @@
+import { ComponentPropsWithRef } from 'react';
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export interface BlogSectionProps {
+    header: SectionHeadingProps;
+    articles?: Array<{
+        title: string;
+        image: ReactNode;
+        excerpt: string;
+        cta: ReactNode;
+    }>;
+    cta: ButtonProps;
+}
+
+export interface BreadcrumbProps {
+    breadcrumbs?: Array<{
+        label: string;
+        href?: string;
+    }>;
+    className?: string;
+}
+
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    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' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
+
+export declare const CategoryProductTemplate: FC<CategoryProductTemplateProps>;
+
+export declare interface CategoryProductTemplateProps {
+    jumbo: JumboCardProps;
+    breadcrumb: BreadcrumbProps;
+    categories: DocumentCategoriesProps;
+    documentSections: DocumentSectionProps[];
+    ctaSection: MarkdownSectionProps;
+    faqSection: FaqSectionProps;
+    articles: BlogSectionProps;
+}
+
+export interface DocumentCategoriesProps {
+    title: string;
+    categories: Array<{
+        id: string;
+        title: string;
+        icon: ReactNode;
+    }>;
+}
+
+export interface DocumentItemProps {
+    id: string;
+    title: string;
+    description: string;
+    featured?: boolean;
+    className?: string;
+}
+
+export interface DocumentSectionProps {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+    documents: DocumentItemProps[];
+}
+
+export interface FaqItemProps {
+    question: string;
+    answer?: string;
+    extra?: string;
+}
+
+export interface FaqSectionProps {
+    title?: string;
+    description?: ReactNode;
+    faqItems: FaqItemProps[];
+    className?: string;
+}
+
+export type IconPosition = 'left' | 'right' | 'top';
+
+export interface JumboCardProps {
+    title: string;
+    description: string;
+    subtitle: string;
+    image: ReactNode;
+}
+
+export interface MarkdownProps {
+    content: string;
+    className?: string;
+}
+
+export interface MarkdownSectionProps {
+    header: SectionHeadingProps;
+    markdown: MarkdownProps;
+    children?: ReactNode;
+}
+
+export interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+}
+

package/dist/components/CategoryProductTemplate.js

@@ -0,0 +1,33 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { JumboCard as n } from "./JumboCard.js";
+import { DocumentCategories as p } from "./DocumentCategories.js";
+import { DocumentSection as f } from "./DocumentSection.js";
+import { Breadcrumb as d } from "./Breadcrumb.js";
+import { MarkdownSection as u } from "./MarkdownSection.js";
+import { FaqSection as x } from "./FaqSection.js";
+import { ArticlesSection as N } from "./ArticlesSection.js";
+const y = ({
+  jumbo: m,
+  breadcrumb: a,
+  categories: t,
+  documentSections: i,
+  ctaSection: c,
+  faqSection: l,
+  articles: s
+}) => /* @__PURE__ */ e("main", { className: "mx-auto max-w-6xl flex-1", children: [
+  /* @__PURE__ */ r(n, { ...m }),
+  /* @__PURE__ */ r(d, { ...a, className: "pb-4" }),
+  /* @__PURE__ */ e("div", { className: "container mx-auto flex flex-col justify-center gap-30 lg:flex-row", children: [
+    /* @__PURE__ */ r(p, { ...t }),
+    /* @__PURE__ */ e("div", { className: "", children: [
+      i.map((o) => /* @__PURE__ */ r(f, { ...o }, o.id)),
+      /* @__PURE__ */ r("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 }),
+      /* @__PURE__ */ r(u, { ...c }),
+      /* @__PURE__ */ r(x, { ...l, className: "pb-6" }),
+      /* @__PURE__ */ r(N, { ...s })
+    ] })
+  ] })
+] });
+export {
+  y as CategoryProductTemplate
+};

package/dist/components/ContactMethodsSection.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { ReactNode } from 'react';
 
 export interface ContactMethod {
     icon: React.ReactNode;
@@ -11,5 +12,6 @@ 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 e } from "react/jsx-runtime";
-import { ContactMethodCard as t } from "./ContactMethodCard.js";
-const d = ({ items: o }) => /* @__PURE__ */ e("section", { "aria-labelledby": "contact-methods-heading", className: "rounded-xl bg-white p-6 shadow-md", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: o.map((a) => /* @__PURE__ */ e(t, { ...a }, a.label)) }) });
+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 {
-  d as ContactMethodsSection
+  n as ContactMethodsSection
 };

package/dist/components/ContactUsTemplate.d.ts

@@ -10,6 +10,7 @@ export interface ContactMethod {
 
 export interface ContactMethodsSectionProps {
     items: ContactMethod[];
+    title?: ReactNode;
 }
 
 export declare const ContactUsTemplate: FC<ContactUsTemplateProps>;

package/dist/components/ContactUsTemplate.js

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { ContactMethodsSection as a } from "./ContactMethodsSection.js";
-import { MarkdownSection as m } from "./MarkdownSection.js";
-import { ContactFormSection as i } from "./ContactFormSection.js";
-import { Jumbotron2 as c } from "./Jumbotron2.js";
+import { MarkdownSection as a } from "./MarkdownSection.js";
+import { ContactFormSection as m } from "./ContactFormSection.js";
+import { Jumbotron2 as i } from "./Jumbotron2.js";
+import { ContactMethodsSection as c } from "./ContactMethodsSection.js";
 const d = ({ jumbotron: l, contactMethods: r, faqs: t }) => /* @__PURE__ */ e("main", { className: "bg-primary-50 flex-1 px-4 py-12 lg:px-0", children: /* @__PURE__ */ o("div", { className: "relative mx-auto flex w-full max-w-6xl flex-col gap-12", children: [
-  /* @__PURE__ */ e(c, { ...l }),
+  /* @__PURE__ */ e(i, { ...l }),
   /* @__PURE__ */ o("div", { className: "relative flex flex-col gap-10 lg:flex-row", children: [
     /* @__PURE__ */ o("div", { className: "flex-1 space-y-8", children: [
-      /* @__PURE__ */ e(a, { ...r }),
-      /* @__PURE__ */ e(m, { ...t })
+      /* @__PURE__ */ e(c, { ...r }),
+      /* @__PURE__ */ e(a, { ...t })
     ] }),
-    /* @__PURE__ */ e(i, {})
+    /* @__PURE__ */ e(m, {})
   ] })
 ] }) });
 export {

package/dist/components/DocumentItem.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+export declare const DocumentItem: FC<DocumentItemProps>;
+
+export declare interface DocumentItemProps {
+    id: string;
+    title: string;
+    description: string;
+    featured?: boolean;
+    className?: string;
+}
+

package/dist/components/{DocumentCard.js → DocumentItem.js}

@@ -1,18 +1,19 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { ChevronRightIcon as s } from "./ChevronRightIcon.js";
-const l = ({ title: t, description: a, featured: d, className: o = "" }) => /* @__PURE__ */ r(
+import { ChevronRightIcon as m } from "./ChevronRightIcon.js";
+const n = ({ id: t, title: a, description: o, featured: s, className: d = "" }) => /* @__PURE__ */ r(
   "article",
   {
-    className: `rounded bg-white p-6 shadow-sm transition-shadow hover:shadow-md ${d ? "border-primary-500 border-2" : "border border-neutral-200"} ${o}`,
+    className: `rounded bg-white p-6 shadow-sm transition-shadow hover:shadow-md ${s ? "border-primary-500 border-2" : "border border-neutral-200"} ${d}`,
     children: [
       /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
-        /* @__PURE__ */ e("p", { className: "text-medium flex-1 font-bold text-neutral-800", children: t }),
-        /* @__PURE__ */ e(s, { className: "h-5 w-5 text-neutral-800", "aria-hidden": !0 })
+        /* @__PURE__ */ e("p", { className: "text-medium flex-1 font-bold text-neutral-800", children: a }),
+        /* @__PURE__ */ e(m, { className: "h-5 w-5 text-neutral-800", "aria-hidden": !0 })
       ] }),
-      /* @__PURE__ */ e("p", { className: "text-medium mt-2 text-neutral-800", children: a })
+      /* @__PURE__ */ e("p", { className: "text-medium mt-2 text-neutral-800", children: o })
     ]
-  }
+  },
+  t
 );
 export {
-  l as DocumentCard
+  n as DocumentItem
 };

package/dist/components/DocumentSection.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface DocumentCardProps {
+export interface DocumentItemProps {
+    id: string;
     title: string;
     description: string;
     featured?: boolean;
@@ -15,6 +16,6 @@ export declare interface DocumentSectionProps {
     title: string;
     description: string;
     icon: ReactNode;
-    documents: DocumentCardProps[];
+    documents: DocumentItemProps[];
 }
 

package/dist/components/DocumentSection.js

@@ -1,14 +1,14 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { DocumentCard as n } from "./DocumentCard.js";
-const p = ({ id: l, title: t, description: s, icon: c, documents: m }) => /* @__PURE__ */ a("article", { id: l, className: "flex-1 scroll-mt-32 space-y-6", children: [
+import { DocumentItem as n } from "./DocumentItem.js";
+const p = ({ id: l, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ a("article", { id: l, className: "flex-1 scroll-mt-32 space-y-6", children: [
   /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-4 rounded p-6", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ e("span", { className: "bg-primary-50 rounded-md p-3", "aria-hidden": !0, children: c }),
-      /* @__PURE__ */ e("p", { className: "font-lora text-super-large text-neutral-900", children: t })
+      /* @__PURE__ */ e("p", { className: "font-lora text-super-large text-neutral-900", children: s })
     ] }),
-    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: s })
+    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: t })
   ] }),
-  /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-6 pb-6", children: m.map((r) => /* @__PURE__ */ e(n, { ...r, className: "w-48/100" }, r.title)) })
+  /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-6 pb-6", children: m.map((r) => /* @__PURE__ */ e(n, { ...r, className: "w-48/100" }, r.id)) })
 ] }, l);
 export {
   p as DocumentSection

package/dist/components/HomeTemplate.d.ts

@@ -2,7 +2,7 @@ import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface ArticlesSectionProps {
+export interface BlogSectionProps {
     header: SectionHeadingProps;
     articles?: Array<{
         title: string;
@@ -54,17 +54,27 @@ export interface HeroSectionProps {
     backgroundImage?: string;
 }
 
+export interface HomeStepsProps {
+    image: ReactNode;
+    header: SectionHeadingProps;
+    steps: Array<{
+        title: string;
+        description: string;
+        image: ReactNode;
+    }>;
+}
+
 export declare const HomeTemplate: FC<HomeTemplateProps>;
 
 export declare interface HomeTemplateProps {
     hero?: HeroSectionProps;
-    moreTemplates?: MoreTemplatesSectionProps;
-    process?: ProcessSectionProps;
+    moreTemplates?: PopularDocumentsProps;
+    process?: HomeStepsProps;
     categories?: CategoriesSectionProps;
-    ratafia?: RatafiaSectionProps;
+    ratafia?: LawGeniusSectionProps;
     trust?: TrustSectionProps;
     faqTeaser?: FaqTeaserSectionProps;
-    articles?: ArticlesSectionProps;
+    articles?: BlogSectionProps;
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
@@ -79,22 +89,7 @@ export interface ItemProps {
     className?: string;
 }
 
-export interface MoreTemplatesSectionProps {
-    header: SectionHeadingProps;
-    moreDocuments?: ItemProps[];
-}
-
-export interface ProcessSectionProps {
-    image: ReactNode;
-    header: SectionHeadingProps;
-    steps: Array<{
-        title: string;
-        description: string;
-        image: ReactNode;
-    }>;
-}
-
-export interface RatafiaSectionProps {
+export interface LawGeniusSectionProps {
     title: string;
     content: ReactNode;
     benefits: Array<{
@@ -105,6 +100,11 @@ export interface RatafiaSectionProps {
     image: ReactNode;
 }
 
+export interface PopularDocumentsProps {
+    header: SectionHeadingProps;
+    moreDocuments?: ItemProps[];
+}
+
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/IntroSection.d.ts

@@ -21,5 +21,6 @@ export declare interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
     cta: ButtonProps;
+    className?: string;
 }
 

package/dist/components/IntroSection.js

@@ -1,17 +1,17 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { TwoColumnSection as l } from "./TwoColumnSection.js";
-import { Button as o } from "./Button.js";
-const d = ({ image: m, children: r, cta: a }) => /* @__PURE__ */ s(
-  l,
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { TwoColumnSection as o } from "./TwoColumnSection.js";
+import { Button as t } from "./Button.js";
+const c = ({ image: m, children: r, cta: a, className: i }) => /* @__PURE__ */ s(
+  o,
   {
-    className: "bg-primary-50",
+    className: i ?? "",
     firstColumn: /* @__PURE__ */ s("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", children: m }),
-    secondColumn: /* @__PURE__ */ i("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
+    secondColumn: /* @__PURE__ */ l("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
       r,
-      /* @__PURE__ */ s(o, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...a })
+      /* @__PURE__ */ s(t, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...a })
     ] })
   }
 );
 export {
-  d as IntroSection
+  c as IntroSection
 };

package/dist/components/MoreTemplatesSection.d.ts

@@ -11,9 +11,9 @@ export interface ItemProps {
     className?: string;
 }
 
-export declare const MoreTemplatesSection: FC<MoreTemplatesSectionProps>;
+export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;
 
-export declare interface MoreTemplatesSectionProps {
+export declare interface PopularDocumentsProps {
     header: SectionHeadingProps;
     moreDocuments?: ItemProps[];
 }