@npm_leadtech/legal-contracts-ui 0.188.3 → 0.188.5

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/ContactBanner.d.ts

@@ -7,6 +7,7 @@ export declare interface ContactBannerProps {
     phoneNumber?: string;
     contactHoursText?: string;
     contactHours?: string;
+    /** @deprecated No longer used: the banner keeps a fixed height and scrolls away with the page to avoid layout shifts. */
     isScrolled?: boolean;
 }
 

package/dist/components/ContactBanner.js

@@ -1,42 +1,42 @@
 import { SinglePhoneIcon as e } from "./SinglePhoneIcon.js";
-import { useScroll as t } from "../shared/hooks/useScroll.js";
 import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region lib/components/organisms/ContactBanner.tsx
-var i = ({ contactText: i, phoneNumber: a, contactHoursText: o, contactHours: s }) => /* @__PURE__ */ n("section", {
-	className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${t(10) ? "h-0 py-0" : "h-8.75 py-2"}`,
-	children: /* @__PURE__ */ r("div", {
+var r = ({ contactText: r, phoneNumber: i, contactHoursText: a, contactHours: o }) => /* @__PURE__ */ t("section", {
+	"data-qa": "contact_banner",
+	className: "flex h-8.75 w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 py-2",
+	children: /* @__PURE__ */ n("div", {
 		className: "flex flex-wrap items-center justify-center gap-4 text-center text-neutral-900 md:text-left",
 		children: [
-			i && /* @__PURE__ */ n("p", {
+			r && /* @__PURE__ */ t("p", {
 				className: "text-small hidden sm:block",
-				children: i
+				children: r
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ t("div", {
 				className: "h-5 w-5",
-				children: /* @__PURE__ */ n(e, {})
+				children: /* @__PURE__ */ t(e, {})
 			}),
-			a && /* @__PURE__ */ n("a", {
-				href: `tel:${a}`,
+			i && /* @__PURE__ */ t("a", {
+				href: `tel:${i}`,
 				className: "text-small block font-bold sm:hidden",
-				children: a
+				children: i
 			}),
-			a && /* @__PURE__ */ n("p", {
+			i && /* @__PURE__ */ t("p", {
 				className: "text-small hidden font-bold sm:block",
-				children: a
+				children: i
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ n("div", {
 				className: "text-small flex items-center gap-1",
-				children: [o && /* @__PURE__ */ n("span", {
+				children: [a && /* @__PURE__ */ t("span", {
 					className: "hidden sm:block",
-					children: o
-				}), s && /* @__PURE__ */ n("span", {
+					children: a
+				}), o && /* @__PURE__ */ t("span", {
 					className: "sm:hidden",
-					children: s
+					children: o
 				})]
 			})
 		]
 	})
 });
 //#endregion
-export { i as ContactBanner };
+export { r as ContactBanner };

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/Header.d.ts

@@ -70,8 +70,6 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -81,7 +79,6 @@ export type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -96,8 +93,6 @@ export interface NavMenuProps {
     className?: string;
 }
 
-export type NavMenuTagVariant = 'standard' | 'emphasized';
-
 export interface SearchBarProps {
     items: SearchItem[];
     placeholder?: string;

package/dist/components/Header.js

@@ -2,15 +2,15 @@ import { ScalatorIcon as e } from "./ScalatorIcon.js";
 import { LanguageSelector as t } from "./LanguageSelector.js";
 import { NavMenu as n } from "./NavMenu.js";
 import { SearchBar as r } from "./SearchBar.js";
-import { useScroll as i } from "../shared/hooks/useScroll.js";
-import { MobileMenu as a } from "./MobileMenu.js";
+import { MobileMenu as i } from "./MobileMenu.js";
+import { useScroll as a } from "../shared/hooks/useScroll.js";
 import "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/organisms/Header.tsx
 var c = ({ logo: c, navMenu: l, searchBarProps: u, languageSelectorProps: d, userActions: f, mobileMenu: p }) => /* @__PURE__ */ s("div", {
 	className: "sticky top-0 z-1000 flex w-full flex-col",
 	children: [/* @__PURE__ */ o("header", {
-		className: `transition-colors duration-300 ease-in-out ${i(10) ? "bg-white shadow-md" : "bg-primary-50"}`,
+		className: `transition-colors duration-300 ease-in-out ${a(10) ? "bg-white shadow-md" : "bg-primary-50"}`,
 		children: /* @__PURE__ */ s("div", {
 			className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8",
 			children: [
@@ -42,7 +42,7 @@ var c = ({ logo: c, navMenu: l, searchBarProps: u, languageSelectorProps: d, use
 				})
 			]
 		})
-	}), /* @__PURE__ */ o(a, {
+	}), /* @__PURE__ */ o(i, {
 		...p,
 		logo: c,
 		userActions: f,

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/NavMenu.d.ts

@@ -10,8 +10,6 @@ export type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -21,7 +19,6 @@ export type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -35,6 +32,4 @@ export declare interface NavMenuProps {
     navItems: (NavMenuItemProps | NavMenuLink)[];
     className?: string;
 }
-
-export type NavMenuTagVariant = 'standard' | 'emphasized';
 

package/dist/components/NavMenuItem.d.ts

@@ -10,8 +10,6 @@ export declare type NavMenuItemProps = {
     dropdownItems: (NavMenuItemProps | NavMenuLink)[];
     hasDropdown: true;
     isNested?: boolean;
-    tag?: string;
-    tagVariant?: NavMenuTagVariant;
     onItemClick?: () => void;
     isOpen?: boolean;
     onToggle?: (open: boolean) => void;
@@ -21,7 +19,6 @@ export declare type NavMenuLink = {
     id: string;
     link: ReactNode;
     tag?: string;
-    tagVariant?: NavMenuTagVariant;
     hasDropdown: false;
     isNested?: boolean;
     bold?: boolean;
@@ -30,6 +27,4 @@ export declare type NavMenuLink = {
     onToggle?: (open: boolean) => void;
     dataQa?: string;
 };
-
-export declare type NavMenuTagVariant = 'standard' | 'emphasized';
 

package/dist/components/NavMenuItem.js

@@ -5,26 +5,20 @@ import { ChevronRightIcon as t } from "./ChevronRightIcon.js";
 import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 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"
-}, 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
-}), u = (c) => {
-	let { hasDropdown: d, isNested: f, isOpen: p, onToggle: m, dataQa: h, onItemClick: g } = c, [_, v] = a(!1), [y, b] = a(null), x = p ?? _, S = n((e) => {
-		e || b(null), m ? m(e) : v(e);
-	}, [m]), C = i(null);
+var c = (l) => {
+	let { hasDropdown: u, isNested: d, isOpen: f, onToggle: p, dataQa: m, onItemClick: h } = l, [g, _] = a(!1), [v, y] = a(null), b = f ?? g, x = n((e) => {
+		e || y(null), p ? p(e) : _(e);
+	}, [p]), S = i(null);
 	r(() => {
-		if (!x) return;
+		if (!b) return;
 		let e = (e) => {
-			C.current && !C.current.contains(e.target) && S(!1);
+			S.current && !S.current.contains(e.target) && x(!1);
 		};
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [x, S]);
-	let w = {
+	}, [b, x]);
+	let C = {
 		topLevel: {
 			liClass: "relative py-2",
 			triggerClass: "hover:text-neutral-600",
@@ -37,62 +31,56 @@ var c = {
 			dropdownPosition: "top-0 left-full -mt-4 pl-6",
 			Icon: t
 		}
-	}, T = f ? w.nested : w.topLevel, E = T.Icon, D = n(() => {
-		S(!1), g && g();
-	}, [g, S]), O = i(null);
+	}, w = d ? C.nested : C.topLevel, T = w.Icon, E = n(() => {
+		x(!1), h && h();
+	}, [h, x]), D = i(null);
 	r(() => {
-		let e = O.current;
-		if (e) return e.addEventListener("click", D), () => {
-			e.removeEventListener("click", D);
+		let e = D.current;
+		if (e) return e.addEventListener("click", E), () => {
+			e.removeEventListener("click", E);
 		};
-	}, [D]);
-	let k = (e) => {
-		e.stopPropagation(), S(!x);
+	}, [E]);
+	let O = (e) => {
+		e.stopPropagation(), x(!b);
+	}, k = () => {
+		globalThis.window.matchMedia("(hover: hover)").matches && x(!0);
 	}, A = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && S(!0);
-	}, j = () => {
-		globalThis.window.matchMedia("(hover: hover)").matches && S(!1);
+		globalThis.window.matchMedia("(hover: hover)").matches && x(!1);
 	};
-	if (d) {
-		let { dropdownItems: e, label: t, tag: n, tagVariant: r = "standard" } = c;
+	if (u) {
+		let { dropdownItems: e, label: t } = l;
 		return /* @__PURE__ */ s("li", {
-			ref: C,
-			className: T.liClass,
-			onMouseEnter: A,
-			onMouseLeave: j,
-			children: [/* @__PURE__ */ s("div", {
-				className: "inline-flex w-full items-center gap-1",
-				children: [/* @__PURE__ */ s("button", {
-					"data-qa": h,
-					className: `text-small flex flex-1 cursor-pointer items-center justify-between gap-1 text-nowrap text-neutral-800 transition-colors ${T.triggerClass}`,
-					"aria-haspopup": "menu",
-					"aria-expanded": x,
-					onClick: k,
-					children: [/* @__PURE__ */ o("span", {
-						className: "text-medium",
-						children: t
-					}), /* @__PURE__ */ o(E, {
-						fill: "#000",
-						width: 20,
-						height: 20
-					})]
-				}), n && /* @__PURE__ */ o(l, {
-					tag: n,
-					variant: r
+			ref: S,
+			className: w.liClass,
+			onMouseEnter: k,
+			onMouseLeave: A,
+			children: [/* @__PURE__ */ s("button", {
+				"data-qa": m,
+				className: `text-small flex w-full cursor-pointer items-center justify-between gap-1 text-nowrap text-neutral-800 transition-colors ${w.triggerClass}`,
+				"aria-haspopup": "menu",
+				"aria-expanded": b,
+				onClick: O,
+				children: [/* @__PURE__ */ o("span", {
+					className: "text-medium",
+					children: t
+				}), /* @__PURE__ */ o(T, {
+					fill: "#000",
+					width: 20,
+					height: 20
 				})]
 			}), /* @__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 min-w-48 transition-all duration-200 ${w.dropdownPosition} ${b ? "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", {
 						className: "flex flex-col gap-2",
-						children: e.map((e) => /* @__PURE__ */ o(u, {
+						children: e.map((e) => /* @__PURE__ */ o(c, {
 							...e,
 							isNested: !0,
-							onItemClick: D,
-							isOpen: y === e.id,
+							onItemClick: E,
+							isOpen: v === e.id,
 							onToggle: (t) => {
-								b(t ? e.id : null);
+								y(t ? e.id : null);
 							}
 						}, e.id))
 					})
@@ -100,21 +88,21 @@ var c = {
 			})]
 		});
 	}
-	let { link: M, tag: N, tagVariant: P = "standard", bold: F } = c;
+	let { link: j, tag: M, bold: N } = l;
 	return /* @__PURE__ */ o("li", {
-		ref: O,
-		className: T.liClass,
+		ref: D,
+		className: w.liClass,
 		children: /* @__PURE__ */ s("span", {
-			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${T.triggerClass} `,
+			className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${w.triggerClass} `,
 			children: [/* @__PURE__ */ o("span", {
-				className: `text-medium flex-1 ${F ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`,
+				className: `text-medium flex-1 ${N ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`,
+				children: j
+			}), M && /* @__PURE__ */ o("span", {
+				className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold",
 				children: M
-			}), N && /* @__PURE__ */ o(l, {
-				tag: N,
-				variant: P
 			})]
 		})
 	});
 };
 //#endregion
-export { u as NavMenuItem };
+export { c as NavMenuItem };

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;
+}
+