@npm_leadtech/legal-contracts-ui 0.84.3 → 0.85.1

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -77,13 +77,11 @@ export interface FaqSectionProps {
 }
 
 export interface FastAndSimpleSectionProps {
-    /** Decorative graphic (hidden for `variant: 'lawgeniusDark'`) */
-    graphicSrc?: string;
+    bgImage: ReactNode | null;
     title: string;
     description: string;
     benefits: QuickBenefit[];
-    /** `default`: e-sign style card. `lawgeniusDark`: gradient container + light benefit tiles */
-    variant?: 'default' | 'lawgeniusDark';
+    variant: 'esign' | 'ratafia';
 }
 
 export type Hero2Highlight = {
@@ -103,19 +101,17 @@ export interface Hero2SectionProps {
 }
 
 export interface HowItWorksSectionProps {
-    imageSrc: string;
-    imageAlt: string;
+    media: ReactNode;
     title: string;
     description: string;
     steps: HowItWorksStep[];
-    /** Optional overlays (badges, labels) absolutely positioned on the media */
-    imageOverlay?: ReactNode;
 }
 
 export interface HowItWorksStep {
+    id: string;
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 
 export interface LawgeniusAskQuestionsSectionProps {
@@ -142,9 +138,10 @@ export interface LawgeniusFloatingTagsIllustrationProps {
 }
 
 export interface QuickBenefit {
+    id: string;
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 
 export interface SectionHeadingProps {

package/dist/components/AiLegalDocumentReviewerTemplate.js

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

package/dist/components/DocOutlineIcon.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
-const o = (l) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", ...l, children: /* @__PURE__ */ e(
+const i = (l) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", ...l, children: /* @__PURE__ */ e(
   "path",
   {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M10.793 1.793a1 1 0 00-.707-.293H4.5C3.675 1.5 3 2.175 3 3v12c0 .825.667 1.5 1.492 1.5H13.5c.825 0 1.5-.675 1.5-1.5V6.414a1 1 0 00-.293-.707l-3.914-3.914zM6.75 9a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5zm0 3a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5zM4.5 15h9V6.75h-2.75a1 1 0 01-1-1V3H4.5v12z",
-    fill: "var(--secondary-600)"
+    fill: l.fill ?? "var(--secondary-600)"
   }
 ) });
 export {
-  o as DocOutlineIcon
+  i as DocOutlineIcon
 };

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -43,13 +43,11 @@ export interface FaqSectionProps {
 }
 
 export interface FastAndSimpleSectionProps {
-    /** Decorative graphic (hidden for `variant: 'lawgeniusDark'`) */
-    graphicSrc?: string;
+    bgImage: ReactNode | null;
     title: string;
     description: string;
     benefits: QuickBenefit[];
-    /** `default`: e-sign style card. `lawgeniusDark`: gradient container + light benefit tiles */
-    variant?: 'default' | 'lawgeniusDark';
+    variant: 'esign' | 'ratafia';
 }
 
 export type Hero2Highlight = {
@@ -69,19 +67,17 @@ export interface Hero2SectionProps {
 }
 
 export interface HowItWorksSectionProps {
-    imageSrc: string;
-    imageAlt: string;
+    media: ReactNode;
     title: string;
     description: string;
     steps: HowItWorksStep[];
-    /** Optional overlays (badges, labels) absolutely positioned on the media */
-    imageOverlay?: ReactNode;
 }
 
 export interface HowItWorksStep {
+    id: string;
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 
 export interface OnlineBenefit {
@@ -90,9 +86,10 @@ export interface OnlineBenefit {
 }
 
 export interface QuickBenefit {
+    id: string;
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 
 export interface SectionHeadingProps {

package/dist/components/FastAndSimpleSection.d.ts

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

package/dist/components/FastAndSimpleSection.js

@@ -1,54 +1,25 @@
-import { jsx as e, jsxs as l, Fragment as c } from "react/jsx-runtime";
-import { Card as n } from "./Card.js";
-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 })
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Markdown as o } from "./Markdown.js";
+const p = ({
+  bgImage: t,
+  title: r,
+  description: i,
+  benefits: d,
+  variant: s
+}) => s === "ratafia" ? /* @__PURE__ */ e("section", { className: "px-6 py-16 sm:px-10 lg:px-24", children: /* @__PURE__ */ e("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__ */ e("div", { className: "mt-10 grid gap-6 md:grid-cols-3" }) }) }) : /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 xl:px-0", children: /* @__PURE__ */ a("div", { className: "relative mx-auto flex w-full max-w-300 flex-col gap-8 overflow-hidden rounded-2xl bg-neutral-50 p-6 md:p-8 lg:p-12", children: [
+  !!t && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-35/100 -right-35 md:-right-50 lg:top-0 lg:right-5", children: t }),
+  /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: r }),
+    /* @__PURE__ */ e(o, { className: "text-medium text-neutral-800 [&_p:last-child]:mb-0", content: i })
   ] }),
-  /* @__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: [
-      i !== "" && /* @__PURE__ */ e(
-        "img",
-        {
-          src: i,
-          alt: "",
-          width: 189,
-          height: 482,
-          className: "pointer-events-none absolute top-1/2 -right-6 hidden -translate-y-1/2 opacity-60 lg:block",
-          "aria-hidden": !0
-        }
-      ),
-      /* @__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(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 })
-        },
-        t.title
-      )) })
-    ]
-  }
-) });
+  /* @__PURE__ */ e("div", { className: "z-1 grid grid-cols-1 gap-4 lg:grid-cols-3 lg:gap-8", children: d.map((l) => /* @__PURE__ */ a("div", { className: "flex flex-col gap-4 rounded bg-white p-6 md:flex-row lg:flex-col", children: [
+    /* @__PURE__ */ e("span", { className: "h-fit w-fit rounded-lg bg-neutral-50 p-2", children: l.icon }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ e("p", { className: "text-big text-primary-900 font-bold", children: l.title }),
+      /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: l.description })
+    ] })
+  ] }, l.title)) })
+] }) });
 export {
-  x as FastAndSimpleSection
+  p as FastAndSimpleSection
 };

package/dist/components/HowItWorksSection.d.ts

@@ -4,18 +4,16 @@ import { ReactNode } from 'react';
 export declare const HowItWorksSection: FC<HowItWorksSectionProps>;
 
 export declare interface HowItWorksSectionProps {
-    imageSrc: string;
-    imageAlt: string;
+    media: ReactNode;
     title: string;
     description: string;
     steps: HowItWorksStep[];
-    /** Optional overlays (badges, labels) absolutely positioned on the media */
-    imageOverlay?: ReactNode;
 }
 
 export declare interface HowItWorksStep {
+    id: string;
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 

package/dist/components/HowItWorksSection.js

@@ -1,36 +1,22 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { SectionHeading as n } from "./SectionHeading.js";
-const h = ({
-  imageSrc: a,
-  imageAlt: r,
-  title: s,
-  description: t,
-  steps: c,
-  imageOverlay: d
-}) => /* @__PURE__ */ e("section", { className: "bg-white px-4 py-16", children: /* @__PURE__ */ i("div", { className: "mx-auto grid w-full max-w-6xl gap-12 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]", children: [
-  /* @__PURE__ */ i("div", { className: "relative order-2 overflow-hidden rounded-3xl shadow-[0_25px_80px_rgba(3,42,56,0.25)] lg:order-1", children: [
-    /* @__PURE__ */ e("img", { src: a, alt: r, width: 737, height: 524, className: "h-full w-full object-cover" }),
-    d
-  ] }),
-  /* @__PURE__ */ i("div", { className: "order-1 space-y-6 lg:order-2", children: [
-    /* @__PURE__ */ e(n, { title: s, description: t, align: "start" }),
-    /* @__PURE__ */ e("div", { className: "space-y-4", children: c.map((l) => /* @__PURE__ */ e(
-      "article",
-      {
-        className: "bg-neutral-25 rounded-lg p-5",
-        style: { boxShadow: "var(--shadow-small)" },
-        children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
-          typeof l.icon == "string" ? /* @__PURE__ */ e("img", { src: l.icon, alt: "", width: 24, height: 24, className: "h-6 w-6" }) : /* @__PURE__ */ e("span", { className: "inline-flex h-6 w-6 shrink-0 items-center justify-center", children: l.icon }),
-          /* @__PURE__ */ i("div", { children: [
-            /* @__PURE__ */ e("p", { className: "text-medium font-bold text-neutral-800", children: l.title }),
-            /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: l.description })
-          ] })
-        ] })
-      },
-      l.title
-    )) })
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Markdown as c } from "./Markdown.js";
+const m = ({ media: a, title: d, description: i, steps: s }) => /* @__PURE__ */ e("section", { className: "bg-white", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full flex-col gap-8 px-6 py-8 md:gap-12 lg:px-8 lg:py-12 xl:max-w-300 xl:flex-row xl:items-center xl:px-0", children: [
+  /* @__PURE__ */ e("div", { className: "relative order-2 overflow-hidden rounded-md shadow md:order-1 lg:mx-auto xl:shrink-0", children: a }),
+  /* @__PURE__ */ l("div", { className: "order-1 flex flex-col gap-6 text-neutral-800 md:order-2", children: [
+    /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: d }),
+    /* @__PURE__ */ e(c, { className: "text-medium [&_p:last-child]:mb-0", content: i }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3 xl:grid-cols-1", children: s.map((r) => /* @__PURE__ */ e("article", { className: "bg-neutral-25 rounded p-6", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-start gap-2", children: [
+      /* @__PURE__ */ l("div", { className: "flex justify-center gap-2", children: [
+        r.icon,
+        /* @__PURE__ */ e("p", { className: "text-medium font-bold", children: r.title })
+      ] }),
+      /* @__PURE__ */ l("p", { className: "text-small", children: [
+        r.description,
+        " "
+      ] })
+    ] }) }, r.id)) })
   ] })
 ] }) });
 export {
-  h as HowItWorksSection
+  m as HowItWorksSection
 };

package/dist/components/NotFoundTemplate.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { IntroSection as c } from "./IntroSection.js";
-import { ContactMethodsSection as n } from "./ContactMethodsSection.js";
 import { Card as o } from "./Card.js";
+import { ContactMethodsSection as n } from "./ContactMethodsSection.js";
 import { DocumentItem as s } from "./DocumentItem.js";
 import { SearchBar as f } from "./SearchBar.js";
 const g = ({ intro: m, popularDocuments: r, searchBar: t, contactMethods: i }) => /* @__PURE__ */ l("main", { className: "flex-1", children: [

package/dist/components/ValuesSection.js

@@ -1,16 +1,16 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { TwoColumnSection as a } from "./TwoColumnSection.js";
-const o = ({ title: s, children: l, image: r }) => /* @__PURE__ */ e(
-  a,
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { TwoColumnSection as r } from "./TwoColumnSection.js";
+const i = ({ title: s, children: t, image: a }) => /* @__PURE__ */ e(
+  r,
   {
-    containerClassName: "gap-20 items-center flex-col-reverse",
-    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: r }) }),
-    secondColumn: /* @__PURE__ */ t("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
+    containerClassName: "gap-20 items-center",
+    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: a }) }),
+    secondColumn: /* @__PURE__ */ l("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
       /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: s }),
-      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: l })
+      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: t })
     ] })
   }
 );
 export {
-  o as ValuesSection
+  i as ValuesSection
 };