@npm_leadtech/legal-contracts-ui 0.74.0 → 0.74.1

package/dist/components/AboutUsTemplate.d.ts

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

package/dist/components/BlogSection.d.ts

@@ -4,14 +4,15 @@ import { ReactNode } from 'react';
 export declare const BlogSection: FC<BlogSectionProps>;
 
 export declare interface BlogSectionProps {
-    header: SectionHeadingProps;
+    header: SectionHeadingProps | null;
     articles: {
         title: string;
         image: ReactNode;
         description: string;
         cta: ReactNode;
     }[];
-    cta: ReactNode;
+    cta: ReactNode | null;
+    className?: string;
 }
 
 export interface SectionHeadingProps {

package/dist/components/BlogSection.js

@@ -1,19 +1,20 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as o } from "./SectionHeading.js";
-import { LinkWrapper as r } from "./LinkWrapper.js";
-const x = ({ header: t, articles: a, cta: m }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "mx-auto px-8 pt-10 pb-12 lg:px-12 lg:pb-14 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
-  /* @__PURE__ */ e(o, { ...t }),
+import s from "clsx";
+import { SectionHeading as n } from "./SectionHeading.js";
+import { LinkWrapper as o } from "./LinkWrapper.js";
+const h = ({ header: r, articles: a, cta: m, className: t = "" }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: s("mx-auto px-8 lg:px-12 xl:max-w-300 xl:px-0", t), children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
+  r && /* @__PURE__ */ e(n, { ...r }),
   /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: a.map((l) => /* @__PURE__ */ i("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
     /* @__PURE__ */ e("div", { className: "relative h-42 shrink-0 overflow-hidden rounded-l-sm md:h-50 lg:h-auto lg:max-w-51 [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l.image }),
     /* @__PURE__ */ i("div", { className: "flex flex-col gap-4 p-6 text-neutral-800", children: [
       /* @__PURE__ */ e("h3", { className: "text-big font-semibold", children: l.title }),
       /* @__PURE__ */ e("p", { className: "text-medium", children: l.description }),
-      /* @__PURE__ */ e(r, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
+      /* @__PURE__ */ e(o, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
     ] })
   ] }, l.title)) }),
-  /* @__PURE__ */ e(r, { className: "w-full md:w-fit", variant: "secondary-green", children: m })
+  !!m && /* @__PURE__ */ e(o, { className: "w-full md:w-fit", variant: "secondary-green", children: m })
 ] }) });
 export {
-  x as BlogSection
+  h as BlogSection
 };

package/dist/components/CategoryProductTemplate.d.ts

@@ -1,27 +1,16 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
-export interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {
-    format: 'Alternative';
-}
-
-export interface BaseSubtypeDocumentProps {
-    id: string;
-    link: ReactNode;
-    sampleImage: ReactNode;
-    pdfDownload: ReactNode;
-    wordDownload: ReactNode;
-}
-
 export interface BlogSectionProps {
-    header: SectionHeadingProps;
+    header: SectionHeadingProps | null;
     articles: {
         title: string;
         image: ReactNode;
         description: string;
         cta: ReactNode;
     }[];
-    cta: ReactNode;
+    cta: ReactNode | null;
+    className?: string;
 }
 
 export interface BreadcrumbProps {
@@ -39,31 +28,10 @@ export declare interface CategoryProductTemplateProps {
     breadcrumb: BreadcrumbProps;
     categories: DocumentCategoriesProps;
     documentSections: DocumentSectionProps[];
-    contentItems: ContentItemProps[];
     faqSection: FaqSectionProps;
     articles: BlogSectionProps;
 }
 
-export interface ContentItemProps {
-    id: string;
-    title: string | null;
-    content: string | null;
-    linkedProducts: LinkedProductProps[];
-    sampleImage: ImageWithPreviewProps | null;
-    cta: ReactNode | null;
-    docsModules: {
-        pdfDownload: ReactNode;
-        wordDownload: ReactNode;
-    } | null;
-    subtypeDocs: SubtypeDocumentProps[];
-}
-
-export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
-    format: 'Default';
-    createDocButton: ReactNode;
-    description: string;
-}
-
 export interface DocumentCategoriesProps {
     title: string;
     categories: {
@@ -103,11 +71,6 @@ export interface FaqSectionProps {
     className?: string;
 }
 
-export interface ImageWithPreviewProps {
-    small: ReactNode;
-    large: ReactNode;
-}
-
 export interface JumboCardProps {
     title: string;
     description: string;
@@ -116,11 +79,6 @@ export interface JumboCardProps {
     lastUpdate?: string;
 }
 
-export interface LinkedProductProps {
-    slug: string;
-    children: ReactNode;
-}
-
 export interface SectionHeadingProps {
     title: string;
     description?: string;
@@ -128,6 +86,4 @@ export interface SectionHeadingProps {
     titleClass?: string;
     className?: string;
 }
-
-export type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
 

package/dist/components/CategoryProductTemplate.js

@@ -1,33 +1,41 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { JumboCard as s } 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 { ContentItem as u } from "./ContentItem.js";
-import { FaqSection as x } from "./FaqSection.js";
-import { BlogSection as g } from "./BlogSection.js";
-const y = ({
-  jumbo: e,
-  breadcrumb: a,
-  categories: t,
-  documentSections: i,
-  contentItems: l,
-  faqSection: c,
-  articles: n
-}) => /* @__PURE__ */ o("main", { className: "mx-auto max-w-6xl flex-1", children: [
-  /* @__PURE__ */ r(s, { ...e }),
-  /* @__PURE__ */ r(d, { ...a, className: "pb-4" }),
-  /* @__PURE__ */ o("div", { className: "container mx-auto flex flex-col justify-center gap-30 lg:flex-row", children: [
-    /* @__PURE__ */ r(p, { ...t }),
-    /* @__PURE__ */ o("div", { className: "", children: [
-      i.map((m) => /* @__PURE__ */ r(f, { ...m }, m.id)),
-      /* @__PURE__ */ r("div", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 }),
-      l.map((m) => /* @__PURE__ */ r(u, { ...m }, m.id)),
-      /* @__PURE__ */ r(x, { ...c, className: "pb-6" }),
-      /* @__PURE__ */ r(g, { ...n })
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { JumboCard as i } from "./JumboCard.js";
+import { DocumentCategories as c } from "./DocumentCategories.js";
+import { DocumentSection as n } from "./DocumentSection.js";
+import { Breadcrumb as x } from "./Breadcrumb.js";
+import { FaqSection as f } from "./FaqSection.js";
+import { BlogSection as d } from "./BlogSection.js";
+const w = ({
+  jumbo: r,
+  breadcrumb: o,
+  categories: m,
+  documentSections: s,
+  faqSection: p,
+  articles: a
+}) => /* @__PURE__ */ l("main", { className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0", children: [
+  /* @__PURE__ */ e(i, { ...r }),
+  /* @__PURE__ */ e(x, { ...o, className: "pt-2" }),
+  /* @__PURE__ */ l("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
+    /* @__PURE__ */ e("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ e(c, { ...m }) }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-10", children: [
+      s.map((t) => /* @__PURE__ */ e(n, { ...t }, t.id)),
+      /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
+      /* @__PURE__ */ e(f, { ...p }),
+      /* @__PURE__ */ e(
+        d,
+        {
+          ...a,
+          header: a.header ? {
+            ...a.header,
+            align: "start",
+            titleClass: "font-bold font-inter text-super-large",
+            className: "w-full"
+          } : null
+        }
+      )
     ] })
   ] })
 ] });
 export {
-  y as CategoryProductTemplate
+  w as CategoryProductTemplate
 };

package/dist/components/DocumentSection.js

@@ -1,15 +1,16 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { DocumentItem as m } from "./DocumentItem.js";
-const n = ({ id: r, title: s, description: c, icon: t, documents: i }) => /* @__PURE__ */ l("article", { id: r, className: "flex scroll-mt-24 flex-col gap-6", children: [
+import { DocumentItem as i } from "./DocumentItem.js";
+import { Markdown as o } from "./Markdown.js";
+const x = ({ id: r, title: t, description: s, icon: c, documents: m }) => /* @__PURE__ */ l("article", { id: r, className: "flex scroll-mt-24 flex-col gap-6", children: [
   /* @__PURE__ */ l("div", { className: "flex items-start gap-4 rounded bg-neutral-50 p-6", children: [
-    t,
+    c,
     /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-2 text-neutral-800", children: [
-      /* @__PURE__ */ e("p", { className: "font-lora text-super-large", children: s }),
-      /* @__PURE__ */ e("p", { className: "text-medium", children: c })
+      /* @__PURE__ */ e("p", { className: "font-lora text-super-large", children: t }),
+      /* @__PURE__ */ e(o, { className: "text-medium [&_p:last-child]:mb-0", content: s })
     ] })
   ] }),
-  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2", children: i.map((a) => /* @__PURE__ */ e(m, { ...a, className: "w-full" }, a.id)) })
+  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2", children: m.map((a) => /* @__PURE__ */ e(i, { ...a, className: "w-full" }, a.id)) })
 ] });
 export {
-  n as DocumentSection
+  x as DocumentSection
 };

package/dist/components/HomeTemplate.d.ts

@@ -2,14 +2,15 @@ import { FC } from 'react';
 import { ReactNode } from 'react';
 
 export interface BlogSectionProps {
-    header: SectionHeadingProps;
+    header: SectionHeadingProps | null;
     articles: {
         title: string;
         image: ReactNode;
         description: string;
         cta: ReactNode;
     }[];
-    cta: ReactNode;
+    cta: ReactNode | null;
+    className?: string;
 }
 
 export interface CategoriesSectionProps {
@@ -81,21 +82,13 @@ export interface ItemProps {
 export interface LawGeniusSectionProps {
     title: string;
     content: string;
-    benefits?: {
+    benefits: {
         id: string;
         label: string;
         icon: ReactNode;
     }[];
-    /** When set, renders below the markdown instead of benefit chips (e.g. stacked AI step cards). */
-    stepsSlot?: ReactNode;
-    /** Optional copy between steps and CTA (centered + steps layout only). */
-    belowStepsSlot?: ReactNode;
     cta: ReactNode;
     image: ReactNode;
-    /** When true with `stepsSlot`, skips LinkWrapper around `cta` (e.g. plain Button). */
-    skipCtaWrapper?: boolean;
-    sectionClassName?: string;
-    innerClassName?: string;
 }
 
 export interface PopularDocumentsProps {

package/dist/components/HomeTemplate.js

@@ -1,32 +1,32 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import "react";
-import { HeroSection as s } from "./HeroSection.js";
-import { MoreTemplatesSection as a } from "./MoreTemplatesSection.js";
-import { ProcessSection as S } from "./ProcessSection.js";
-import { CategoriesSection as l } from "./CategoriesSection.js";
+import { HeroSection as n } from "./HeroSection.js";
+import { MoreTemplatesSection as f } from "./MoreTemplatesSection.js";
+import { ProcessSection as l } from "./ProcessSection.js";
+import { CategoriesSection as S } from "./CategoriesSection.js";
 import { RatafiaSection as x } from "./RatafiaSection.js";
 import { TrustSection as T } from "./TrustSection.js";
-import { FaqTeaserSection as j } from "./FaqTeaserSection.js";
-import { BlogSection as u } from "./BlogSection.js";
-const P = ({
+import { FaqTeaserSection as b } from "./FaqTeaserSection.js";
+import { BlogSection as g } from "./BlogSection.js";
+const M = ({
   hero: t,
   moreTemplates: m,
   process: e,
   categories: r,
   ratafia: i,
   trust: p,
-  faqTeaser: n,
-  articles: c
-}) => /* @__PURE__ */ f("main", { className: "flex-1", children: [
-  /* @__PURE__ */ o(s, { ...t }),
-  /* @__PURE__ */ o(a, { ...m }),
-  /* @__PURE__ */ o(S, { ...e }),
-  r && /* @__PURE__ */ o(l, { ...r }),
+  faqTeaser: s,
+  articles: a
+}) => /* @__PURE__ */ c("main", { className: "flex-1", children: [
+  /* @__PURE__ */ o(n, { ...t }),
+  /* @__PURE__ */ o(f, { ...m }),
+  /* @__PURE__ */ o(l, { ...e }),
+  r && /* @__PURE__ */ o(S, { ...r }),
   /* @__PURE__ */ o(x, { ...i }),
   /* @__PURE__ */ o(T, { ...p }),
-  /* @__PURE__ */ o(j, { ...n }),
-  /* @__PURE__ */ o(u, { ...c })
+  /* @__PURE__ */ o(b, { ...s }),
+  /* @__PURE__ */ o(g, { className: "pt-10 pb-12 lg:pb-14", ...a })
 ] });
 export {
-  P as HomeTemplate
+  M as HomeTemplate
 };

package/dist/components/IntroSection.d.ts

@@ -22,7 +22,6 @@ export declare interface IntroSectionProps {
     children: ReactNode;
     cta: ButtonProps;
     className?: string;
-    containerClassName?: string;
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/IntroSection.js

@@ -1,18 +1,17 @@
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { TwoColumnSection as t } from "./TwoColumnSection.js";
-import { Button as e } from "./Button.js";
-const b = ({ image: m, children: r, cta: a, className: i, containerClassName: l }) => /* @__PURE__ */ s(
-  t,
+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: i ?? "",
-    containerClassName: l,
     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__ */ o("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(e, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...a })
+      /* @__PURE__ */ s(t, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...a })
     ] })
   }
 );
 export {
-  b as IntroSection
+  c as IntroSection
 };

package/dist/components/NotFoundTemplate.d.ts

@@ -40,7 +40,6 @@ export interface IntroSectionProps {
     children: ReactNode;
     cta: ButtonProps;
     className?: string;
-    containerClassName?: string;
 }
 
 export declare const NotFoundTemplate: FC<NotFoundTemplateProps>;

package/dist/components/RatafiaSection.d.ts

@@ -4,21 +4,13 @@ import { ReactNode } from 'react';
 export declare interface LawGeniusSectionProps {
     title: string;
     content: string;
-    benefits?: {
+    benefits: {
         id: string;
         label: string;
         icon: ReactNode;
     }[];
-    /** When set, renders below the markdown instead of benefit chips (e.g. stacked AI step cards). */
-    stepsSlot?: ReactNode;
-    /** Optional copy between steps and CTA (centered + steps layout only). */
-    belowStepsSlot?: ReactNode;
     cta: ReactNode;
     image: ReactNode;
-    /** When true with `stepsSlot`, skips LinkWrapper around `cta` (e.g. plain Button). */
-    skipCtaWrapper?: boolean;
-    sectionClassName?: string;
-    innerClassName?: string;
 }
 
 export declare const RatafiaSection: FC<LawGeniusSectionProps>;

package/dist/components/RatafiaSection.js

@@ -1,60 +1,31 @@
-import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
 import "react";
-import { clsx as o } from "clsx";
-import { Markdown as p } from "./Markdown.js";
-import { LinkWrapper as f } from "./LinkWrapper.js";
-const j = ({
-  title: m,
-  content: i,
-  benefits: s = [],
-  stepsSlot: t,
-  belowStepsSlot: g,
-  cta: r,
-  image: c,
-  skipCtaWrapper: h = !1,
-  sectionClassName: d,
-  innerClassName: x
-}) => {
-  const n = "bg-primary-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0", w = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
-  if (t != null) {
-    const a = h ? /* @__PURE__ */ l("div", { className: "w-full lg:w-fit", children: r }) : /* @__PURE__ */ l(f, { className: "w-full lg:w-fit", children: r });
-    return /* @__PURE__ */ l("section", { className: d ?? n, children: /* @__PURE__ */ l("div", { className: o("from-primary-900 mx-auto w-full max-w-6xl rounded-3xl bg-linear-to-bl p-10 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)]", x), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8", children: [
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-center text-white", children: [
-        /* @__PURE__ */ l("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: m }),
-        /* @__PURE__ */ l(p, { content: i, className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0" })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-10 lg:grid lg:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] lg:items-center", children: [
-        /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: [
-          t,
-          g,
-          a
-        ] }),
-        /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-77 items-center justify-center md:mx-0 md:max-w-none md:min-w-0", children: c })
-      ] })
-    ] }) }) });
-  }
-  return /* @__PURE__ */ l("section", { className: d ?? n, children: /* @__PURE__ */ e("div", { className: o(w, x), children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: m }),
-        /* @__PURE__ */ l(p, { content: i, className: "[&_p:last-child]:mb-0" })
-      ] }),
-      s.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: s.map((a) => /* @__PURE__ */ e(
-        "span",
-        {
-          className: "bg-primary-50 text-small text-primary-800 flex flex-nowrap gap-1 rounded-md p-1 font-semibold",
-          children: [
-            a.icon,
-            a.label
-          ]
-        },
-        a.id
-      )) }),
-      /* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: r })
+import { Markdown as s } from "./Markdown.js";
+import { LinkWrapper as t } from "./LinkWrapper.js";
+const f = ({ title: m, content: r, benefits: i, cta: p, image: d }) => /* @__PURE__ */ l("section", { className: "bg-primary-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ a("div", { className: "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300", children: [
+  /* @__PURE__ */ a("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: m }),
+      /* @__PURE__ */ l(s, { content: r, className: "[&_p:last-child]:mb-0" })
     ] }),
-    /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: c })
-  ] }) });
-};
+    /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: i.map((e) => /* @__PURE__ */ a(
+      "span",
+      {
+        className: "bg-primary-50 text-small text-primary-800 flex flex-nowrap gap-1 rounded-md p-1 font-semibold",
+        children: [
+          e.icon,
+          e.label
+        ]
+      },
+      e.id
+    )) }),
+    /* @__PURE__ */ a(t, { className: "w-full md:w-fit", children: [
+      " ",
+      p
+    ] })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: d })
+] }) });
 export {
-  j as RatafiaSection
+  f as RatafiaSection
 };

package/dist/components/SectionHeading.js

@@ -1,21 +1,22 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "react";
-const m = ({
+import { Markdown as m } from "./Markdown.js";
+const i = ({
   title: r,
   description: e,
   align: l = "center",
   titleClass: a = "font-lora text-super-large",
-  className: c = ""
-}) => /* @__PURE__ */ n(
+  className: n = ""
+}) => /* @__PURE__ */ c(
   "div",
   {
-    className: `flex flex-col gap-4 text-neutral-800 ${c} ${l === "center" ? "items-center text-center" : "text-left"}`,
+    className: `flex flex-col gap-4 text-neutral-800 ${n} ${l === "center" ? "items-center text-center" : "text-left"}`,
     children: [
       /* @__PURE__ */ t("h2", { className: a, children: r }),
-      e && /* @__PURE__ */ t("p", { className: "text-medium max-w-3xl", children: e })
+      e && /* @__PURE__ */ t(m, { className: "text-medium max-w-3xl [&_p:last-child]:mb-0", content: e })
     ]
   }
 );
 export {
-  m as SectionHeading
+  i as SectionHeading
 };

package/dist/components/TwoColumnSection.js

@@ -1,17 +1,13 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { clsx as t } from "clsx";
-const i = ({
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+const c = ({
   firstColumn: e,
   secondColumn: o,
-  className: r,
-  containerClassName: m
-}) => /* @__PURE__ */ n("section", { className: r ?? "", children: /* @__PURE__ */ s(
+  className: n,
+  containerClassName: r
+}) => /* @__PURE__ */ s("section", { className: n ?? "", children: /* @__PURE__ */ t(
   "div",
   {
-    className: t(
-      "container mx-auto flex max-w-300 flex-row justify-center px-4 py-10 md:flex-nowrap md:px-8",
-      m
-    ),
+    className: `container mx-auto flex max-w-300 flex-row justify-center px-4 py-10 md:flex-nowrap md:px-8 ${r ?? ""}`,
     children: [
       e,
       o
@@ -19,5 +15,5 @@ const i = ({
   }
 ) });
 export {
-  i as TwoColumnSection
+  c as TwoColumnSection
 };

package/dist/components/index.d.ts

@@ -66,14 +66,15 @@ export declare interface BenefitsOfSigningSectionProps {
 export declare const BlogSection: FC<BlogSectionProps>;
 
 export declare interface BlogSectionProps {
-    header: SectionHeadingProps;
+    header: SectionHeadingProps | null;
     articles: {
         title: string;
         image: ReactNode;
         description: string;
         cta: ReactNode;
     }[];
-    cta: ReactNode;
+    cta: ReactNode | null;
+    className?: string;
 }
 
 export declare const Breadcrumb: FC<BreadcrumbProps>;
@@ -507,7 +508,6 @@ export declare interface IntroSectionProps {
     children: ReactNode;
     cta: ButtonProps;
     className?: string;
-    containerClassName?: string;
 }
 
 export declare const Item: FC<ItemProps>;
@@ -583,21 +583,13 @@ export declare type LanguageSelectorVariant = 'default' | 'compact';
 export declare interface LawGeniusSectionProps {
     title: string;
     content: string;
-    benefits?: {
+    benefits: {
         id: string;
         label: string;
         icon: ReactNode;
     }[];
-    /** When set, renders below the markdown instead of benefit chips (e.g. stacked AI step cards). */
-    stepsSlot?: ReactNode;
-    /** Optional copy between steps and CTA (centered + steps layout only). */
-    belowStepsSlot?: ReactNode;
     cta: ReactNode;
     image: ReactNode;
-    /** When true with `stepsSlot`, skips LinkWrapper around `cta` (e.g. plain Button). */
-    skipCtaWrapper?: boolean;
-    sectionClassName?: string;
-    innerClassName?: string;
 }
 
 export declare const LegalSection: FC<LegalSectionProps>;