@npm_leadtech/legal-contracts-ui 0.76.0 → 0.79.0

package/dist/components/AiLegalDocumentInsightsMockTabs.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const AiLegalDocumentInsightsMockTabs: FC<AiLegalDocumentInsightsMockTabsProps>;
+
+export declare interface AiLegalDocumentInsightsMockTabsProps {
+    tabs: AiLegalDocumentInsightsTab[];
+    /** Initial tab id; defaults to first tab */
+    defaultTabId?: string;
+    className?: string;
+}
+
+export declare interface AiLegalDocumentInsightsTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+

package/dist/components/AiLegalDocumentInsightsMockTabs.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useId as p, useState as u } from "react";
+import { Button as x } from "./Button.js";
+const g = ({
+  tabs: t,
+  defaultTabId: r,
+  className: d = ""
+}) => {
+  const i = p(), o = t[0]?.id ?? "", [s, c] = u(r ?? o);
+  if (t.length === 0) return null;
+  const l = t.find((e) => e.id === s) ?? t[0];
+  return /* @__PURE__ */ m("div", { className: `flex flex-col gap-4 ${d}`.trim(), children: [
+    /* @__PURE__ */ n("div", { className: "inline-flex gap-1 rounded-xl bg-neutral-100 p-1", role: "tablist", "aria-label": "Insight preview", children: t.map((e) => {
+      const a = l.id === e.id;
+      return /* @__PURE__ */ n(
+        x,
+        {
+          type: "button",
+          role: "tab",
+          id: `${i}-${e.id}-tab`,
+          "aria-selected": a,
+          "aria-controls": `${i}-${e.id}-panel`,
+          tabIndex: a ? 0 : -1,
+          variant: a ? "primary-white" : "tertiary-thin",
+          size: "small",
+          className: `text-small rounded-lg px-4 py-2 font-bold shadow-none ${a ? "text-primary-900 shadow-sm" : "text-neutral-600"}`,
+          onClick: () => {
+            c(e.id);
+          },
+          children: e.label
+        },
+        e.id
+      );
+    }) }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        role: "tabpanel",
+        id: `${i}-${l.id}-panel`,
+        "aria-labelledby": `${i}-${l.id}-tab`,
+        className: "text-medium text-neutral-800",
+        children: l.content
+      }
+    )
+  ] });
+};
+export {
+  g as AiLegalDocumentInsightsMockTabs
+};

package/dist/components/AiLegalDocumentInsightsSection.d.ts

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface AiLegalDocumentInsightCard {
+    id: string;
+    title: string;
+    description: string;
+    state?: 'soon' | 'default';
+}
+
+export declare const AiLegalDocumentInsightsSection: FC<AiLegalDocumentInsightsSectionProps>;
+
+export declare interface AiLegalDocumentInsightsSectionProps {
+    heading: {
+        title: string;
+        description: string;
+    };
+    insightCards: AiLegalDocumentInsightCard[];
+    tabs: AiLegalDocumentInsightsTab[];
+    defaultTabId?: string;
+    /** Optional screenshot behind / beside the mock */
+    mockImageSrc?: string;
+    mockImageAlt?: string;
+    className?: string;
+}
+
+export interface AiLegalDocumentInsightsTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+

package/dist/components/AiLegalDocumentInsightsSection.js

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { AiLegalDocumentInsightsMockTabs as m } from "./AiLegalDocumentInsightsMockTabs.js";
+import { SectionHeading as c } from "./SectionHeading.js";
+const g = ({
+  heading: a,
+  insightCards: i,
+  tabs: n,
+  defaultTabId: r,
+  mockImageSrc: s,
+  mockImageAlt: o = "",
+  className: d = ""
+}) => /* @__PURE__ */ e("section", { className: `bg-neutral-25 px-6 py-16 sm:px-10 lg:px-24 ${d}`.trim(), children: /* @__PURE__ */ l("div", { className: "mx-auto grid max-w-6xl gap-10 lg:grid-cols-2", children: [
+  /* @__PURE__ */ l("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ e(c, { title: a.title, description: a.description, align: "start" }),
+    /* @__PURE__ */ e("div", { className: "space-y-5", children: i.map((t) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: `rounded-2xl border p-5 ${t.state === "soon" ? "border-neutral-200 bg-neutral-50 text-neutral-500" : "border-transparent bg-white shadow-sm"}`,
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: `text-small inline-flex items-center rounded-md px-3 py-1 font-bold ${t.state === "soon" ? "bg-neutral-200 text-neutral-700" : "bg-primary-100 text-primary-800"}`,
+                children: t.title
+              }
+            ),
+            t.state === "soon" && /* @__PURE__ */ e("span", { className: "text-extra-small font-semibold text-neutral-500 uppercase", children: "Coming soon" })
+          ] }),
+          /* @__PURE__ */ e("p", { className: "text-medium mt-3 text-neutral-800", children: t.description })
+        ]
+      },
+      t.id
+    )) })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "relative overflow-hidden rounded-[32px] bg-neutral-200 shadow-[0_30px_80px_rgba(3,42,56,0.2)]", children: [
+    s != null && s !== "" && /* @__PURE__ */ e("img", { src: s, alt: o, width: 572, height: 622, className: "h-full w-full object-cover" }),
+    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-neutral-900/80 via-neutral-900/20 to-transparent p-6 lg:p-8", children: /* @__PURE__ */ e("div", { className: "rounded-2xl bg-white/95 p-5 shadow-lg backdrop-blur-sm", children: /* @__PURE__ */ e(m, { tabs: n, defaultTabId: r }) }) })
+  ] })
+] }) });
+export {
+  g as AiLegalDocumentInsightsSection
+};

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -0,0 +1,190 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export interface AiLegalDocumentInsightCard {
+    id: string;
+    title: string;
+    description: string;
+    state?: 'soon' | 'default';
+}
+
+export interface AiLegalDocumentInsightsSectionProps {
+    heading: {
+        title: string;
+        description: string;
+    };
+    insightCards: AiLegalDocumentInsightCard[];
+    tabs: AiLegalDocumentInsightsTab[];
+    defaultTabId?: string;
+    /** Optional screenshot behind / beside the mock */
+    mockImageSrc?: string;
+    mockImageAlt?: string;
+    className?: string;
+}
+
+export interface AiLegalDocumentInsightsTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+
+export declare const AiLegalDocumentReviewerTemplate: FC<AiLegalDocumentReviewerTemplateProps>;
+
+export declare type AiLegalDocumentReviewerTemplateProps = {
+    hero: Omit<Hero2SectionProps, 'uploadSlot' | 'theme'> & {
+        theme: 'dark';
+        upload: DocumentReviewUploadCardProps;
+    };
+    howItWorks: HowItWorksSectionProps;
+    /** Same shape as e-sign `fastAndSimple`; template forces `variant="lawgeniusDark"`. */
+    fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
+    insights: AiLegalDocumentInsightsSectionProps;
+    signAndSend: Omit<SignAndSendSectionProps, 'rightColumn' | 'variant' | 'leadingIcon'> & {
+        leadingIcon: ReactNode;
+        upload: DocumentReviewUploadCardProps;
+    };
+    trustpilot: TrustpilotSectionProps;
+    askQuestions: Omit<LawgeniusAskQuestionsSectionProps, 'illustration'> & {
+        illustration: LawgeniusFloatingTagsIllustrationProps;
+    };
+    faq: FaqSectionProps;
+};
+
+export interface DocumentReviewUploadCardProps {
+    uploadPromptText: string;
+    addDocumentLabel: string;
+    fileSizeText: string;
+    disclaimer: ReactNode;
+    onAddDocument?: () => void;
+    /** Default shows PlusIcon; override for custom icon */
+    addDocumentIcon?: ReactNode;
+    variant?: DocumentReviewUploadCardVariant;
+    className?: string;
+}
+
+export type DocumentReviewUploadCardVariant = 'glassOnDark' | 'embeddedOnDark';
+
+export interface FaqItemProps {
+    question: string;
+    answer: string;
+    showMoreText?: string;
+    collapsedButtonText?: string;
+    expandedButtonText?: string;
+}
+
+export interface FaqSectionProps {
+    title: string;
+    description: string;
+    faqItems: FaqItemProps[];
+    className?: string;
+}
+
+export interface FastAndSimpleSectionProps {
+    /** Decorative graphic (hidden for `variant: 'lawgeniusDark'`) */
+    graphicSrc?: string;
+    title: string;
+    description: string;
+    benefits: QuickBenefit[];
+    /** `default`: e-sign style card. `lawgeniusDark`: gradient container + light benefit tiles */
+    variant?: 'default' | 'lawgeniusDark';
+}
+
+export type Hero2Highlight = string | {
+    id: string;
+    label: string;
+    icon: ReactNode;
+};
+
+export interface Hero2SectionProps {
+    backgroundRight?: string;
+    backgroundLeft?: string;
+    subtitle?: string;
+    title: string;
+    description: string;
+    highlights: Hero2Highlight[];
+    /** Light (e-sign): default pills with chevron. Dark (Lawgenius): gradient hero, optional icon pills */
+    theme?: 'light' | 'dark';
+    /** Shown under highlight pills (e.g. Lawgenius) */
+    footnote?: string;
+    addDocumentIcon?: string;
+    uploadPromptText?: string;
+    addDocumentLabel?: string;
+    fileSizeText?: string;
+    disclaimer?: ReactNode;
+    onAddDocument?: () => void;
+    /** Replaces the default upload card (e.g. wrap `DocumentReviewUploadCard`) */
+    uploadSlot?: ReactNode;
+}
+
+export interface HowItWorksSectionProps {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    description: string;
+    steps: HowItWorksStep[];
+    /** Optional overlays (badges, labels) absolutely positioned on the media */
+    imageOverlay?: ReactNode;
+}
+
+export interface HowItWorksStep {
+    title: string;
+    description: string;
+    icon: string | ReactNode;
+}
+
+export interface LawgeniusAskQuestionsSectionProps {
+    title: string;
+    description: string;
+    paragraphs: string[];
+    ctaLabel: string;
+    onCtaClick?: () => void;
+    illustration: ReactNode;
+    className?: string;
+}
+
+export interface LawgeniusFloatingTag {
+    id: string;
+    className: string;
+    children: ReactNode;
+}
+
+export interface LawgeniusFloatingTagsIllustrationProps {
+    imageSrc: string;
+    imageAlt: string;
+    tags: LawgeniusFloatingTag[];
+    className?: string;
+}
+
+export interface QuickBenefit {
+    title: string;
+    description: string;
+    icon: string | ReactNode;
+}
+
+export interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+}
+
+export interface SignAndSendSectionProps {
+    title: string;
+    description: string;
+    ctaLabel: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    /** When set, replaces the image column (e.g. upload card for Lawgenius) */
+    rightColumn?: ReactNode;
+    leadingIcon?: ReactNode;
+    onCtaClick?: () => void;
+    /** `default`: neutral card (e-sign). `lawgeniusDark`: primary-900 rounded panel + light text */
+    variant?: 'default' | 'lawgeniusDark';
+}
+
+export interface TrustpilotSectionProps {
+    header: SectionHeadingProps;
+    children: ReactNode;
+}
+

package/dist/components/AiLegalDocumentReviewerTemplate.js

@@ -0,0 +1,50 @@
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { AiLegalDocumentInsightsSection as w } from "./AiLegalDocumentInsightsSection.js";
+import { DocumentReviewUploadCard as t } from "./DocumentReviewUploadCard.js";
+import { FaqSection as h } from "./FaqSection.js";
+import { FastAndSimpleSection as k } from "./FastAndSimpleSection.js";
+import { Hero2Section as D } from "./Hero2Section.js";
+import { HowItWorksSection as v } from "./HowItWorksSection.js";
+import { LawgeniusAskQuestionsSection as A } from "./LawgeniusAskQuestionsSection.js";
+import { LawgeniusFloatingTagsIllustration as R } from "./LawgeniusFloatingTagsIllustration.js";
+import { SignAndSendSection as I } from "./SignAndSendSection.js";
+import { TrustpilotSection as L } from "./TrustpilotSection.js";
+const P = ({
+  hero: i,
+  howItWorks: e,
+  fastAndSimple: r,
+  insights: n,
+  signAndSend: a,
+  trustpilot: s,
+  askQuestions: l,
+  faq: m
+}) => {
+  const { upload: p, ...c } = i, { upload: u, leadingIcon: d, ...g } = a, { illustration: f, ...S } = l;
+  return /* @__PURE__ */ x("main", { className: "flex w-full flex-col", children: [
+    /* @__PURE__ */ o(D, { ...c, uploadSlot: /* @__PURE__ */ o(t, { ...p }) }),
+    /* @__PURE__ */ o(v, { ...e }),
+    /* @__PURE__ */ o(k, { ...r, variant: "lawgeniusDark" }),
+    /* @__PURE__ */ o(w, { ...n }),
+    /* @__PURE__ */ o(
+      I,
+      {
+        ...g,
+        variant: "lawgeniusDark",
+        leadingIcon: d,
+        rightColumn: /* @__PURE__ */ o(t, { ...u, variant: "embeddedOnDark" })
+      }
+    ),
+    /* @__PURE__ */ o(L, { ...s }),
+    /* @__PURE__ */ o(
+      A,
+      {
+        ...S,
+        illustration: /* @__PURE__ */ o(R, { ...f })
+      }
+    ),
+    /* @__PURE__ */ o("section", { className: "bg-neutral-25 px-6 py-16 sm:px-10 lg:px-32", children: /* @__PURE__ */ o(h, { ...m, className: "mx-auto max-w-6xl space-y-6" }) })
+  ] });
+};
+export {
+  P as AiLegalDocumentReviewerTemplate
+};

package/dist/components/DocumentReviewUploadCard.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const DocumentReviewUploadCard: FC<DocumentReviewUploadCardProps>;
+
+export declare interface DocumentReviewUploadCardProps {
+    uploadPromptText: string;
+    addDocumentLabel: string;
+    fileSizeText: string;
+    disclaimer: ReactNode;
+    onAddDocument?: () => void;
+    /** Default shows PlusIcon; override for custom icon */
+    addDocumentIcon?: ReactNode;
+    variant?: DocumentReviewUploadCardVariant;
+    className?: string;
+}
+
+export declare type DocumentReviewUploadCardVariant = 'glassOnDark' | 'embeddedOnDark';
+

package/dist/components/DocumentReviewUploadCard.js

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Button as u } from "./Button.js";
+import { PlusIcon as p } from "./PlusIcon.js";
+const b = ({
+  uploadPromptText: r,
+  addDocumentLabel: a,
+  fileSizeText: n,
+  disclaimer: l,
+  onAddDocument: i,
+  addDocumentIcon: s,
+  variant: d = "glassOnDark",
+  className: o = ""
+}) => {
+  const c = d === "glassOnDark" ? "relative rounded-[32px] bg-white/20 p-4 text-neutral-800 shadow-[0_20px_50px_rgba(3,42,56,0.35)] ring-1 ring-white/30 backdrop-blur" : "relative w-full rounded-[32px] bg-white/20 p-4 text-neutral-800 shadow-[0_20px_50px_rgba(3,42,56,0.35)] ring-1 ring-white/30 backdrop-blur", m = s ?? /* @__PURE__ */ e(p, { className: "h-5 w-5", "aria-hidden": !0 });
+  return /* @__PURE__ */ e("div", { className: `${c} ${o}`.trim(), children: /* @__PURE__ */ t("div", { className: "bg-neutral-25 rounded-2xl p-8 text-center", children: [
+    /* @__PURE__ */ e("p", { className: "text-medium text-neutral-500", children: r }),
+    /* @__PURE__ */ t(
+      u,
+      {
+        size: "large",
+        variant: "primary-darkgreen",
+        className: "text-medium mt-6 inline-flex w-full items-center justify-center gap-2 font-bold",
+        onClick: i,
+        type: "button",
+        children: [
+          m,
+          /* @__PURE__ */ e("span", { children: a })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("p", { className: "text-small mt-6 text-neutral-500", children: n }),
+    /* @__PURE__ */ e("div", { className: "text-tiny mt-4 text-neutral-500", children: l })
+  ] }) });
+};
+export {
+  b as DocumentReviewUploadCard
+};

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -43,25 +43,40 @@ export interface FaqSectionProps {
 }
 
 export interface FastAndSimpleSectionProps {
-    graphicSrc: string;
+    /** Decorative graphic (hidden for `variant: 'lawgeniusDark'`) */
+    graphicSrc?: string;
     title: string;
     description: string;
     benefits: QuickBenefit[];
+    /** `default`: e-sign style card. `lawgeniusDark`: gradient container + light benefit tiles */
+    variant?: 'default' | 'lawgeniusDark';
 }
 
+export type Hero2Highlight = string | {
+    id: string;
+    label: string;
+    icon: ReactNode;
+};
+
 export interface Hero2SectionProps {
-    backgroundRight: string;
-    backgroundLeft: string;
+    backgroundRight?: string;
+    backgroundLeft?: string;
     subtitle?: string;
     title: string;
     description: string;
-    highlights: string[];
-    addDocumentIcon: string;
-    uploadPromptText: string;
-    addDocumentLabel: string;
-    fileSizeText: string;
-    disclaimer: ReactNode;
+    highlights: Hero2Highlight[];
+    /** Light (e-sign): default pills with chevron. Dark (Lawgenius): gradient hero, optional icon pills */
+    theme?: 'light' | 'dark';
+    /** Shown under highlight pills (e.g. Lawgenius) */
+    footnote?: string;
+    addDocumentIcon?: string;
+    uploadPromptText?: string;
+    addDocumentLabel?: string;
+    fileSizeText?: string;
+    disclaimer?: ReactNode;
     onAddDocument?: () => void;
+    /** Replaces the default upload card (e.g. wrap `DocumentReviewUploadCard`) */
+    uploadSlot?: ReactNode;
 }
 
 export interface HowItWorksSectionProps {
@@ -70,12 +85,14 @@ export interface HowItWorksSectionProps {
     title: string;
     description: string;
     steps: HowItWorksStep[];
+    /** Optional overlays (badges, labels) absolutely positioned on the media */
+    imageOverlay?: ReactNode;
 }
 
 export interface HowItWorksStep {
     title: string;
     description: string;
-    icon: string;
+    icon: string | ReactNode;
 }
 
 export interface OnlineBenefit {
@@ -86,7 +103,7 @@ export interface OnlineBenefit {
 export interface QuickBenefit {
     title: string;
     description: string;
-    icon: string;
+    icon: string | ReactNode;
 }
 
 export interface SectionHeadingProps {
@@ -101,8 +118,14 @@ export interface SignAndSendSectionProps {
     title: string;
     description: string;
     ctaLabel: string;
-    imageSrc: string;
-    imageAlt: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    /** When set, replaces the image column (e.g. upload card for Lawgenius) */
+    rightColumn?: ReactNode;
+    leadingIcon?: ReactNode;
+    onCtaClick?: () => void;
+    /** `default`: neutral card (e-sign). `lawgeniusDark`: primary-900 rounded panel + light text */
+    variant?: 'default' | 'lawgeniusDark';
 }
 
 export interface TrustpilotSectionProps {

package/dist/components/FastAndSimpleSection.d.ts

@@ -1,17 +1,21 @@
 import { FC } from 'react';
+import { ReactNode } from 'react';
 
 export declare const FastAndSimpleSection: FC<FastAndSimpleSectionProps>;
 
 export declare interface FastAndSimpleSectionProps {
-    graphicSrc: string;
+    /** Decorative graphic (hidden for `variant: 'lawgeniusDark'`) */
+    graphicSrc?: string;
     title: string;
     description: string;
     benefits: QuickBenefit[];
+    /** `default`: e-sign style card. `lawgeniusDark`: gradient container + light benefit tiles */
+    variant?: 'default' | 'lawgeniusDark';
 }
 
 export declare interface QuickBenefit {
     title: string;
     description: string;
-    icon: string;
+    icon: string | ReactNode;
 }
 

package/dist/components/FastAndSimpleSection.js

@@ -1,13 +1,29 @@
-import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as c } from "react/jsx-runtime";
 import { Card as n } from "./Card.js";
-import { SectionHeading as c } from "./SectionHeading.js";
-const p = ({ graphicSrc: i, title: a, description: r, benefits: d }) => /* @__PURE__ */ e("section", { className: "px-4 pb-16", children: /* @__PURE__ */ l(
+import { SectionHeading as m } from "./SectionHeading.js";
+const x = ({
+  graphicSrc: i = "",
+  title: a,
+  description: r,
+  benefits: s,
+  variant: d = "default"
+}) => d === "lawgeniusDark" ? /* @__PURE__ */ e("section", { className: "px-6 py-16 sm:px-10 lg:px-24", children: /* @__PURE__ */ l("div", { className: "from-primary-900 to-primary-800 mx-auto max-w-6xl rounded-3xl bg-gradient-to-r p-10 text-white shadow-[0_25px_70px_rgba(3,42,56,0.35)]", children: [
+  /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("p", { className: "text-super-large font-bold", children: a }),
+    /* @__PURE__ */ e("p", { className: "text-medium text-white/85", children: r })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "mt-10 grid gap-6 md:grid-cols-3", children: s.map((t) => /* @__PURE__ */ l("div", { className: "rounded-2xl bg-white/15 p-5 text-white shadow-inner", children: [
+    /* @__PURE__ */ e("span", { className: "inline-flex h-10 w-10 items-center justify-center rounded-lg bg-white/20", children: typeof t.icon == "string" ? /* @__PURE__ */ e("img", { src: t.icon, alt: "", width: 32, height: 32 }) : t.icon }),
+    /* @__PURE__ */ e("p", { className: "text-big mt-4 font-bold", children: t.title }),
+    /* @__PURE__ */ e("p", { className: "text-small mt-2 text-white/80", children: t.description })
+  ] }, t.title)) })
+] }) }) : /* @__PURE__ */ e("section", { className: "px-4 pb-16", children: /* @__PURE__ */ l(
   "div",
   {
     className: "relative mx-auto flex w-full max-w-6xl flex-col gap-10 overflow-hidden rounded-2xl bg-neutral-50 px-6 py-10 lg:px-12",
     style: { boxShadow: "var(--shadow-medium)" },
     children: [
-      /* @__PURE__ */ e(
+      i !== "" && /* @__PURE__ */ e(
         "img",
         {
           src: i,
@@ -18,12 +34,12 @@ const p = ({ graphicSrc: i, title: a, description: r, benefits: d }) => /* @__PU
           "aria-hidden": !0
         }
       ),
-      /* @__PURE__ */ e("div", { className: "max-w-2xl space-y-4", children: /* @__PURE__ */ e(c, { title: a, description: r, align: "start" }) }),
-      /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-3", children: d.map((t) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "max-w-2xl space-y-4", children: /* @__PURE__ */ e(m, { title: a, description: r, align: "start" }) }),
+      /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-3", children: s.map((t) => /* @__PURE__ */ e(
         n,
         {
-          title: /* @__PURE__ */ l(s, { children: [
-            /* @__PURE__ */ e("div", { className: "mb-4 inline-flex h-12 w-12 items-center justify-center rounded-md bg-neutral-50", children: /* @__PURE__ */ e("img", { src: t.icon, alt: "", width: 32, height: 32 }) }),
+          title: /* @__PURE__ */ l(c, { children: [
+            /* @__PURE__ */ e("div", { className: "mb-4 inline-flex h-12 w-12 items-center justify-center rounded-md bg-neutral-50", children: typeof t.icon == "string" ? /* @__PURE__ */ e("img", { src: t.icon, alt: "", width: 32, height: 32 }) : t.icon }),
             /* @__PURE__ */ e("p", { className: "text-big text-primary-900 font-bold", children: t.title })
           ] }),
           children: /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: t.description })
@@ -34,5 +50,5 @@ const p = ({ graphicSrc: i, title: a, description: r, benefits: d }) => /* @__PU
   }
 ) });
 export {
-  p as FastAndSimpleSection
+  x as FastAndSimpleSection
 };

package/dist/components/Hero2Section.d.ts

@@ -1,20 +1,32 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export declare type Hero2Highlight = string | {
+    id: string;
+    label: string;
+    icon: ReactNode;
+};
+
 export declare const Hero2Section: FC<Hero2SectionProps>;
 
 export declare interface Hero2SectionProps {
-    backgroundRight: string;
-    backgroundLeft: string;
+    backgroundRight?: string;
+    backgroundLeft?: string;
     subtitle?: string;
     title: string;
     description: string;
-    highlights: string[];
-    addDocumentIcon: string;
-    uploadPromptText: string;
-    addDocumentLabel: string;
-    fileSizeText: string;
-    disclaimer: ReactNode;
+    highlights: Hero2Highlight[];
+    /** Light (e-sign): default pills with chevron. Dark (Lawgenius): gradient hero, optional icon pills */
+    theme?: 'light' | 'dark';
+    /** Shown under highlight pills (e.g. Lawgenius) */
+    footnote?: string;
+    addDocumentIcon?: string;
+    uploadPromptText?: string;
+    addDocumentLabel?: string;
+    fileSizeText?: string;
+    disclaimer?: ReactNode;
     onAddDocument?: () => void;
+    /** Replaces the default upload card (e.g. wrap `DocumentReviewUploadCard`) */
+    uploadSlot?: ReactNode;
 }