@npm_leadtech/legal-contracts-ui 0.83.0 → 0.84.1

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -31,10 +31,7 @@ export interface AiLegalDocumentInsightsTab {
 export declare const AiLegalDocumentReviewerTemplate: FC<AiLegalDocumentReviewerTemplateProps>;
 
 export declare type AiLegalDocumentReviewerTemplateProps = {
-    hero: Omit<Hero2SectionProps, 'uploadSlot' | 'theme'> & {
-        theme: 'dark';
-        upload: DocumentReviewUploadCardProps;
-    };
+    hero: Hero2SectionProps;
     howItWorks: HowItWorksSectionProps;
     /** Same shape as e-sign `fastAndSimple`; template forces `variant="lawgeniusDark"`. */
     fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
@@ -106,19 +103,16 @@ 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 {
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 
 export interface LawgeniusAskQuestionsSectionProps {

package/dist/components/BlogSection.d.ts

@@ -13,6 +13,7 @@ export declare interface BlogSectionProps {
     }[];
     cta: ReactNode | null;
     className?: string;
+    variant?: 'column' | 'row';
 }
 
 export interface SectionHeadingProps {

package/dist/components/BlogSection.js

@@ -1,20 +1,40 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
-import t from "clsx";
-import { SectionHeading as a } from "./SectionHeading.js";
-import { LinkWrapper as d } from "./LinkWrapper.js";
-const p = ({ header: m, articles: r, cta: o, className: n = "" }) => r.length === 0 ? null : /* @__PURE__ */ e("section", { className: t("mx-auto px-8 lg:px-12 xl:max-w-300 xl:px-0", n), children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
-  m && /* @__PURE__ */ e(a, { ...m }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: r.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-t-sm md:h-full md:max-w-51 md:rounded-t-none md:rounded-l-sm [&_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(d, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
-    ] })
-  ] }, l.title)) }),
-  !!o && /* @__PURE__ */ e(d, { className: "w-full md:w-fit", variant: "secondary-green", children: o })
-] }) });
+import o from "clsx";
+import { SectionHeading as c } from "./SectionHeading.js";
+import { LinkWrapper as t } from "./LinkWrapper.js";
+const u = ({ header: r, articles: m, cta: d, className: s = "", variant: a = "row" }) => {
+  if (m.length === 0) return null;
+  const n = a === "row";
+  return /* @__PURE__ */ e("section", { className: o("mx-auto px-8 lg:px-12 xl:max-w-300 xl:px-0", s), children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
+    r && /* @__PURE__ */ e(c, { ...r }),
+    /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: m.map((l) => /* @__PURE__ */ i(
+      "article",
+      {
+        className: o("flex flex-col rounded-sm bg-white shadow", n && "md:flex-row"),
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                "relative h-42 shrink-0 overflow-hidden rounded-t-sm [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
+                n && "md:h-full md:max-w-51 md:rounded-t-none md:rounded-l-sm"
+              ),
+              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(t, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
+          ] })
+        ]
+      },
+      l.title
+    )) }),
+    !!d && /* @__PURE__ */ e(t, { className: "w-full md:w-fit", variant: "secondary-green", children: d })
+  ] }) });
+};
 export {
-  p as BlogSection
+  u as BlogSection
 };

package/dist/components/CategoryProductTemplate.d.ts

@@ -11,6 +11,7 @@ export interface BlogSectionProps {
     }[];
     cta: ReactNode | null;
     className?: string;
+    variant?: 'column' | 'row';
 }
 
 export interface BreadcrumbProps {

package/dist/components/CategoryProductTemplate.js

@@ -5,7 +5,7 @@ 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 = ({
+const v = ({
   jumbo: r,
   breadcrumb: o,
   categories: m,
@@ -25,6 +25,8 @@ const w = ({
         d,
         {
           ...a,
+          className: "px-0!",
+          variant: "column",
           header: a.header ? {
             ...a.header,
             align: "start",
@@ -37,5 +39,5 @@ const w = ({
   ] })
 ] });
 export {
-  w as CategoryProductTemplate
+  v as CategoryProductTemplate
 };

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -69,19 +69,16 @@ 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 {
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 
 export interface OnlineBenefit {

package/dist/components/HomeTemplate.d.ts

@@ -11,6 +11,7 @@ export interface BlogSectionProps {
     }[];
     cta: ReactNode | null;
     className?: string;
+    variant?: 'column' | 'row';
 }
 
 export interface CategoriesSectionProps {

package/dist/components/HowItWorksSection.d.ts

@@ -4,18 +4,15 @@ 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 {
     title: string;
     description: string;
-    icon: string | ReactNode;
+    icon: ReactNode;
 }
 

package/dist/components/HowItWorksSection.js

@@ -1,27 +1,17 @@
-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(
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { SectionHeading as t } from "./SectionHeading.js";
+const o = ({ media: r, title: i, description: s, steps: d }) => /* @__PURE__ */ e("section", { className: "bg-white px-4 py-16", children: /* @__PURE__ */ a("div", { className: "mx-auto grid w-full max-w-6xl gap-12 lg:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]", children: [
+  /* @__PURE__ */ e("div", { className: "relative order-2 overflow-hidden rounded-3xl shadow-[0_25px_80px_rgba(3,42,56,0.25)] lg:order-1", children: r }),
+  /* @__PURE__ */ a("div", { className: "order-1 space-y-6 lg:order-2", children: [
+    /* @__PURE__ */ e(t, { title: i, description: s, align: "start" }),
+    /* @__PURE__ */ e("div", { className: "space-y-4", children: d.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: [
+        children: /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ e("span", { className: "inline-flex h-6 w-6 shrink-0 items-center justify-center", children: l.icon }),
+          /* @__PURE__ */ a("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 })
           ] })
@@ -32,5 +22,5 @@ const h = ({
   ] })
 ] }) });
 export {
-  h as HowItWorksSection
+  o as HowItWorksSection
 };