@npm_leadtech/legal-contracts-ui 0.88.0 → 0.89.1

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -8,31 +8,24 @@ export declare type AiLegalDocumentReviewerTemplateProps = {
     howItWorks: HowItWorksSectionProps;
     fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
     insights: FeaturesSectionProps;
-    signAndSend: Omit<SignAndSendSectionProps, 'rightColumn' | 'variant' | 'leadingIcon'> & {
-        leadingIcon: ReactNode;
-        upload: DocumentReviewUploadCardProps;
-    };
+    signAndSend: BannerTagSectionProps;
     trustPilot: ReactNode;
-    askQuestions: Omit<LawgeniusAskQuestionsSectionProps, 'illustration'> & {
-        illustration: LawgeniusFloatingTagsIllustrationProps;
-    };
+    askQuestions: BannerTagSectionProps;
     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 interface BannerTagSectionProps {
+    title: string;
+    description: string;
+    cta: ReactNode;
+    rightImage: ReactNode | null;
+    tags: {
+        top: TagProps | null;
+        middle: TagProps | null;
+        bottom: TagProps | null;
+    };
 }
 
-export type DocumentReviewUploadCardVariant = 'glassOnDark' | 'embeddedOnDark';
-
 export interface FaqItemProps {
     question: string;
     answer: string;
@@ -102,29 +95,6 @@ export interface HowItWorksStep {
     icon: 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 {
     id: string;
     title: string;
@@ -132,18 +102,11 @@ export interface QuickBenefit {
     icon: ReactNode;
 }
 
-export interface SignAndSendSectionProps {
+export interface TagProps {
     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';
+    icon: ReactNode;
+    variant: 'default' | 'highlight' | 'dark';
+    className?: string;
 }
 
 export interface UploadZoneProps {

package/dist/components/AiLegalDocumentReviewerTemplate.js

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

package/dist/components/BannerTagSection.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const BannerTagSection: FC<BannerTagSectionProps>;
+
+export declare interface BannerTagSectionProps {
+    title: string;
+    description: string;
+    cta: ReactNode;
+    rightImage: ReactNode | null;
+    tags: {
+        top: TagProps | null;
+        middle: TagProps | null;
+        bottom: TagProps | null;
+    };
+}
+
+export interface TagProps {
+    title: string;
+    icon: ReactNode;
+    variant: 'default' | 'highlight' | 'dark';
+    className?: string;
+}
+

package/dist/components/BannerTagSection.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import s from "clsx";
+import { Markdown as n } from "./Markdown.js";
+import { LinkWrapper as m } from "./LinkWrapper.js";
+const d = ({ title: r, icon: a, variant: o, className: i = "" }) => /* @__PURE__ */ t("div", { className: s("text-small flex items-center gap-1 rounded shadow-lg", {
+  default: "text-neutral-600 bg-neutral-25 p-2",
+  highlight: "text-primary-500 font-bold bg-primary-100 border border-primary-300 p-1",
+  dark: "text-white font-bold bg-primary-800 p-2"
+}[o], i), children: [
+  a,
+  r
+] }), g = ({ title: r, description: a, cta: o, rightImage: i, tags: l }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ t("div", { className: "bg-neutral-25 mx-auto flex w-full max-w-298 rounded-2xl p-8 lg:gap-20 lg:px-16 lg:pt-12 lg:pb-0", children: [
+  /* @__PURE__ */ t("div", { className: "flex flex-col gap-8 lg:pb-12", children: [
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ e("h3", { className: "text-super-large text-primary-900 font-bold", children: r }),
+      /* @__PURE__ */ e(n, { className: "text-medium text-neutral-800 [&_p:last-child]:mb-0", content: a })
+    ] }),
+    /* @__PURE__ */ e(m, { className: "w-fit", variant: "primary-green", children: o })
+  ] }),
+  /* @__PURE__ */ t("div", { className: "relative hidden shrink-0 self-end lg:block", children: [
+    /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-t-lg shadow", children: i }),
+    l.top && /* @__PURE__ */ e(d, { ...l.top, className: "absolute -top-3 left-20" }),
+    l.middle && /* @__PURE__ */ e(d, { ...l.middle, className: "absolute bottom-36 -left-4" }),
+    l.bottom && /* @__PURE__ */ e(d, { ...l.bottom, className: "absolute top-19 -right-4" })
+  ] })
+] }) });
+export {
+  g as BannerTagSection
+};

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -1,6 +1,18 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface BannerTagSectionProps {
+    title: string;
+    description: string;
+    cta: ReactNode;
+    rightImage: ReactNode | null;
+    tags: {
+        top: TagProps | null;
+        middle: TagProps | null;
+        bottom: TagProps | null;
+    };
+}
+
 export declare const ElectronicSignatureTemplate: FC<ElectronicSignatureTemplateProps>;
 
 export declare interface ElectronicSignatureTemplateProps {
@@ -9,7 +21,7 @@ export declare interface ElectronicSignatureTemplateProps {
     fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
     benefits: FeaturesSectionProps;
     trustPilot: ReactNode;
-    signAndSend: SignAndSendSectionProps;
+    signAndSend: BannerTagSectionProps;
     faq: FaqSectionProps;
 }
 
@@ -89,18 +101,11 @@ export interface QuickBenefit {
     icon: ReactNode;
 }
 
-export interface SignAndSendSectionProps {
+export interface TagProps {
     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';
+    icon: ReactNode;
+    variant: 'default' | 'highlight' | 'dark';
+    className?: string;
 }
 
 export interface UploadZoneProps {

package/dist/components/ElectronicSignatureTemplate.js

@@ -3,24 +3,24 @@ import { Hero2Section as s } from "./Hero2Section.js";
 import { HowItWorksSection as c } from "./HowItWorksSection.js";
 import { FastAndSimpleSection as p } from "./FastAndSimpleSection.js";
 import { FeaturesSection as f } from "./FeaturesSection.js";
-import { SignAndSendSection as S } from "./SignAndSendSection.js";
-import { FaqSection as x } from "./FaqSection.js";
+import { BannerTagSection as x } from "./BannerTagSection.js";
+import { FaqSection as S } from "./FaqSection.js";
 const N = ({
-  hero: e,
-  howItWorks: i,
-  fastAndSimple: r,
-  benefits: t,
+  hero: r,
+  howItWorks: e,
+  fastAndSimple: t,
+  benefits: i,
   trustPilot: m,
-  signAndSend: n,
-  faq: a
+  signAndSend: a,
+  faq: n
 }) => /* @__PURE__ */ l("main", { className: "w-full flex-1 bg-neutral-50", children: [
-  /* @__PURE__ */ o(s, { ...e, variant: "esign" }),
-  /* @__PURE__ */ o(c, { ...i }),
-  /* @__PURE__ */ o(p, { ...r, variant: "esign" }),
-  /* @__PURE__ */ o(f, { ...t }),
+  /* @__PURE__ */ o(s, { ...r, variant: "esign" }),
+  /* @__PURE__ */ o(c, { ...e }),
+  /* @__PURE__ */ o(p, { ...t, variant: "esign" }),
+  /* @__PURE__ */ o(f, { ...i }),
   /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: m }),
-  /* @__PURE__ */ o(S, { ...n }),
-  /* @__PURE__ */ o(x, { ...a, className: "mx-auto max-w-4xl px-4 py-16" })
+  /* @__PURE__ */ o(x, { ...a }),
+  /* @__PURE__ */ o(S, { ...n, className: "mx-auto max-w-4xl px-4 py-16" })
 ] });
 export {
   N as ElectronicSignatureTemplate

package/dist/components/Storyline.js

@@ -1,20 +1,40 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-const d = ({ title: t, text: r, storyItems: s }) => /* @__PURE__ */ e("section", { className: "bg-secondary-100 px-4 py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl rounded-3xl bg-white p-8 shadow-sm md:p-12", children: [
-  /* @__PURE__ */ l("div", { className: "space-y-4 text-neutral-800", children: [
-    /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: t }),
-    /* @__PURE__ */ e("p", { className: "text-medium", children: r })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "mt-10 space-y-10", children: s.map((a, c) => /* @__PURE__ */ l("div", { className: "flex gap-4 md:gap-6", children: [
-    /* @__PURE__ */ l("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ e("span", { className: "bg-primary-50 flex h-12 w-12 items-center justify-center rounded-full shadow-sm", children: a.icon }),
-      c !== s.length - 1 && /* @__PURE__ */ e("span", { className: "mt-2 h-full w-px bg-neutral-200", "aria-hidden": !0 })
-    ] }),
-    /* @__PURE__ */ l("article", { className: "bg-neutral-25 flex-1 rounded-2xl p-6 shadow-sm", children: [
-      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: a.title }),
-      /* @__PURE__ */ e("p", { className: "text-medium mt-2 text-neutral-800", children: a.description })
-    ] })
-  ] }, a.title)) })
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+const i = ({ title: n, text: s, storyItems: l }) => /* @__PURE__ */ e("section", { className: "bg-secondary-100 p-6 md:px-6 md:py-12", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-6xl rounded-2xl bg-white p-6 md:p-12", children: [
+  /* @__PURE__ */ e("h2", { className: "pb-6 font-sans text-3xl font-bold tracking-tight text-neutral-800", children: n }),
+  /* @__PURE__ */ e("div", { className: "pb-2 font-sans text-base text-neutral-800 md:pb-6", children: s }),
+  /* @__PURE__ */ a("ul", { className: "relative mt-4 pl-6 md:mt-0", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "absolute top-0 bottom-0 left-1 w-0.5 bg-[repeating-linear-gradient(to_bottom,currentColor,currentColor_0.75rem,transparent_0.75rem,transparent_1.25rem)] text-neutral-400",
+        "aria-hidden": "true"
+      }
+    ),
+    l.map((t, r) => /* @__PURE__ */ a(
+      "li",
+      {
+        className: "bg-neutral-25 relative mt-4 flex list-none flex-col rounded-2xl p-6 first:mt-0 md:flex-row",
+        children: [
+          r === 0 && /* @__PURE__ */ e("div", { className: "absolute top-0 bottom-1/2 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
+          r === l.length - 1 && /* @__PURE__ */ e("div", { className: "absolute top-1/2 bottom-0 -left-6 z-0 w-2.5 bg-white", "aria-hidden": "true" }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "bg-primary-800 absolute top-1/2 -left-6 z-10 h-2.5 w-2.5 -translate-y-1/2 rounded-full",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-neutral-200 p-2", children: t.icon }),
+          /* @__PURE__ */ a("div", { className: "md:flex-1 md:pl-4", children: [
+            /* @__PURE__ */ e("p", { className: "mt-4 font-sans text-lg font-bold text-neutral-800 md:mt-0", children: t.title }),
+            /* @__PURE__ */ e("div", { className: "mt-2 font-sans text-base font-normal text-neutral-800", children: t.description })
+          ] })
+        ]
+      },
+      t.title
+    ))
+  ] })
 ] }) });
 export {
-  d as Storyline
+  i as Storyline
 };