@npm_leadtech/legal-contracts-ui 0.182.0 → 0.182.2

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

@@ -29,7 +29,5 @@ export declare interface FooterProps {
     copyrightText?: string;
     trustPilot?: ReactNode;
     languageSelector?: ReactNode;
-    linksShow?: boolean;
-    cookiesShow?: boolean;
 }
 

package/dist/components/Footer.js

@@ -3,9 +3,9 @@ import { FooterNav as t } from "./FooterNav.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/components/organisms/Footer.tsx
-var i = ({ nav: i, contactInfo: a, logoGray: o, socialLinks: s, legalLinks: c, disclaimerText: l, copyrightText: u, trustPilot: d, languageSelector: f, linksShow: p = !0, cookiesShow: m = !0 }) => /* @__PURE__ */ r("footer", {
+var i = ({ nav: i, contactInfo: a, logoGray: o, socialLinks: s, legalLinks: c, disclaimerText: l, copyrightText: u, trustPilot: d, languageSelector: f }) => /* @__PURE__ */ r("footer", {
 	className: "text-neutral-25 max-w-full overflow-x-hidden",
-	children: [p && /* @__PURE__ */ n("div", {
+	children: [/* @__PURE__ */ n("div", {
 		className: "bg-primary-900",
 		children: /* @__PURE__ */ r("div", {
 			className: "mx-auto flex w-full max-w-300 flex-col items-start gap-8 px-6 py-10 md:grid md:grid-cols-3 lg:flex lg:flex-row lg:justify-between",
@@ -46,7 +46,7 @@ var i = ({ nav: i, contactInfo: a, logoGray: o, socialLinks: s, legalLinks: c, d
 				})]
 			})]
 		})
-	}), m && /* @__PURE__ */ n("div", {
+	}), /* @__PURE__ */ n("div", {
 		className: "bg-neutral-900 px-6 py-8 text-neutral-400",
 		children: /* @__PURE__ */ r("div", {
 			className: "mx-auto flex w-full max-w-300 flex-col gap-6",

package/dist/components/JumboDocs.d.ts

@@ -4,11 +4,15 @@ import { ReactNode } from 'react';
 export declare const JumboDocs: FC<JumboDocsProps>;
 
 export declare interface JumboDocsProps {
-    trustedBadge?: ReactNode;
+    trustedBadge?: TrustedBadgeProps;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
 }
+
+export interface TrustedBadgeProps {
+    children: ReactNode;
+}
 

package/dist/components/JumboDocs.js

@@ -1,79 +1,80 @@
 "use client";
 "use client";
 import { LinkWrapper as e } from "./LinkWrapper.js";
-import { useEffect as t, useRef as n, useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { TrustedBadge as t } from "./TrustedBadge.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/organisms/JumboDocs.tsx
-var s = ({ trustedBadge: s, imagePreview: c, freeDocTexts: l, title: u, pdfDownload: d, wordDownload: f }) => {
-	let [p, m] = r(!1), h = n(null);
-	return t(() => {
-		let e = h.current;
+var c = ({ trustedBadge: c, imagePreview: l, freeDocTexts: u, title: d, pdfDownload: f, wordDownload: p }) => {
+	let [m, h] = i(!1), g = r(null);
+	return n(() => {
+		let e = g.current;
 		if (!e) return;
 		let t = new IntersectionObserver(([e]) => {
-			m(!e.isIntersecting);
+			h(!e.isIntersecting);
 		}, { threshold: 0 });
 		return t.observe(e), () => {
 			t.disconnect();
 		};
-	}, []), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("section", {
+	}, []), /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("section", {
 		className: "bg-neutral-25 pt-8 text-neutral-800 sm:px-6 lg:px-8 xl:px-30",
-		children: /* @__PURE__ */ o("div", {
-			ref: h,
+		children: /* @__PURE__ */ s("div", {
+			ref: g,
 			className: "relative mx-auto flex max-w-300 flex-col items-center justify-center gap-8 rounded bg-white px-6 py-8 shadow-md sm:px-4 md:flex-row lg:px-14",
 			children: [
-				s,
-				/* @__PURE__ */ a("div", {
+				c && /* @__PURE__ */ o(t, { ...c }),
+				/* @__PURE__ */ o("div", {
 					className: "border border-neutral-200 shadow",
-					children: c
+					children: l
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					className: "flex flex-col gap-8 self-start",
-					children: [/* @__PURE__ */ o("div", {
+					children: [/* @__PURE__ */ s("div", {
 						className: "flex flex-col gap-4",
 						children: [
-							/* @__PURE__ */ a("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-big md:text-large font-bold",
-								children: u
+								children: d
 							}),
-							/* @__PURE__ */ a("span", { className: "h-px w-full bg-neutral-200" }),
-							l.length > 0 && /* @__PURE__ */ a("ul", {
+							/* @__PURE__ */ o("span", { className: "h-px w-full bg-neutral-200" }),
+							u.length > 0 && /* @__PURE__ */ o("ul", {
 								className: "flex flex-col gap-4 md:gap-8",
-								children: l.map((e) => /* @__PURE__ */ o("li", {
+								children: u.map((e) => /* @__PURE__ */ s("li", {
 									className: "text-small flex gap-2",
-									children: [/* @__PURE__ */ a("span", {
+									children: [/* @__PURE__ */ o("span", {
 										className: "text-primary-500",
 										children: "•"
 									}), e]
 								}, e))
 							})
 						]
-					}), /* @__PURE__ */ o("div", {
+					}), /* @__PURE__ */ s("div", {
 						className: "flex w-full gap-4",
-						children: [/* @__PURE__ */ a(e, {
+						children: [/* @__PURE__ */ o(e, {
 							className: "w-full md:w-26.25",
 							variant: "secondary-black",
-							children: d
-						}), /* @__PURE__ */ a(e, {
+							children: f
+						}), /* @__PURE__ */ o(e, {
 							className: "w-full md:w-26.25",
 							variant: "secondary-black",
-							children: f
+							children: p
 						})]
 					})]
 				})
 			]
 		})
-	}), p && /* @__PURE__ */ o("div", {
+	}), m && /* @__PURE__ */ s("div", {
 		className: "fixed bottom-0 left-0 z-50 flex w-full gap-4 bg-white px-6 py-4 shadow sm:hidden",
-		children: [/* @__PURE__ */ a(e, {
+		children: [/* @__PURE__ */ o(e, {
 			className: "w-full",
 			variant: "secondary-black",
-			children: d
-		}), /* @__PURE__ */ a(e, {
+			children: f
+		}), /* @__PURE__ */ o(e, {
 			className: "w-full",
 			variant: "secondary-black",
-			children: f
+			children: p
 		})]
 	})] });
 };
 //#endregion
-export { s as JumboDocs };
+export { c as JumboDocs };

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