@npm_leadtech/legal-contracts-ui 0.89.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