@npm_leadtech/legal-contracts-ui 0.188.3 → 0.188.4

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -131,10 +131,15 @@ export interface ToastProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText: string;
+    uploadPromptText?: string;
     addDocumentLabel: string;
-    fileSizeText: string;
-    disclaimer: string;
+    fileSizeText?: string;
+    disclaimer?: string;
+    title?: string;
+    description?: string;
+    trustLine?: string;
+    uploadIcon?: ReactNode;
+    variant?: 'default' | 'pdf-tools';
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/ConversionSection.d.ts

@@ -11,10 +11,15 @@ export declare interface ConversionSectionProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText: string;
+    uploadPromptText?: string;
     addDocumentLabel: string;
-    fileSizeText: string;
-    disclaimer: string;
+    fileSizeText?: string;
+    disclaimer?: string;
+    title?: string;
+    description?: string;
+    trustLine?: string;
+    uploadIcon?: ReactNode;
+    variant?: 'default' | 'pdf-tools';
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -123,10 +123,15 @@ export interface ToastProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText: string;
+    uploadPromptText?: string;
     addDocumentLabel: string;
-    fileSizeText: string;
-    disclaimer: string;
+    fileSizeText?: string;
+    disclaimer?: string;
+    title?: string;
+    description?: string;
+    trustLine?: string;
+    uploadIcon?: ReactNode;
+    variant?: 'default' | 'pdf-tools';
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/ExploreToolsSection.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface ExploreToolsGroup {
+    id: string;
+    icon: ReactNode;
+    label: string;
+    tools: ExploreToolsTool[];
+}
+
+export declare const ExploreToolsSection: FC<ExploreToolsSectionProps>;
+
+export declare interface ExploreToolsSectionProps {
+    title: string;
+    description: string;
+    groups: ExploreToolsGroup[];
+}
+
+export declare interface ExploreToolsTool {
+    id: string;
+    label: string;
+    href: string;
+}
+

package/dist/components/ExploreToolsSection.js

@@ -0,0 +1,46 @@
+import { SectionHeading as e } from "./SectionHeading.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/components/organisms/ExploreToolsSection.tsx
+var r = ({ title: r, description: i, groups: a }) => {
+	let o = a.filter((e) => e.tools.length > 0);
+	return o.length === 0 ? null : /* @__PURE__ */ t("section", {
+		className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0",
+		children: /* @__PURE__ */ n("div", {
+			className: "mx-auto flex w-full max-w-300 flex-col gap-6",
+			children: [/* @__PURE__ */ t(e, {
+				title: r,
+				description: i,
+				align: "start",
+				titleClass: "font-sans text-large md:text-super-large font-bold"
+			}), /* @__PURE__ */ t("div", {
+				className: "grid grid-cols-1 gap-6 md:grid-cols-5 md:gap-4 lg:gap-10",
+				children: o.map((e) => /* @__PURE__ */ n("div", {
+					className: "flex flex-col gap-2.5",
+					children: [/* @__PURE__ */ n("div", {
+						className: "flex h-10 w-full items-center gap-2 rounded-lg border border-neutral-200 bg-neutral-50 p-2",
+						children: [/* @__PURE__ */ t("span", {
+							className: "flex h-6 w-6 shrink-0 items-center justify-center rounded",
+							children: e.icon
+						}), /* @__PURE__ */ t("p", {
+							className: "text-small min-w-0 font-bold break-words text-neutral-800",
+							children: e.label
+						})]
+					}), /* @__PURE__ */ t("div", {
+						className: "flex flex-col gap-2.5",
+						children: e.tools.map((e) => /* @__PURE__ */ t("a", {
+							href: e.href,
+							title: e.label,
+							className: "text-small hover:bg-neutral-25 flex min-h-10 w-full items-center rounded-lg border border-neutral-200 bg-white p-2 font-bold text-neutral-800 transition-colors",
+							children: /* @__PURE__ */ t("span", {
+								className: "break-words",
+								children: e.label
+							})
+						}, e.id))
+					})]
+				}, e.id))
+			})]
+		})
+	});
+};
+//#endregion
+export { r as ExploreToolsSection };

package/dist/components/Hero2Section.d.ts

@@ -20,10 +20,15 @@ export declare interface Hero2SectionProps {
 }
 
 export interface UploadZoneProps {
-    uploadPromptText: string;
+    uploadPromptText?: string;
     addDocumentLabel: string;
-    fileSizeText: string;
-    disclaimer: string;
+    fileSizeText?: string;
+    disclaimer?: string;
+    title?: string;
+    description?: string;
+    trustLine?: string;
+    uploadIcon?: ReactNode;
+    variant?: 'default' | 'pdf-tools';
     containerClassName?: string;
     onAddDocument?: () => void;
     onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;

package/dist/components/HomeTemplate.d.ts

@@ -49,7 +49,7 @@ export interface HeroSectionProps {
 }
 
 export interface HomeStepsProps {
-    image: ReactNode;
+    image?: ReactNode;
     header: SectionHeadingProps;
     steps: {
         id: string;
@@ -57,6 +57,7 @@ export interface HomeStepsProps {
         description: string;
         image: ReactNode;
     }[];
+    variant?: 'default' | 'pdf-tools';
 }
 
 export declare const HomeTemplate: FC<HomeTemplateProps>;

package/dist/components/LockIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const LockIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+

package/dist/components/LockIcon.js

@@ -0,0 +1,34 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region lib/components/icons/LockIcon.tsx
+var n = (n) => /* @__PURE__ */ t("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": !0,
+	...n,
+	children: [
+		/* @__PURE__ */ e("rect", {
+			x: "4.75",
+			y: "10.25",
+			width: "14.5",
+			height: "10",
+			rx: "2",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}),
+		/* @__PURE__ */ e("path", {
+			d: "M8 10.25V7.5a4 4 0 0 1 8 0v2.75",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		}),
+		/* @__PURE__ */ e("path", {
+			d: "M12 14v2.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	]
+});
+//#endregion
+export { n as LockIcon };

package/dist/components/NavMenuItem.js

@@ -6,8 +6,8 @@ import { useCallback as n, useEffect as r, useRef as i, useState as a } from "re
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/atoms/NavMenuItem.tsx
 var c = {
-	standard: "bg-secondary-200 h-4.5 w-5.25",
-	emphasized: "bg-[var(--tag-emphasized-bg,var(--primary-300))] h-4.5 px-1"
+	standard: "bg-secondary-200 h-4.5 min-w-5.25 px-1",
+	emphasized: "bg-[var(--tag-emphasized-bg,var(--primary-300))] h-4.5 min-w-5.25 px-1"
 }, l = ({ tag: e, variant: t }) => /* @__PURE__ */ o("span", {
 	className: `text-extra-small flex h-4.5 items-center justify-center rounded align-middle font-bold ${c[t]}`,
 	children: e
@@ -33,7 +33,7 @@ var c = {
 		},
 		nested: {
 			liClass: "relative",
-			triggerClass: "p-1 hover:bg-primary-100 w-full rounded min-w-48.5",
+			triggerClass: "p-1 hover:bg-primary-100 w-full rounded",
 			dropdownPosition: "top-0 left-full -mt-4 pl-6",
 			Icon: t
 		}
@@ -81,7 +81,7 @@ var c = {
 					variant: r
 				})]
 			}), /* @__PURE__ */ o("div", {
-				className: `absolute z-50 min-w-48 transition-all duration-200 ${T.dropdownPosition} ${x ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
+				className: `absolute z-50 w-max min-w-40 transition-all duration-200 ${T.dropdownPosition} ${x ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
 				children: /* @__PURE__ */ o("div", {
 					className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg",
 					children: /* @__PURE__ */ o("ul", {

package/dist/components/PdfToolsBenefitsSection.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface PdfToolsBenefitItem {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export declare const PdfToolsBenefitsSection: FC<PdfToolsBenefitsSectionProps>;
+
+export declare interface PdfToolsBenefitsSectionProps {
+    items: PdfToolsBenefitItem[];
+    image?: ReactNode | null;
+}
+

package/dist/components/PdfToolsBenefitsSection.js

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import n from "clsx";
+//#region lib/components/organisms/PdfToolsBenefitsSection.tsx
+var r = ({ items: r, image: i }) => {
+	if (r.length === 0) return null;
+	let a = !!i;
+	return /* @__PURE__ */ e("section", {
+		className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0",
+		children: /* @__PURE__ */ t("div", {
+			className: n("mx-auto w-full max-w-300", a ? "grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-20" : "flex flex-col"),
+			children: [/* @__PURE__ */ e("div", {
+				className: n(a ? "flex flex-col gap-8" : "grid grid-cols-1 gap-8", !a && r.length >= 4 && "md:grid-cols-4", !a && r.length < 4 && "md:grid-cols-3"),
+				children: r.map((n) => /* @__PURE__ */ t("div", {
+					className: "flex items-start gap-6",
+					children: [/* @__PURE__ */ e("div", {
+						className: "bg-primary-50 flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl text-neutral-800",
+						children: n.icon
+					}), /* @__PURE__ */ t("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ e("p", {
+							className: "text-big font-bold text-neutral-800",
+							children: n.title
+						}), /* @__PURE__ */ e("p", {
+							className: "text-small text-neutral-600",
+							children: n.description
+						})]
+					})]
+				}, n.id))
+			}), a && /* @__PURE__ */ e("div", {
+				className: "h-53.5 overflow-hidden rounded-2xl md:hidden lg:block lg:h-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
+				children: i
+			})]
+		})
+	});
+};
+//#endregion
+export { r as PdfToolsBenefitsSection };

package/dist/components/PdfToolsHero.d.ts

@@ -0,0 +1,38 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const PdfToolsHero: FC<PdfToolsHeroProps>;
+
+export declare type PdfToolsHeroBadge = {
+    id: string;
+    icon: ReactNode;
+    text: string;
+};
+
+export declare interface PdfToolsHeroProps {
+    title: string;
+    titleRich?: ReactNode;
+    subtitle: string;
+    uploadZone: Omit<UploadZoneProps, 'variant'>;
+    badges: PdfToolsHeroBadge[];
+    trustPilot?: ReactNode;
+    bgLeft?: ReactNode | null;
+    bgRight?: ReactNode | null;
+}
+
+export interface UploadZoneProps {
+    uploadPromptText?: string;
+    addDocumentLabel: string;
+    fileSizeText?: string;
+    disclaimer?: string;
+    title?: string;
+    description?: string;
+    trustLine?: string;
+    uploadIcon?: ReactNode;
+    variant?: 'default' | 'pdf-tools';
+    containerClassName?: string;
+    onAddDocument?: () => void;
+    onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
+}
+

package/dist/components/PdfToolsHero.js

@@ -0,0 +1,53 @@
+import { Markdown as e } from "./Markdown.js";
+import { UploadZone as t } from "./UploadZone.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "clsx";
+//#region lib/components/organisms/PdfToolsHero.tsx
+var a = ({ title: a, titleRich: o, subtitle: s, uploadZone: c, badges: l, trustPilot: u, bgLeft: d, bgRight: f }) => {
+	let p = !!u || l.length > 0;
+	return /* @__PURE__ */ r("section", {
+		className: i("relative flex flex-col items-center gap-6 bg-neutral-50 px-4 pt-8 md:px-6 lg:px-8 lg:pt-16 xl:px-0", p ? "pb-6 lg:pb-8" : "pb-10 lg:pb-16"),
+		children: [
+			!!d && /* @__PURE__ */ n("div", {
+				className: "pointer-events-none absolute top-0 -left-25 hidden lg:block xl:left-0",
+				children: d
+			}),
+			!!f && /* @__PURE__ */ n("div", {
+				className: "pointer-events-none absolute -right-15 bottom-0 hidden lg:block xl:right-5",
+				children: f
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex max-w-300 flex-col items-center gap-3",
+				children: [/* @__PURE__ */ n("h1", {
+					className: "text-super-large md:text-hero text-center font-bold text-neutral-800",
+					children: o ?? a
+				}), /* @__PURE__ */ n(e, {
+					content: s,
+					className: "text-small md:text-medium text-center text-neutral-600 [&_p:last-child]:mb-0"
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "relative mx-auto w-full max-w-300",
+				children: /* @__PURE__ */ n(t, {
+					...c,
+					variant: "pdf-tools"
+				})
+			}),
+			p && /* @__PURE__ */ r("div", {
+				className: i("mx-auto flex w-full max-w-300 flex-col items-center gap-3", u && l.length > 0 ? "lg:flex-row lg:justify-between" : "justify-center"),
+				children: [!!u && u, l.length > 0 && /* @__PURE__ */ n("div", {
+					className: "flex flex-wrap items-center justify-center gap-x-3 gap-y-2 md:gap-x-6",
+					children: l.map((e) => /* @__PURE__ */ r("div", {
+						className: "flex items-center gap-1",
+						children: [e.icon, /* @__PURE__ */ n("p", {
+							className: "text-extra-small md:text-small text-neutral-800",
+							children: e.text
+						})]
+					}, e.id))
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { a as PdfToolsHero };

package/dist/components/PdfToolsTemplate.d.ts

@@ -0,0 +1,126 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export interface ExploreToolsGroup {
+    id: string;
+    icon: ReactNode;
+    label: string;
+    tools: ExploreToolsTool[];
+}
+
+export interface ExploreToolsSectionProps {
+    title: string;
+    description: string;
+    groups: ExploreToolsGroup[];
+}
+
+export interface ExploreToolsTool {
+    id: string;
+    label: string;
+    href: string;
+}
+
+export interface FaqItemProps {
+    question: string;
+    answer: string;
+    showMoreText?: string;
+    collapsedButtonText?: string;
+    expandedButtonText?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    slug: string;
+}
+
+export interface FaqSectionProps {
+    title: string;
+    description: string;
+    faqItems: FaqItemProps[];
+    className?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+}
+
+export interface HomeStepsProps {
+    image?: ReactNode;
+    header: SectionHeadingProps;
+    steps: {
+        id: string;
+        title: string;
+        description: string;
+        image: ReactNode;
+    }[];
+    variant?: 'default' | 'pdf-tools';
+}
+
+export interface PdfToolsBenefitItem {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export interface PdfToolsBenefitsSectionProps {
+    items: PdfToolsBenefitItem[];
+    image?: ReactNode | null;
+}
+
+export type PdfToolsHeroBadge = {
+    id: string;
+    icon: ReactNode;
+    text: string;
+};
+
+export interface PdfToolsHeroProps {
+    title: string;
+    titleRich?: ReactNode;
+    subtitle: string;
+    uploadZone: Omit<UploadZoneProps, 'variant'>;
+    badges: PdfToolsHeroBadge[];
+    trustPilot?: ReactNode;
+    bgLeft?: ReactNode | null;
+    bgRight?: ReactNode | null;
+}
+
+export declare const PdfToolsTemplate: FC<PdfToolsTemplateProps>;
+
+export declare type PdfToolsTemplateProps = {
+    hero: PdfToolsHeroProps;
+    howItWorks: Omit<HomeStepsProps, 'variant' | 'image'>;
+    benefits: PdfToolsBenefitsSectionProps;
+    exploreTools?: ExploreToolsSectionProps | null;
+    faq?: FaqSectionProps | null;
+    faqNote?: ReactNode | null;
+    toast?: ToastProps;
+};
+
+export interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+    hasMaxWidth?: boolean;
+}
+
+export interface ToastProps {
+    show: boolean;
+    title: string;
+    message: string;
+    type?: 'success' | 'error' | 'default';
+    onClose: () => void;
+}
+
+export interface UploadZoneProps {
+    uploadPromptText?: string;
+    addDocumentLabel: string;
+    fileSizeText?: string;
+    disclaimer?: string;
+    title?: string;
+    description?: string;
+    trustLine?: string;
+    uploadIcon?: ReactNode;
+    variant?: 'default' | 'pdf-tools';
+    containerClassName?: string;
+    onAddDocument?: () => void;
+    onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
+}
+

package/dist/components/PdfToolsTemplate.js

@@ -0,0 +1,49 @@
+import { SecurityIcon as e } from "./SecurityIcon.js";
+import { Toast as t } from "./Toast.js";
+import { FaqSection as n } from "./FaqSection.js";
+import { ProcessSection as r } from "./ProcessSection.js";
+import { PdfToolsHero as i } from "./PdfToolsHero.js";
+import { PdfToolsBenefitsSection as a } from "./PdfToolsBenefitsSection.js";
+import { ExploreToolsSection as o } from "./ExploreToolsSection.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "clsx";
+//#region lib/components/templates/PdfToolsTemplate.tsx
+var u = ({ hero: u, howItWorks: d, benefits: f, exploreTools: p, faq: m, faqNote: h, toast: g }) => {
+	let _ = !!h;
+	return /* @__PURE__ */ c("main", {
+		className: "w-full flex-1 bg-white",
+		"data-qa": "pdf_tools_page",
+		children: [
+			/* @__PURE__ */ s(i, { ...u }),
+			/* @__PURE__ */ s(r, {
+				...d,
+				variant: "pdf-tools",
+				header: {
+					...d.header,
+					titleClass: "font-sans text-super-large font-bold"
+				}
+			}),
+			/* @__PURE__ */ s(a, { ...f }),
+			p ? /* @__PURE__ */ s(o, { ...p }) : null,
+			(!!m || _) && /* @__PURE__ */ c("div", {
+				className: "bg-neutral-50",
+				children: [m ? /* @__PURE__ */ s(n, {
+					...m,
+					className: l("mx-auto max-w-300 px-6 pt-8 lg:px-8 lg:pt-10 xl:px-0", _ ? "pb-4" : "pb-12 lg:pb-20")
+				}) : null, _ && /* @__PURE__ */ c("div", {
+					className: "text-extra-small mx-auto flex max-w-300 items-start gap-2 px-6 pb-12 text-neutral-900 md:items-center lg:px-8 lg:pb-20 xl:px-0 [&_p]:mb-0",
+					children: [/* @__PURE__ */ s(e, {
+						className: "h-6 w-6 shrink-0",
+						fill: "var(--color-neutral-600)"
+					}), /* @__PURE__ */ s("div", {
+						className: "flex-1",
+						children: h
+					})]
+				})]
+			}),
+			g && /* @__PURE__ */ s(t, { ...g })
+		]
+	});
+};
+//#endregion
+export { u as PdfToolsTemplate };

package/dist/components/ProcessSection.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { ReactNode } from 'react';
 
 export declare interface HomeStepsProps {
-    image: ReactNode;
+    image?: ReactNode;
     header: SectionHeadingProps;
     steps: {
         id: string;
@@ -10,6 +10,7 @@ export declare interface HomeStepsProps {
         description: string;
         image: ReactNode;
     }[];
+    variant?: 'default' | 'pdf-tools';
 }
 
 export declare const ProcessSection: FC<HomeStepsProps>;

package/dist/components/ProcessSection.js

@@ -1,34 +1,43 @@
 import { SectionHeading as e } from "./SectionHeading.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import r from "clsx";
 //#region lib/components/organisms/ProcessSection.tsx
-var r = ({ image: r, header: i, steps: a }) => a.length === 0 ? null : /* @__PURE__ */ n("section", {
-	className: "relative mx-auto bg-neutral-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0",
-	children: [/* @__PURE__ */ t("div", {
-		className: "pointer-events-none absolute top-0 right-0 hidden lg:block",
-		children: r
-	}), /* @__PURE__ */ n("div", {
-		className: "relative mx-auto flex flex-col gap-6 xl:max-w-250",
-		children: [/* @__PURE__ */ t(e, { ...i }), /* @__PURE__ */ t("div", {
-			className: "grid grid-cols-1 gap-4 md:grid-cols-3 lg:gap-8",
-			children: a.map((e) => /* @__PURE__ */ n("div", {
-				className: "flex items-center gap-6 rounded-sm bg-white p-6 shadow-lg md:flex-col md:justify-center md:gap-10 md:py-10",
-				children: [/* @__PURE__ */ t("div", {
-					className: "h-22 w-22 shrink-0 overflow-hidden md:h-30 md:w-30 [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
-					children: e.image
-				}), /* @__PURE__ */ n("div", {
-					className: "flex flex-col gap-2 md:text-center",
-					children: [/* @__PURE__ */ t("p", {
-						className: "text-big font-semibold text-neutral-800",
-						children: e.title
-					}), /* @__PURE__ */ t("p", {
-						className: "text-small text-neutral-600",
-						children: e.description
+var i = ({ image: i, header: a, steps: o, variant: s = "default" }) => {
+	if (o.length === 0) return null;
+	let c = s === "pdf-tools";
+	return /* @__PURE__ */ n("section", {
+		className: r("relative mx-auto px-6 lg:px-8 xl:px-0", c ? "bg-white py-8 lg:py-10" : "bg-neutral-50 py-10 lg:py-12"),
+		children: [!c && /* @__PURE__ */ t("div", {
+			className: "pointer-events-none absolute top-0 right-0 hidden lg:block",
+			children: i
+		}), /* @__PURE__ */ n("div", {
+			className: r("relative mx-auto flex flex-col gap-6", c ? "max-w-300" : "xl:max-w-250"),
+			children: [/* @__PURE__ */ t(e, {
+				...a,
+				titleClass: "font-sans text-super-large font-bold",
+				align: c ? "start" : a.align
+			}), /* @__PURE__ */ t("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-3 lg:gap-8",
+				children: o.map((e) => /* @__PURE__ */ n("div", {
+					className: c ? "flex flex-col overflow-hidden rounded-2xl bg-white shadow-[0px_2px_6px_0px_rgba(2,55,74,0.1)]" : "flex items-center gap-6 rounded-sm bg-white p-6 shadow-lg md:flex-col md:justify-center md:gap-10 md:py-10",
+					children: [/* @__PURE__ */ t("div", {
+						className: r("overflow-hidden", c ? "bg-primary-50 flex h-53.5 w-full items-center justify-center p-4 [&_img]:h-auto [&_img]:max-h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain" : "h-22 w-22 shrink-0 md:h-30 md:w-30 [&_img]:h-full [&_img]:w-full [&_img]:object-cover"),
+						children: e.image
+					}), /* @__PURE__ */ n("div", {
+						className: r("flex flex-col", c ? "gap-4 border-t border-neutral-200 p-6" : "gap-2 md:text-center"),
+						children: [/* @__PURE__ */ t("p", {
+							className: "text-big font-semibold text-neutral-800",
+							children: e.title
+						}), /* @__PURE__ */ t("p", {
+							className: r(c ? "text-medium text-neutral-600" : "text-small text-neutral-600"),
+							children: e.description
+						})]
 					})]
-				})]
-			}, e.id))
+				}, e.id))
+			})]
 		})]
-	})]
-});
+	});
+};
 //#endregion
-export { r as ProcessSection };
+export { i as ProcessSection };

package/dist/components/UploadDocIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React_2 from 'react';
+
+export declare const UploadDocIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+