@npm_leadtech/legal-contracts-ui 0.182.6 → 0.182.22

package/dist/components/Checkbox.js

@@ -4,7 +4,7 @@ import r from "clsx";
 //#region lib/components/atoms/Checkbox.tsx
 var i = ({ dataQa: i, id: a, name: o, required: s = !1, children: c, checked: l, error: u = !1, ...d }) => /* @__PURE__ */ n("label", {
 	htmlFor: a,
-	className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none",
+	className: "text-medium flex cursor-pointer items-start gap-2 text-neutral-800 select-none",
 	children: [
 		/* @__PURE__ */ t("input", {
 			id: a,
@@ -16,11 +16,11 @@ var i = ({ dataQa: i, id: a, name: o, required: s = !1, children: c, checked: l,
 		}),
 		/* @__PURE__ */ t("div", {
 			"data-qa": i,
-			className: r("flex h-5.5 w-5.5 items-center justify-center rounded transition-colors", "peer-focus-visible:ring-primary-500 peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2", !u && !l && "hover:bg-primary-200 border border-neutral-800 bg-white", l && "border-primary-500 bg-primary-200 border-2", u && "border-error-500 bg-error-20 border"),
+			className: r("flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded transition-colors", "peer-focus-visible:ring-primary-500 peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2", !u && !l && "hover:bg-primary-200 border border-neutral-800 bg-white", l && "border-primary-500 bg-primary-200 border-2", u && "border-error-500 bg-error-20 border"),
 			children: l && /* @__PURE__ */ t(e, {})
 		}),
 		/* @__PURE__ */ t("span", {
-			className: "leading-tight text-neutral-800",
+			className: "min-w-0 leading-tight text-neutral-800",
 			children: c
 		})
 	]

package/dist/components/ContentItem.js

@@ -32,11 +32,11 @@ var c = ({ id: c, title: l, content: u, linkedProducts: d, sampleImage: f, cta:
 		}),
 		h && /* @__PURE__ */ s("div", {
 			className: "flex w-75 gap-4 self-center",
-			children: [!!h.pdfDownload && /* @__PURE__ */ o(t, {
+			children: [/* @__PURE__ */ o(t, {
 				className: "w-full",
 				variant: "secondary-black",
 				children: h.pdfDownload
-			}), !!h.wordDownload && /* @__PURE__ */ o(t, {
+			}), /* @__PURE__ */ o(t, {
 				className: "w-full",
 				variant: "secondary-black",
 				children: h.wordDownload

package/dist/components/LeadGateErrorModal.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+
+export declare const LeadGateErrorModal: FC<LeadGateErrorModalProps>;
+
+export declare interface LeadGateErrorModalProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    title: string;
+    closeLeadGateLabel: string;
+    heading: string;
+    description: string;
+    ctaLabel: string;
+    onRetry?: () => void;
+}
+

package/dist/components/LeadGateErrorModal.js

@@ -0,0 +1,78 @@
+"use client";
+"use client";
+import { ClearIcon as e } from "./ClearIcon.js";
+import { Button as t } from "./Button.js";
+import { Markdown as n } from "./Markdown.js";
+import { Modal as r } from "./Modal.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/components/molecules/LeadGateErrorModal.tsx
+var o = ({ isOpen: o, setIsOpen: s, title: c, closeLeadGateLabel: l, heading: u, description: d, ctaLabel: f, onRetry: p }) => /* @__PURE__ */ i(r, {
+	isOpen: o,
+	setIsOpen: s,
+	showClose: !1,
+	overlayVariant: "grey",
+	children: /* @__PURE__ */ a("div", {
+		className: "shadow-small flex w-[338px] max-w-[calc(100vw-3rem)] flex-col rounded-sm bg-white p-6 sm:w-96",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex min-w-0 flex-1 items-center gap-1",
+				children: /* @__PURE__ */ i("h2", {
+					id: "lead-gate-error-modal-title",
+					className: "text-big min-w-0 flex-1 font-bold break-words text-neutral-800",
+					children: c
+				})
+			}), /* @__PURE__ */ i(t, {
+				type: "button",
+				variant: "tertiary-icon",
+				className: "shrink-0 p-0!",
+				dataQa: "lead_gate_close",
+				"aria-label": l,
+				onClick: () => {
+					s(!1);
+				},
+				children: /* @__PURE__ */ i(e, {
+					width: 24,
+					height: 24,
+					fill: "var(--color-neutral-800)",
+					"aria-hidden": "true"
+				})
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "mt-4 flex w-full flex-col",
+			children: [/* @__PURE__ */ i("span", { className: "h-px w-full bg-neutral-200" }), /* @__PURE__ */ a("div", {
+				className: "mt-10 flex w-full flex-col gap-10",
+				children: [/* @__PURE__ */ a("div", {
+					className: "mx-auto flex w-full max-w-80 flex-col items-center gap-4",
+					children: [/* @__PURE__ */ i("div", {
+						className: "bg-error-20 flex size-[74px] items-center justify-center rounded-full",
+						children: /* @__PURE__ */ i(e, {
+							width: 48,
+							height: 48,
+							fill: "var(--color-error-500)",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ a("div", {
+						className: "flex w-full flex-col gap-2 text-center",
+						children: [/* @__PURE__ */ i("p", {
+							className: "text-big font-bold text-neutral-800",
+							children: u
+						}), /* @__PURE__ */ i(n, {
+							className: "text-medium w-auto! text-neutral-800 [&_p]:mb-0",
+							content: d
+						})]
+					})]
+				}), /* @__PURE__ */ i(t, {
+					type: "button",
+					variant: "primary-green",
+					className: "w-full",
+					dataQa: "lead_gate_retry",
+					onClick: p,
+					children: f
+				})]
+			})]
+		})]
+	})
+});
+//#endregion
+export { o as LeadGateErrorModal };

package/dist/components/LeadGateModal.d.ts

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+
+export declare const LeadGateModal: FC<LeadGateModalProps>;
+
+export declare interface LeadGateModalErrors {
+    email?: boolean;
+    hasAcceptedTerms?: boolean;
+}
+
+export declare interface LeadGateModalPayload {
+    email: string;
+    hasAcceptedTerms: boolean;
+    hasAcceptedMarketing: boolean;
+}
+
+export declare interface LeadGateModalProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    title: string;
+    closeLeadGateLabel: string;
+    description: string;
+    emailLabel: string;
+    emailPlaceholder: string;
+    emailErrorMessage: string;
+    termsLabel: string;
+    marketingLabel: string;
+    ctaLabel: string;
+    payload: LeadGateModalPayload;
+    errors?: LeadGateModalErrors;
+    onPayloadChange: (payload: LeadGateModalPayload) => void;
+    onSubmit?: () => void;
+}
+

package/dist/components/LeadGateModal.js

@@ -0,0 +1,128 @@
+"use client";
+"use client";
+import { ClearIcon as e } from "./ClearIcon.js";
+import { Button as t } from "./Button.js";
+import { Markdown as n } from "./Markdown.js";
+import { Input as r } from "./Input.js";
+import { Checkbox as i } from "./Checkbox.js";
+import { Modal as a } from "./Modal.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/components/molecules/LeadGateModal.tsx
+var c = (e) => {
+	!(e.target instanceof HTMLElement) || !e.target.closest("a") || e.stopPropagation();
+}, l = ({ isOpen: l, setIsOpen: u, title: d, closeLeadGateLabel: f, description: p, emailLabel: m, emailPlaceholder: h, emailErrorMessage: g, termsLabel: _, marketingLabel: v, ctaLabel: y, payload: b, errors: x = {}, onPayloadChange: S, onSubmit: C }) => {
+	let w = !!(x.email || x.hasAcceptedTerms);
+	return /* @__PURE__ */ o(a, {
+		isOpen: l,
+		setIsOpen: u,
+		showClose: !1,
+		overlayVariant: "grey",
+		children: /* @__PURE__ */ s("div", {
+			className: "shadow-small flex w-[338px] max-w-[calc(100vw-3rem)] flex-col rounded-sm bg-white p-6 sm:w-96",
+			children: [/* @__PURE__ */ s("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ o("div", {
+					className: "flex min-w-0 flex-1 items-center gap-1",
+					children: /* @__PURE__ */ o("h2", {
+						id: "lead-gate-capture-modal-title",
+						className: "text-big min-w-0 flex-1 font-bold break-words text-neutral-800",
+						children: d
+					})
+				}), /* @__PURE__ */ o(t, {
+					type: "button",
+					variant: "tertiary-icon",
+					className: "shrink-0 p-0!",
+					dataQa: "lead_gate_close",
+					"aria-label": f,
+					onClick: () => {
+						u(!1);
+					},
+					children: /* @__PURE__ */ o(e, {
+						width: 24,
+						height: 24,
+						fill: "var(--color-neutral-800)",
+						"aria-hidden": "true"
+					})
+				})]
+			}), /* @__PURE__ */ s("div", {
+				className: "mt-4 flex w-full flex-col gap-4",
+				children: [/* @__PURE__ */ o("span", { className: "h-px w-full bg-neutral-200" }), /* @__PURE__ */ s("form", {
+					className: "flex w-full flex-col gap-4",
+					noValidate: !0,
+					onSubmit: (e) => {
+						e.preventDefault(), C?.();
+					},
+					children: [
+						/* @__PURE__ */ o(n, {
+							className: "text-medium w-auto! text-center text-neutral-800 [&_p]:mb-0",
+							content: p
+						}),
+						/* @__PURE__ */ o(r, {
+							id: "lead-gate-email",
+							name: "email",
+							type: "email",
+							label: m,
+							placeholder: h,
+							dataQa: "lead_gate_email",
+							value: b.email,
+							error: w,
+							errorMessage: g,
+							onInputChange: (e) => {
+								S({
+									...b,
+									email: e
+								});
+							}
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "flex flex-col gap-4",
+							children: [/* @__PURE__ */ o(i, {
+								id: "lead-gate-terms",
+								name: "hasAcceptedTerms",
+								dataQa: "lead_gate_terms",
+								checked: b.hasAcceptedTerms,
+								error: x.hasAcceptedTerms,
+								onChange: (e) => {
+									S({
+										...b,
+										hasAcceptedTerms: e.currentTarget.checked
+									});
+								},
+								children: /* @__PURE__ */ o("span", {
+									className: "min-w-0",
+									onClick: c,
+									onKeyDown: c,
+									children: /* @__PURE__ */ o(n, {
+										className: "[&_p]:mb-0",
+										content: _
+									})
+								})
+							}), /* @__PURE__ */ o(i, {
+								id: "lead-gate-marketing",
+								name: "hasAcceptedMarketing",
+								dataQa: "lead_gate_marketing",
+								checked: b.hasAcceptedMarketing,
+								onChange: (e) => {
+									S({
+										...b,
+										hasAcceptedMarketing: e.currentTarget.checked
+									});
+								},
+								children: v
+							})]
+						}),
+						/* @__PURE__ */ o(t, {
+							type: "submit",
+							variant: "primary-green",
+							className: "w-full",
+							dataQa: "lead_gate_download",
+							children: y
+						})
+					]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { l as LeadGateModal };

package/dist/components/LeadGateSuccessFeatureItem.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+
+export declare type LeadGateMediaContent = {
+    url: string;
+    alternativeText?: string | null;
+};
+
+export declare const LeadGateSuccessFeatureItem: FC<LeadGateSuccessFeatureItemProps>;
+
+export declare interface LeadGateSuccessFeatureItemProps {
+    title: string;
+    description: string;
+    icon?: LeadGateMediaContent | null;
+}
+

package/dist/components/LeadGateSuccessFeatureItem.js

@@ -0,0 +1,27 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region lib/components/molecules/LeadGateSuccessFeatureItem.tsx
+var n = ({ url: t }) => /* @__PURE__ */ e("div", {
+	className: "bg-primary-500 h-6 w-6",
+	style: {
+		WebkitMask: `url(${t}) no-repeat center / contain`,
+		mask: `url(${t}) no-repeat center / contain`
+	},
+	"aria-hidden": "true"
+}), r = ({ icon: r, title: i, description: a }) => /* @__PURE__ */ t("li", {
+	className: "flex items-start gap-4",
+	children: [r?.url ? /* @__PURE__ */ e("span", {
+		className: "mt-0.5 shrink-0",
+		children: /* @__PURE__ */ e(n, { url: r.url })
+	}) : null, /* @__PURE__ */ t("div", {
+		className: "flex min-w-0 flex-1 flex-col gap-2",
+		children: [/* @__PURE__ */ e("p", {
+			className: "text-medium font-bold text-neutral-800",
+			children: i
+		}), /* @__PURE__ */ e("p", {
+			className: "text-small text-neutral-600",
+			children: a
+		})]
+	})]
+});
+//#endregion
+export { r as LeadGateSuccessFeatureItem };

package/dist/components/LeadGateSuccessModal.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+
+export declare type LeadGateMediaContent = {
+    url: string;
+    alternativeText?: string | null;
+};
+
+export declare interface LeadGateSuccessFeatureItemProps {
+    title: string;
+    description: string;
+    icon?: LeadGateMediaContent | null;
+}
+
+export declare const LeadGateSuccessModal: FC<LeadGateSuccessModalProps>;
+
+export declare interface LeadGateSuccessModalProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    title: string;
+    closeLeadGateLabel: string;
+    subtitle: string;
+    featureItems: LeadGateSuccessFeatureItemProps[];
+    ctaLabel: string;
+    footer: string;
+    headerImage: LeadGateMediaContent | null;
+    onCtaClick?: () => void;
+}
+

package/dist/components/LeadGateSuccessModal.js

@@ -0,0 +1,96 @@
+"use client";
+"use client";
+import { DoneCircleIcon as e } from "./DoneCircleIcon.js";
+import { DocOutlineIcon as t } from "./DocOutlineIcon.js";
+import { ClearIcon as n } from "./ClearIcon.js";
+import { Button as r } from "./Button.js";
+import { Markdown as i } from "./Markdown.js";
+import { Modal as a } from "./Modal.js";
+import { LeadGateSuccessFeatureItem as o } from "./LeadGateSuccessFeatureItem.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/molecules/LeadGateSuccessModal.tsx
+var l = ({ isOpen: l, setIsOpen: u, title: d, closeLeadGateLabel: f, subtitle: p, featureItems: m, ctaLabel: h, footer: g, headerImage: _, onCtaClick: v }) => /* @__PURE__ */ s(a, {
+	isOpen: l,
+	setIsOpen: u,
+	showClose: !1,
+	overlayVariant: "grey",
+	children: /* @__PURE__ */ c("div", {
+		className: "shadow-small flex w-[338px] max-w-[calc(100vw-3rem)] flex-col rounded-sm bg-white p-6 sm:w-96",
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex min-w-0 flex-1 items-center gap-1",
+				children: [/* @__PURE__ */ s(e, {
+					width: 20,
+					height: 20,
+					fill: "var(--color-primary-500)",
+					"aria-hidden": "true",
+					className: "shrink-0"
+				}), /* @__PURE__ */ s("h2", {
+					id: "lead-gate-success-modal-title",
+					className: "text-big min-w-0 flex-1 font-bold break-words text-neutral-800",
+					children: d
+				})]
+			}), /* @__PURE__ */ s(r, {
+				type: "button",
+				variant: "tertiary-icon",
+				className: "shrink-0 p-0!",
+				dataQa: "lead_gate_close",
+				"aria-label": f,
+				onClick: () => {
+					u(!1);
+				},
+				children: /* @__PURE__ */ s(n, {
+					width: 24,
+					height: 24,
+					fill: "var(--color-neutral-800)",
+					"aria-hidden": "true"
+				})
+			})]
+		}), /* @__PURE__ */ c("div", {
+			className: "mt-6 flex w-full flex-col gap-6",
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "relative h-[227px] w-[302px] max-w-full overflow-hidden",
+					children: _ ? /* @__PURE__ */ s("img", {
+						src: _.url,
+						alt: _.alternativeText ?? "",
+						width: 302,
+						height: 227,
+						className: "h-full w-full object-contain"
+					}) : null
+				}),
+				/* @__PURE__ */ s("p", {
+					className: "text-medium text-primary-500 w-full text-center",
+					children: p
+				}),
+				/* @__PURE__ */ s("span", { className: "h-px w-full bg-neutral-200" }),
+				/* @__PURE__ */ s("ul", {
+					className: "flex w-full flex-col gap-4",
+					children: m.map((e) => /* @__PURE__ */ s(o, { ...e }, e.title))
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex w-full flex-col gap-4",
+					children: [/* @__PURE__ */ c(r, {
+						type: "button",
+						variant: "primary-green",
+						className: "w-full",
+						dataQa: "lead_gate_success_cta",
+						onClick: v,
+						children: [/* @__PURE__ */ s(t, {
+							width: 22,
+							height: 22,
+							fill: "currentColor",
+							"aria-hidden": "true"
+						}), h]
+					}), /* @__PURE__ */ s(i, {
+						className: "text-extra-small [&_strong]:text-primary-500 text-center text-neutral-600 [&_p]:mb-0",
+						content: g
+					})]
+				})
+			]
+		})]
+	})
+});
+//#endregion
+export { l as LeadGateSuccessModal };

package/dist/components/Modal.d.ts

@@ -1,7 +1,9 @@
 import { JSX } from 'react';
 import { ReactNode } from 'react';
 
-export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger }: ModalProps) => JSX.Element;
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger, overlayVariant }: ModalProps) => JSX.Element;
+
+export declare type ModalOverlayVariant = 'primary' | 'grey';
 
 export interface ModalProps {
     trigger?: ReactNode;
@@ -10,5 +12,6 @@ export interface ModalProps {
     setIsOpen: (open: boolean) => void;
     showClose?: boolean;
     onTrigger?: () => void;
+    overlayVariant?: ModalOverlayVariant;
 }
 

package/dist/components/Modal.js

@@ -3,51 +3,55 @@
 import { CloseIcon as e } from "./CloseIcon.js";
 import { useEffect as t } from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { createPortal as a } from "react-dom";
+import a from "clsx";
+import { createPortal as o } from "react-dom";
 //#region lib/components/atoms/Modal.tsx
-var o = ({ trigger: o, children: s, isOpen: c, setIsOpen: l, showClose: u, onTrigger: d }) => {
-	let f = () => {
-		d?.(), l(!0);
-	}, p = () => {
-		l(!1);
+var s = {
+	primary: "bg-primary-900/80",
+	grey: "bg-backdrop-grey"
+}, c = ({ trigger: c, children: l, isOpen: u, setIsOpen: d, showClose: f, onTrigger: p, overlayVariant: m = "primary" }) => {
+	let h = () => {
+		p?.(), d(!0);
+	}, g = () => {
+		d(!1);
 	};
 	return t(() => {
-		if (!c) return;
+		if (!u) return;
 		let e = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [c]), /* @__PURE__ */ i(n, { children: [!!o && /* @__PURE__ */ r("button", {
+	}, [u]), /* @__PURE__ */ i(n, { children: [!!c && /* @__PURE__ */ r("button", {
 		type: "button",
 		"aria-label": "zoom",
-		onClick: f,
+		onClick: h,
 		className: "flex w-full cursor-pointer justify-center",
-		children: o
-	}), c && a(/* @__PURE__ */ i("div", {
+		children: c
+	}), u && o(/* @__PURE__ */ i("div", {
 		role: "dialog",
 		"aria-modal": "true",
-		className: "bg-primary-900/80 fixed inset-0 z-1001 flex items-center justify-center",
+		className: a(s[m], "fixed inset-0 z-1001"),
 		children: [/* @__PURE__ */ r("button", {
 			type: "button",
 			tabIndex: -1,
 			"data-testid": "modal-backdrop",
-			className: "absolute inset-0 cursor-default border-none bg-transparent p-0",
-			onClick: p,
+			className: "absolute inset-0 z-0 cursor-default border-none bg-transparent p-0",
+			onClick: g,
 			"aria-label": "Close modal"
 		}), /* @__PURE__ */ r("div", {
-			className: "pointer-events-none relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24",
+			className: "pointer-events-none relative z-10 flex min-h-full w-full items-center justify-center overflow-y-auto p-6",
 			children: /* @__PURE__ */ i("div", {
 				className: "pointer-events-auto relative",
-				children: [u && /* @__PURE__ */ r("button", {
+				children: [f && /* @__PURE__ */ r("button", {
 					type: "button",
 					className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
-					onClick: p,
+					onClick: g,
 					"aria-label": "Close",
 					children: /* @__PURE__ */ r(e, {})
-				}), s]
+				}), l]
 			})
 		})]
 	}), document.body)] });
 };
 //#endregion
-export { o as Modal };
+export { c as Modal };

package/dist/components/PreviewDownload.js

@@ -48,11 +48,11 @@ var s = ({ title: s, footerText: c, preview: l, cta: u, pdfDownload: d, wordDown
 					children: c
 				}), /* @__PURE__ */ o("div", {
 					className: "flex w-full gap-4",
-					children: [!!d && /* @__PURE__ */ a(n, {
+					children: [/* @__PURE__ */ a(n, {
 						className: "w-full",
 						variant: "secondary-black",
 						children: d
-					}), !!f && /* @__PURE__ */ a(n, {
+					}), /* @__PURE__ */ a(n, {
 						className: "w-full",
 						variant: "secondary-black",
 						children: f

package/dist/components/index.d.ts

@@ -793,6 +793,78 @@ export declare interface LawGeniusStepCardProps {
     iconAlt?: string;
 }
 
+export declare const LeadGateErrorModal: FC<LeadGateErrorModalProps>;
+
+export declare interface LeadGateErrorModalProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    title: string;
+    closeLeadGateLabel: string;
+    heading: string;
+    description: string;
+    ctaLabel: string;
+    onRetry?: () => void;
+}
+
+export declare type LeadGateMediaContent = {
+    url: string;
+    alternativeText?: string | null;
+};
+
+export declare const LeadGateModal: FC<LeadGateModalProps>;
+
+export declare interface LeadGateModalErrors {
+    email?: boolean;
+    hasAcceptedTerms?: boolean;
+}
+
+export declare interface LeadGateModalPayload {
+    email: string;
+    hasAcceptedTerms: boolean;
+    hasAcceptedMarketing: boolean;
+}
+
+export declare interface LeadGateModalProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    title: string;
+    closeLeadGateLabel: string;
+    description: string;
+    emailLabel: string;
+    emailPlaceholder: string;
+    emailErrorMessage: string;
+    termsLabel: string;
+    marketingLabel: string;
+    ctaLabel: string;
+    payload: LeadGateModalPayload;
+    errors?: LeadGateModalErrors;
+    onPayloadChange: (payload: LeadGateModalPayload) => void;
+    onSubmit?: () => void;
+}
+
+export declare const LeadGateSuccessFeatureItem: FC<LeadGateSuccessFeatureItemProps>;
+
+export declare interface LeadGateSuccessFeatureItemProps {
+    title: string;
+    description: string;
+    icon?: LeadGateMediaContent | null;
+}
+
+export declare const LeadGateSuccessModal: FC<LeadGateSuccessModalProps>;
+
+export declare interface LeadGateSuccessModalProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    title: string;
+    closeLeadGateLabel: string;
+    subtitle: string;
+    featureItems: LeadGateSuccessFeatureItemProps[];
+    ctaLabel: string;
+    footer: string;
+    headerImage: LeadGateMediaContent | null;
+    onCtaClick?: () => void;
+}
+
 export declare const LinkedinIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare interface LinkedProductProps {
@@ -875,7 +947,9 @@ export declare interface MobileMenuSection {
     content?: ReactNode | null;
 }
 
-export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger }: ModalProps) => JSX.Element;
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger, overlayVariant }: ModalProps) => JSX.Element;
+
+export declare type ModalOverlayVariant = 'primary' | 'grey';
 
 export interface ModalProps {
     trigger?: ReactNode;
@@ -884,6 +958,7 @@ export interface ModalProps {
     setIsOpen: (open: boolean) => void;
     showClose?: boolean;
     onTrigger?: () => void;
+    overlayVariant?: ModalOverlayVariant;
 }
 
 export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;

package/dist/index.js

@@ -98,52 +98,56 @@ import { Tooltips as Ve } from "./components/Tooltips.js";
 import { FreeDocumentModal as He } from "./components/FreeDocumentModal.js";
 import { Article as Ue } from "./components/Article.js";
 import { ContinueEditingBanner as We } from "./components/ContinueEditingBanner.js";
-import { BlogSection as Ge } from "./components/BlogSection.js";
-import { AsideNavMenu as Ke } from "./components/AsideNavMenu.js";
-import { BenefitsBar as qe } from "./components/BenefitsBar.js";
-import { CategoriesSection as Je } from "./components/CategoriesSection.js";
-import { ContactBanner as Ye } from "./components/ContactBanner.js";
-import { FaqSection as Xe } from "./components/FaqSection.js";
-import { FaqTeaserSection as Ze } from "./components/FaqTeaserSection.js";
-import { Footer as Qe } from "./components/Footer.js";
-import { MobileMenu as $e } from "./components/MobileMenu.js";
-import { Header as et } from "./components/Header.js";
-import { HeroSection as tt } from "./components/HeroSection.js";
-import { Hero2Section as nt } from "./components/Hero2Section.js";
-import { HowItWorksSection as rt } from "./components/HowItWorksSection.js";
-import { Jumbotron as it } from "./components/Jumbotron.js";
-import { Jumbotron2 as at } from "./components/Jumbotron2.js";
-import { Jumbotron3 as ot } from "./components/Jumbotron3.js";
-import { MoreTemplatesSection as st } from "./components/MoreTemplatesSection.js";
-import { PricingOfferingsSection as ct } from "./components/PricingOfferingsSection.js";
-import { PricingPlansSection as lt } from "./components/PricingPlansSection.js";
-import { PricingSupportTeaserSection as ut } from "./components/PricingSupportTeaserSection.js";
-import { Preform as dt } from "./components/Preform.js";
-import { PreviewSection as ft } from "./components/PreviewSection.js";
-import { ProcessSection as pt } from "./components/ProcessSection.js";
-import { ProductInfo as mt } from "./components/ProductInfo.js";
-import { RatafiaSection as ht } from "./components/RatafiaSection.js";
-import { TrustSection as gt } from "./components/TrustSection.js";
-import { TryNowSection as _t } from "./components/TryNowSection.js";
-import { IntroSection as vt } from "./components/IntroSection.js";
-import { MissionSection as yt } from "./components/MissionSection.js";
-import { ValuesSection as bt } from "./components/ValuesSection.js";
-import { Storyline as xt } from "./components/Storyline.js";
-import { WeHelpSection as St } from "./components/WeHelpSection.js";
-import { GuidelinesSection as Ct } from "./components/GuidelinesSection.js";
-import { ExpertsSection as wt } from "./components/ExpertsSection.js";
-import { FastAndSimpleSection as Tt } from "./components/FastAndSimpleSection.js";
-import { FeaturesSection as Et } from "./components/FeaturesSection.js";
-import { BannerTagSection as Dt } from "./components/BannerTagSection.js";
-import { PartnersSection as Ot } from "./components/PartnersSection.js";
-import { CtaFeatureTag as kt, CtaSample as At, CtaSection as jt } from "./components/CtaSection.js";
-import { ContactUsSection as Mt } from "./components/ContactUsSection.js";
-import { UnsubscribeSection as Nt } from "./components/UnsubscribeSection.js";
-import { JumboCard as Pt } from "./components/JumboCard.js";
-import { DocumentCategories as Ft } from "./components/DocumentCategories.js";
-import { DocumentSection as It } from "./components/DocumentSection.js";
-import { ContactFormSection as Lt } from "./components/ContactFormSection.js";
-import { ContactMethodsSection as Rt } from "./components/ContactMethodsSection.js";
-import { JumboDocs as zt } from "./components/JumboDocs.js";
-import { TrustPilotSection as Bt } from "./components/TrustPilotSection.js";
-export { i as AddIcon, Re as AlternativeSubtypeDocument, Ue as Article, Ke as AsideNavMenu, e as Badge, Dt as BannerTagSection, qe as BenefitsBar, Ge as BlogSection, Q as Breadcrumb, y as BusinessIcon, ee as Button, B as CaFlagIcon, Je as CategoriesSection, X as CheckIcon, ce as Checkbox, c as ChevronDownIcon, l as ChevronRightIcon, J as ClearIcon, N as CloseIcon, D as CommunicationIcon, Ye as ContactBanner, Lt as ContactFormSection, Le as ContactMethodCard, Rt as ContactMethodsSection, Mt as ContactUsSection, he as ContentItem, We as ContinueEditingBanner, ge as CookiesBar, kt as CtaFeatureTag, At as CtaSample, jt as CtaSection, H as DeFlagIcon, ze as DefaultSubtypeDocument, O as DocEditFillIcon, I as DocOutlineIcon, Ft as DocumentCategories, Ie as DocumentItem, Be as DocumentReviewUploadCard, It as DocumentSection, T as DoneCircleIcon, q as DoneIcon, x as EmploymentIcon, _ as EstatePlanningIcon, wt as ExpertsSection, t as FacebookIcon, b as FamilyIcon, ve as FaqItem, _e as FaqItemWrapper, Xe as FaqSection, Ze as FaqTeaserSection, Tt as FastAndSimpleSection, Et as FeaturesSection, L as FillFormsIcon, h as FinanceIcon, Qe as Footer, ye as FooterNav, He as FreeDocumentModal, V as GbFlagIcon, Ct as GuidelinesSection, M as HamburgerIcon, et as Header, E as HelpGuideIcon, nt as Hero2Section, be as HeroImageShell, tt as HeroSection, te as HighlightedText, F as HistoryIcon, rt as HowItWorksSection, pe as ImageWithPreview, u as InfoIcon, ae as Input, s as InstagramIcon, vt as IntroSection, ne as Item, Pt as JumboCard, zt as JumboDocs, it as Jumbotron, at as Jumbotron2, ot as Jumbotron3, xe as LanguageSelector, Se as LawGeniusImageShell, Ce as LawGeniusStepCard, le as LinkWrapper, me as LinkedProducts, o as LinkedinIcon, P as LocationIcon, j as MailFillIcon, ie as Markdown, yt as MissionSection, $e as MobileMenu, ue as Modal, st as MoreTemplatesSection, we as NavMenu, re as NavMenuItem, Ot as PartnersSection, v as PersonalIcon, fe as PhoneButton, r as PhoneIcon, k as PhoneTalkIcon, A as PlusIcon, dt as Preform, Ee as PreformOption, De as PreviewDownload, ft as PreviewSection, ct as PricingOfferingsSection, Te as PricingPlanCard, lt as PricingPlansSection, ut as PricingSupportTeaserSection, R as PrintIcon, C as PrivateIcon, pt as ProcessSection, mt as ProductInfo, G as QuestionIcon, Y as QuestionOutlineIcon, ht as RatafiaSection, g as RealStateIcon, Oe as ResourcesImageShell, m as SaveIcon, U as ScalatorIcon, ke as SearchBar, d as SearchIcon, Ae as SectionHeading, Z as SecurityIcon, oe as Select, K as SinglePhoneIcon, W as SparkIcon, S as StarsIcon, je as StepImageShell, xt as Storyline, Ne as TableOfContents, Me as TableOfContentsWrapper, se as Textarea, n as TikTokIcon, z as TimeIcon, de as Toast, Ve as Tooltips, Bt as TrustPilotSection, gt as TrustSection, Pe as TrustedBadge, p as TrustedIcon, _t as TryNowSection, Fe as TwoColumnSection, Nt as UnsubscribeSection, f as UsFlagIcon, bt as ValuesSection, w as VerifiedIcon, St as WeHelpSection, a as ZoomIcon, $ as getButtonClasses };
+import { LeadGateErrorModal as Ge } from "./components/LeadGateErrorModal.js";
+import { LeadGateModal as Ke } from "./components/LeadGateModal.js";
+import { LeadGateSuccessFeatureItem as qe } from "./components/LeadGateSuccessFeatureItem.js";
+import { LeadGateSuccessModal as Je } from "./components/LeadGateSuccessModal.js";
+import { BlogSection as Ye } from "./components/BlogSection.js";
+import { AsideNavMenu as Xe } from "./components/AsideNavMenu.js";
+import { BenefitsBar as Ze } from "./components/BenefitsBar.js";
+import { CategoriesSection as Qe } from "./components/CategoriesSection.js";
+import { ContactBanner as $e } from "./components/ContactBanner.js";
+import { FaqSection as et } from "./components/FaqSection.js";
+import { FaqTeaserSection as tt } from "./components/FaqTeaserSection.js";
+import { Footer as nt } from "./components/Footer.js";
+import { MobileMenu as rt } from "./components/MobileMenu.js";
+import { Header as it } from "./components/Header.js";
+import { HeroSection as at } from "./components/HeroSection.js";
+import { Hero2Section as ot } from "./components/Hero2Section.js";
+import { HowItWorksSection as st } from "./components/HowItWorksSection.js";
+import { Jumbotron as ct } from "./components/Jumbotron.js";
+import { Jumbotron2 as lt } from "./components/Jumbotron2.js";
+import { Jumbotron3 as ut } from "./components/Jumbotron3.js";
+import { MoreTemplatesSection as dt } from "./components/MoreTemplatesSection.js";
+import { PricingOfferingsSection as ft } from "./components/PricingOfferingsSection.js";
+import { PricingPlansSection as pt } from "./components/PricingPlansSection.js";
+import { PricingSupportTeaserSection as mt } from "./components/PricingSupportTeaserSection.js";
+import { Preform as ht } from "./components/Preform.js";
+import { PreviewSection as gt } from "./components/PreviewSection.js";
+import { ProcessSection as _t } from "./components/ProcessSection.js";
+import { ProductInfo as vt } from "./components/ProductInfo.js";
+import { RatafiaSection as yt } from "./components/RatafiaSection.js";
+import { TrustSection as bt } from "./components/TrustSection.js";
+import { TryNowSection as xt } from "./components/TryNowSection.js";
+import { IntroSection as St } from "./components/IntroSection.js";
+import { MissionSection as Ct } from "./components/MissionSection.js";
+import { ValuesSection as wt } from "./components/ValuesSection.js";
+import { Storyline as Tt } from "./components/Storyline.js";
+import { WeHelpSection as Et } from "./components/WeHelpSection.js";
+import { GuidelinesSection as Dt } from "./components/GuidelinesSection.js";
+import { ExpertsSection as Ot } from "./components/ExpertsSection.js";
+import { FastAndSimpleSection as kt } from "./components/FastAndSimpleSection.js";
+import { FeaturesSection as At } from "./components/FeaturesSection.js";
+import { BannerTagSection as jt } from "./components/BannerTagSection.js";
+import { PartnersSection as Mt } from "./components/PartnersSection.js";
+import { CtaFeatureTag as Nt, CtaSample as Pt, CtaSection as Ft } from "./components/CtaSection.js";
+import { ContactUsSection as It } from "./components/ContactUsSection.js";
+import { UnsubscribeSection as Lt } from "./components/UnsubscribeSection.js";
+import { JumboCard as Rt } from "./components/JumboCard.js";
+import { DocumentCategories as zt } from "./components/DocumentCategories.js";
+import { DocumentSection as Bt } from "./components/DocumentSection.js";
+import { ContactFormSection as Vt } from "./components/ContactFormSection.js";
+import { ContactMethodsSection as Ht } from "./components/ContactMethodsSection.js";
+import { JumboDocs as Ut } from "./components/JumboDocs.js";
+import { TrustPilotSection as Wt } from "./components/TrustPilotSection.js";
+export { i as AddIcon, Re as AlternativeSubtypeDocument, Ue as Article, Xe as AsideNavMenu, e as Badge, jt as BannerTagSection, Ze as BenefitsBar, Ye as BlogSection, Q as Breadcrumb, y as BusinessIcon, ee as Button, B as CaFlagIcon, Qe as CategoriesSection, X as CheckIcon, ce as Checkbox, c as ChevronDownIcon, l as ChevronRightIcon, J as ClearIcon, N as CloseIcon, D as CommunicationIcon, $e as ContactBanner, Vt as ContactFormSection, Le as ContactMethodCard, Ht as ContactMethodsSection, It as ContactUsSection, he as ContentItem, We as ContinueEditingBanner, ge as CookiesBar, Nt as CtaFeatureTag, Pt as CtaSample, Ft as CtaSection, H as DeFlagIcon, ze as DefaultSubtypeDocument, O as DocEditFillIcon, I as DocOutlineIcon, zt as DocumentCategories, Ie as DocumentItem, Be as DocumentReviewUploadCard, Bt as DocumentSection, T as DoneCircleIcon, q as DoneIcon, x as EmploymentIcon, _ as EstatePlanningIcon, Ot as ExpertsSection, t as FacebookIcon, b as FamilyIcon, ve as FaqItem, _e as FaqItemWrapper, et as FaqSection, tt as FaqTeaserSection, kt as FastAndSimpleSection, At as FeaturesSection, L as FillFormsIcon, h as FinanceIcon, nt as Footer, ye as FooterNav, He as FreeDocumentModal, V as GbFlagIcon, Dt as GuidelinesSection, M as HamburgerIcon, it as Header, E as HelpGuideIcon, ot as Hero2Section, be as HeroImageShell, at as HeroSection, te as HighlightedText, F as HistoryIcon, st as HowItWorksSection, pe as ImageWithPreview, u as InfoIcon, ae as Input, s as InstagramIcon, St as IntroSection, ne as Item, Rt as JumboCard, Ut as JumboDocs, ct as Jumbotron, lt as Jumbotron2, ut as Jumbotron3, xe as LanguageSelector, Se as LawGeniusImageShell, Ce as LawGeniusStepCard, Ge as LeadGateErrorModal, Ke as LeadGateModal, qe as LeadGateSuccessFeatureItem, Je as LeadGateSuccessModal, le as LinkWrapper, me as LinkedProducts, o as LinkedinIcon, P as LocationIcon, j as MailFillIcon, ie as Markdown, Ct as MissionSection, rt as MobileMenu, ue as Modal, dt as MoreTemplatesSection, we as NavMenu, re as NavMenuItem, Mt as PartnersSection, v as PersonalIcon, fe as PhoneButton, r as PhoneIcon, k as PhoneTalkIcon, A as PlusIcon, ht as Preform, Ee as PreformOption, De as PreviewDownload, gt as PreviewSection, ft as PricingOfferingsSection, Te as PricingPlanCard, pt as PricingPlansSection, mt as PricingSupportTeaserSection, R as PrintIcon, C as PrivateIcon, _t as ProcessSection, vt as ProductInfo, G as QuestionIcon, Y as QuestionOutlineIcon, yt as RatafiaSection, g as RealStateIcon, Oe as ResourcesImageShell, m as SaveIcon, U as ScalatorIcon, ke as SearchBar, d as SearchIcon, Ae as SectionHeading, Z as SecurityIcon, oe as Select, K as SinglePhoneIcon, W as SparkIcon, S as StarsIcon, je as StepImageShell, Tt as Storyline, Ne as TableOfContents, Me as TableOfContentsWrapper, se as Textarea, n as TikTokIcon, z as TimeIcon, de as Toast, Ve as Tooltips, Wt as TrustPilotSection, bt as TrustSection, Pe as TrustedBadge, p as TrustedIcon, xt as TryNowSection, Fe as TwoColumnSection, Lt as UnsubscribeSection, f as UsFlagIcon, wt as ValuesSection, w as VerifiedIcon, Et as WeHelpSection, a as ZoomIcon, $ as getButtonClasses };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.182.6",
+  "version": "0.182.22",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -354,6 +354,22 @@
       "import": "./dist/components/LawGeniusStepCard.js",
       "types": "./dist/components/LawGeniusStepCard.d.ts"
     },
+    "./components/LeadGateErrorModal": {
+      "import": "./dist/components/LeadGateErrorModal.js",
+      "types": "./dist/components/LeadGateErrorModal.d.ts"
+    },
+    "./components/LeadGateModal": {
+      "import": "./dist/components/LeadGateModal.js",
+      "types": "./dist/components/LeadGateModal.d.ts"
+    },
+    "./components/LeadGateSuccessFeatureItem": {
+      "import": "./dist/components/LeadGateSuccessFeatureItem.js",
+      "types": "./dist/components/LeadGateSuccessFeatureItem.d.ts"
+    },
+    "./components/LeadGateSuccessModal": {
+      "import": "./dist/components/LeadGateSuccessModal.js",
+      "types": "./dist/components/LeadGateSuccessModal.d.ts"
+    },
     "./components/LinkedProducts": {
       "import": "./dist/components/LinkedProducts.js",
       "types": "./dist/components/LinkedProducts.d.ts"
@@ -701,27 +717,6 @@
   "bugs": {
     "url": "https://bitbucket.org/grupoblidoo/legal-contracts-ui/issues"
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
-    "sonar:scan": "bash scripts/sonar.sh",
-    "sonar": "pnpm test && pnpm sonar:scan",
-    "chromatic": "npx chromatic --project-token=chpt_f2cdc115a03f4c9",
-    "yalc-push": "pnpm build && yalc push",
-    "format": "prettier --write .",
-    "prettier": "prettier --check .",
-    "eslint": "eslint . --quiet",
-    "test": "vitest run --coverage --project unit",
-    "test:watch": "vitest --coverage --project unit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "reinstall-force": "rm -Rf node_modules && pnpm install",
-    "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
-    "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
-    "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
-    "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags",
-    "prepare": "husky"
-  },
   "dependencies": {
     "clsx": "^2.1.1",
     "react-markdown": "^10.1.0",
@@ -793,16 +788,30 @@
     "@ast-grep/napi-linux-x64-gnu": "^0.44.1",
     "@rollup/rollup-linux-x64-gnu": "^4.62.2"
   },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild",
-      "unrs-resolver"
-    ]
-  },
   "lint-staged": {
     "**/*": [
       "eslint --fix",
       "prettier --write --ignore-unknown"
     ]
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
+    "sonar:scan": "bash scripts/sonar.sh",
+    "sonar": "pnpm test && pnpm sonar:scan",
+    "chromatic": "npx chromatic --project-token=chpt_f2cdc115a03f4c9",
+    "yalc-push": "pnpm build && yalc push",
+    "format": "prettier --write .",
+    "prettier": "prettier --check .",
+    "eslint": "eslint . --quiet",
+    "test": "vitest run --coverage",
+    "test:watch": "vitest --coverage",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "reinstall-force": "rm -Rf node_modules && pnpm install",
+    "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
+    "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
+    "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
+    "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags"
   }
-}
+}