@npm_leadtech/legal-contracts-ui 0.181.2 → 0.182.0

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-start gap-2 text-neutral-800 select-none",
+	className: "text-medium flex cursor-pointer items-center 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 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"),
+			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"),
 			children: l && /* @__PURE__ */ t(e, {})
 		}),
 		/* @__PURE__ */ t("span", {
-			className: "min-w-0 leading-tight text-neutral-800",
+			className: "leading-tight text-neutral-800",
 			children: c
 		})
 	]

package/dist/components/Footer.d.ts

@@ -29,5 +29,7 @@ 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 }) => /* @__PURE__ */ r("footer", {
+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", {
 	className: "text-neutral-25 max-w-full overflow-x-hidden",
-	children: [/* @__PURE__ */ n("div", {
+	children: [p && /* @__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
 				})]
 			})]
 		})
-	}), /* @__PURE__ */ n("div", {
+	}), m && /* @__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,15 +4,11 @@ import { ReactNode } from 'react';
 export declare const JumboDocs: FC<JumboDocsProps>;
 
 export declare interface JumboDocsProps {
-    trustedBadge?: TrustedBadgeProps;
+    trustedBadge?: ReactNode;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
 }
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/JumboDocs.js

@@ -1,80 +1,79 @@
 "use client";
 "use client";
 import { LinkWrapper as e } from "./LinkWrapper.js";
-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";
+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";
 //#region lib/components/organisms/JumboDocs.tsx
-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;
+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;
 		if (!e) return;
 		let t = new IntersectionObserver(([e]) => {
-			h(!e.isIntersecting);
+			m(!e.isIntersecting);
 		}, { threshold: 0 });
 		return t.observe(e), () => {
 			t.disconnect();
 		};
-	}, []), /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("section", {
+	}, []), /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("section", {
 		className: "bg-neutral-25 pt-8 text-neutral-800 sm:px-6 lg:px-8 xl:px-30",
-		children: /* @__PURE__ */ s("div", {
-			ref: g,
+		children: /* @__PURE__ */ o("div", {
+			ref: h,
 			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: [
-				c && /* @__PURE__ */ o(t, { ...c }),
-				/* @__PURE__ */ o("div", {
+				s,
+				/* @__PURE__ */ a("div", {
 					className: "border border-neutral-200 shadow",
-					children: l
+					children: c
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ o("div", {
 					className: "flex flex-col gap-8 self-start",
-					children: [/* @__PURE__ */ s("div", {
+					children: [/* @__PURE__ */ o("div", {
 						className: "flex flex-col gap-4",
 						children: [
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ a("p", {
 								className: "text-big md:text-large font-bold",
-								children: d
+								children: u
 							}),
-							/* @__PURE__ */ o("span", { className: "h-px w-full bg-neutral-200" }),
-							u.length > 0 && /* @__PURE__ */ o("ul", {
+							/* @__PURE__ */ a("span", { className: "h-px w-full bg-neutral-200" }),
+							l.length > 0 && /* @__PURE__ */ a("ul", {
 								className: "flex flex-col gap-4 md:gap-8",
-								children: u.map((e) => /* @__PURE__ */ s("li", {
+								children: l.map((e) => /* @__PURE__ */ o("li", {
 									className: "text-small flex gap-2",
-									children: [/* @__PURE__ */ o("span", {
+									children: [/* @__PURE__ */ a("span", {
 										className: "text-primary-500",
 										children: "•"
 									}), e]
 								}, e))
 							})
 						]
-					}), /* @__PURE__ */ s("div", {
+					}), /* @__PURE__ */ o("div", {
 						className: "flex w-full gap-4",
-						children: [/* @__PURE__ */ o(e, {
+						children: [/* @__PURE__ */ a(e, {
 							className: "w-full md:w-26.25",
 							variant: "secondary-black",
-							children: f
-						}), /* @__PURE__ */ o(e, {
+							children: d
+						}), /* @__PURE__ */ a(e, {
 							className: "w-full md:w-26.25",
 							variant: "secondary-black",
-							children: p
+							children: f
 						})]
 					})]
 				})
 			]
 		})
-	}), m && /* @__PURE__ */ s("div", {
+	}), p && /* @__PURE__ */ o("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__ */ o(e, {
+		children: [/* @__PURE__ */ a(e, {
 			className: "w-full",
 			variant: "secondary-black",
-			children: f
-		}), /* @__PURE__ */ o(e, {
+			children: d
+		}), /* @__PURE__ */ a(e, {
 			className: "w-full",
 			variant: "secondary-black",
-			children: p
+			children: f
 		})]
 	})] });
 };
 //#endregion
-export { c as JumboDocs };
+export { s as JumboDocs };

package/dist/components/Modal.d.ts

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

package/dist/components/Modal.js

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

package/dist/components/Preform.d.ts

@@ -25,7 +25,7 @@ export interface PreformOptionProps {
 }
 
 export declare interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
@@ -46,8 +46,4 @@ export interface TooltipsProps {
     title: string;
     content: string;
 }
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/Preform.js

@@ -3,59 +3,58 @@
 import { Input as e } from "./Input.js";
 import { LinkWrapper as t } from "./LinkWrapper.js";
 import { PreformOption as n } from "./PreformOption.js";
-import { TrustedBadge as r } from "./TrustedBadge.js";
-import { Tooltips as i } from "./Tooltips.js";
-import { PreformMobile as a } from "./PreformMobile.js";
+import { Tooltips as r } from "./Tooltips.js";
+import { PreformMobile as i } from "./PreformMobile.js";
 import "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region lib/components/organisms/Preform.tsx
-var l = ({ trustedBadge: l, cta: u, inputFieldData: d, radioFieldData: f, tooltips: p, hasMobileRadioField: m }) => /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("section", {
+var c = ({ trustedBadge: c, cta: l, inputFieldData: u, radioFieldData: d, tooltips: f, hasMobileRadioField: p }) => /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("section", {
 	className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30",
-	children: /* @__PURE__ */ c("div", {
+	children: /* @__PURE__ */ s("div", {
 		className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10",
 		children: [
-			/* @__PURE__ */ s(r, { ...l }),
-			f?.isVisible && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("p", {
+			c,
+			d?.isVisible && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("p", {
 				className: "text-large font-bold",
-				children: f.label
-			}), /* @__PURE__ */ c("div", {
+				children: d.label
+			}), /* @__PURE__ */ s("div", {
 				className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4",
-				children: [f.options.map((e) => /* @__PURE__ */ s("div", {
+				children: [d.options.map((e) => /* @__PURE__ */ o("div", {
 					className: "w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-					children: /* @__PURE__ */ s(n, {
+					children: /* @__PURE__ */ o(n, {
 						...e,
-						selected: e.value === f.radioSelected,
-						onClick: f.onClick
+						selected: e.value === d.radioSelected,
+						onClick: d.onClick
 					})
-				}, e.value)), d?.isVisible && /* @__PURE__ */ s("div", {
+				}, e.value)), u?.isVisible && /* @__PURE__ */ o("div", {
 					className: "mt-4 flex basis-full justify-center md:mt-0",
-					children: /* @__PURE__ */ s(e, {
-						id: d.id,
-						label: d.label,
-						name: d.name,
-						placeholder: d.placeholder,
-						value: d.value,
-						onInputChange: d.onChange,
-						"data-qa": d.dataQa
+					children: /* @__PURE__ */ o(e, {
+						id: u.id,
+						label: u.label,
+						name: u.name,
+						placeholder: u.placeholder,
+						value: u.value,
+						onInputChange: u.onChange,
+						"data-qa": u.dataQa
 					})
-				}, d.name)]
+				}, u.name)]
 			})] }),
-			/* @__PURE__ */ s(t, {
+			/* @__PURE__ */ o(t, {
 				variant: "primary-green",
-				children: u
+				children: l
 			}),
-			p.length > 0 && /* @__PURE__ */ s("div", {
+			f.length > 0 && /* @__PURE__ */ o("div", {
 				className: "flex flex-col gap-8",
-				children: p.map((e) => /* @__PURE__ */ s(i, { ...e }, e.title))
+				children: f.map((e) => /* @__PURE__ */ o(r, { ...e }, e.title))
 			})
 		]
 	})
-}), /* @__PURE__ */ s(a, {
-	cta: u,
-	trustedBadge: l,
-	inputFieldData: d,
-	radioFieldData: f,
-	hasMobileRadioField: m
+}), /* @__PURE__ */ o(i, {
+	cta: l,
+	trustedBadge: c,
+	inputFieldData: u,
+	radioFieldData: d,
+	hasMobileRadioField: p
 })] });
 //#endregion
-export { l as Preform };
+export { c as Preform };

package/dist/components/PreformMobile.d.ts

@@ -15,7 +15,7 @@ export type InputFieldData = {
 export declare const PreformMobile: FC<PreformMobileProps>;
 
 export declare interface PreformMobileProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
     cta: ReactNode;
@@ -40,8 +40,4 @@ export type RadioFieldData = {
     radioSelected: string;
     onClick: (str: string) => void;
 };
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/PreformMobile.js

@@ -2,110 +2,109 @@ import { Input as e } from "./Input.js";
 import { Select as t } from "./Select.js";
 import { LinkWrapper as n } from "./LinkWrapper.js";
 import { PreformOption as r } from "./PreformOption.js";
-import { TrustedBadge as i } from "./TrustedBadge.js";
-import { useEffect as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region lib/components/organisms/PreformMobile.tsx
-var d = ({ radioFieldData: d, inputFieldData: f, cta: p, trustedBadge: m, hasMobileRadioField: h }) => {
-	let [g, _] = s(!1), v = o(null);
-	a(() => {
-		let e = v.current;
+var u = ({ radioFieldData: u, inputFieldData: d, cta: f, trustedBadge: p, hasMobileRadioField: m }) => {
+	let [h, g] = o(!1), _ = a(null);
+	i(() => {
+		let e = _.current;
 		if (!e) return;
 		let t = new IntersectionObserver(([e]) => {
-			_(!e.isIntersecting);
+			g(!e.isIntersecting);
 		}, { threshold: 0 });
 		return t.observe(e), () => {
 			t.disconnect();
 		};
 	}, []);
-	let y = (e) => {
-		if (!d?.isVisible) return null;
-		let n = h && !e, i = `${d.name}-${e ? "sticky" : "mobile"}`;
-		return n ? /* @__PURE__ */ l("div", {
+	let v = (e) => {
+		if (!u?.isVisible) return null;
+		let n = m && !e, i = `${u.name}-${e ? "sticky" : "mobile"}`;
+		return n ? /* @__PURE__ */ c("div", {
 			className: "flex w-full flex-wrap justify-center gap-2",
-			children: d.options.map((e) => /* @__PURE__ */ l("div", {
+			children: u.options.map((e) => /* @__PURE__ */ c("div", {
 				className: "w-[calc(50%-4px)]",
-				children: /* @__PURE__ */ l(r, {
+				children: /* @__PURE__ */ c(r, {
 					...e,
-					selected: e.value === d.radioSelected,
-					onClick: d.onClick
+					selected: e.value === u.radioSelected,
+					onClick: u.onClick
 				})
 			}, e.value))
-		}) : /* @__PURE__ */ l(t, {
+		}) : /* @__PURE__ */ c(t, {
 			id: i,
-			name: d.name,
-			value: d.radioSelected,
-			options: d.options,
+			name: u.name,
+			value: u.radioSelected,
+			options: u.options,
 			containerClassName: "w-full",
 			onChange: (e) => {
-				d.onClick(e.target.value);
+				u.onClick(e.target.value);
 			}
 		});
-	}, b = (t) => /* @__PURE__ */ u("div", {
-		className: `flex flex-col bg-white px-6 pb-4 ${t ? "border-t border-neutral-100 pt-4 shadow-md" : ""}`,
+	}, y = (t) => /* @__PURE__ */ l("div", {
+		className: `flex flex-col bg-white px-6 ${t ? "border-t border-neutral-100 pt-4 pb-4 shadow-md" : "pb-6"}`,
 		children: [
-			h && !t ? /* @__PURE__ */ l("p", {
-				className: "text-small mb-4 font-bold text-neutral-800",
-				children: d?.label
-			}) : /* @__PURE__ */ l("label", {
-				htmlFor: `${d?.name ?? ""}-${t ? "sticky" : "mobile"}`,
-				className: "text-small mb-4 font-bold text-neutral-800",
-				children: d?.label
+			m && !t ? /* @__PURE__ */ c("p", {
+				className: "text-small mb-6 font-bold text-neutral-800",
+				children: u?.label
+			}) : /* @__PURE__ */ c("label", {
+				htmlFor: `${u?.name ?? ""}-${t ? "sticky" : "mobile"}`,
+				className: `text-small font-bold text-neutral-800 ${t ? "mb-4" : "mb-6"}`,
+				children: u?.label
 			}),
-			/* @__PURE__ */ u("div", {
-				className: `flex gap-4 ${t ? "flex-row items-center" : "flex-col"}`,
+			/* @__PURE__ */ l("div", {
+				className: `flex ${t ? "flex-row items-center gap-4" : "flex-col gap-6"}`,
 				children: [
-					y(t),
-					f?.isVisible && !t && /* @__PURE__ */ l("div", {
+					v(t),
+					d?.isVisible && !t && /* @__PURE__ */ c("div", {
 						className: "flex justify-center",
-						children: /* @__PURE__ */ l(e, {
+						children: /* @__PURE__ */ c(e, {
 							containerClassName: "w-full text-small",
-							id: `${f.id}-mobile`,
-							label: f.label,
-							name: `${f.name}-mobile`,
-							placeholder: f.placeholder,
-							value: f.value,
-							onInputChange: f.onChange
+							id: `${d.id}-mobile`,
+							label: d.label,
+							name: `${d.name}-mobile`,
+							placeholder: d.placeholder,
+							value: d.value,
+							onInputChange: d.onChange
 						})
-					}, f.name),
-					/* @__PURE__ */ l(n, {
+					}, d.name),
+					/* @__PURE__ */ c(n, {
 						variant: "primary-green",
 						className: `text-small ${t ? "w-fit text-nowrap" : "w-full"}`,
-						children: p
+						children: f
 					})
 				]
 			}),
-			f?.isVisible && t && /* @__PURE__ */ l("div", {
+			d?.isVisible && t && /* @__PURE__ */ c("div", {
 				className: "mt-4 flex w-full justify-center",
-				children: /* @__PURE__ */ l(e, {
+				children: /* @__PURE__ */ c(e, {
 					containerClassName: "w-full text-small",
-					id: `${f.id}-mobile-sticky`,
-					label: f.label,
-					name: `${f.name}-mobile-sticky`,
-					placeholder: f.placeholder,
-					value: f.value,
-					onInputChange: f.onChange
+					id: `${d.id}-mobile-sticky`,
+					label: d.label,
+					name: `${d.name}-mobile-sticky`,
+					placeholder: d.placeholder,
+					value: d.value,
+					onInputChange: d.onChange
 				})
-			}, f.name)
+			}, d.name)
 		]
 	});
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("section", {
-		className: "bg-neutral-25 pt-10 text-neutral-800 sm:hidden",
-		children: /* @__PURE__ */ u("div", {
-			ref: v,
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("section", {
+		className: "bg-neutral-25 pt-0 text-neutral-800 sm:hidden",
+		children: /* @__PURE__ */ l("div", {
+			ref: _,
 			className: "relative flex flex-col rounded bg-white pt-8 shadow",
-			children: [/* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "px-6",
-				children: /* @__PURE__ */ l(i, { ...m })
-			}), /* @__PURE__ */ l("div", {
-				className: g ? "hidden" : "block",
-				children: b(!1)
+				children: p
+			}), /* @__PURE__ */ c("div", {
+				className: h ? "hidden" : "block",
+				children: y(!1)
 			})]
 		})
-	}), g && /* @__PURE__ */ l("div", {
+	}), h && /* @__PURE__ */ c("div", {
 		className: "fixed bottom-0 left-0 z-50 w-full sm:hidden",
-		children: b(!0)
+		children: y(!0)
 	})] });
 };
 //#endregion
-export { d as PreformMobile };
+export { u as PreformMobile };

package/dist/components/ProductSemTemplate.d.ts

@@ -36,7 +36,7 @@ export interface PreformOptionProps {
 }
 
 export interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
@@ -65,8 +65,4 @@ export interface TooltipsProps {
     title: string;
     content: string;
 }
-
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
 

package/dist/components/ProductTemplate.d.ts

@@ -94,7 +94,7 @@ export type InputFieldData = {
 };
 
 export interface JumboDocsProps {
-    trustedBadge?: TrustedBadgeProps;
+    trustedBadge?: ReactNode;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];
@@ -124,7 +124,7 @@ export interface PreformOptionProps {
 }
 
 export interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
@@ -201,10 +201,6 @@ export interface TooltipsProps {
     content: string;
 }
 
-export interface TrustedBadgeProps {
-    children: ReactNode;
-}
-
 export interface TryNowSectionProps {
     title: string;
     benefits: string[];

package/dist/components/index.d.ts

@@ -504,6 +504,8 @@ export declare interface FooterProps {
     copyrightText?: string;
     trustPilot?: ReactNode;
     languageSelector?: ReactNode;
+    linksShow?: boolean;
+    cookiesShow?: boolean;
 }
 
 export declare interface FormattedLanguageItem {
@@ -711,7 +713,7 @@ export declare interface JumboCardProps {
 export declare const JumboDocs: FC<JumboDocsProps>;
 
 export declare interface JumboDocsProps {
-    trustedBadge?: TrustedBadgeProps;
+    trustedBadge?: ReactNode;
     imagePreview: ReactNode | null;
     title: string;
     freeDocTexts: string[];
@@ -791,61 +793,6 @@ export declare interface LawGeniusStepCardProps {
     iconAlt?: string;
 }
 
-export declare const LeadGateErrorModal: FC<LeadGateErrorModalProps>;
-
-export declare interface LeadGateErrorModalProps {
-    heading: string;
-    description: string;
-    ctaLabel: string;
-    onRetry?: () => void;
-}
-
-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 {
-    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 {
-    icon?: ReactNode;
-    title: string;
-    description: string;
-}
-
-export declare const LeadGateSuccessModal: FC<LeadGateSuccessModalProps>;
-
-export declare interface LeadGateSuccessModalProps {
-    subtitle: string;
-    featureItems: LeadGateSuccessFeatureItemProps[];
-    ctaLabel: string;
-    footer: string;
-    illustration: ReactNode;
-    onCtaClick?: () => void;
-}
-
 export declare const LinkedinIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare interface LinkedProductProps {
@@ -928,9 +875,7 @@ export declare interface MobileMenuSection {
     content?: ReactNode | null;
 }
 
-export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger, overlayVariant }: ModalProps) => JSX.Element;
-
-export declare type ModalOverlayVariant = 'primary' | 'grey';
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger }: ModalProps) => JSX.Element;
 
 export interface ModalProps {
     trigger?: ReactNode;
@@ -939,7 +884,6 @@ export interface ModalProps {
     setIsOpen: (open: boolean) => void;
     showClose?: boolean;
     onTrigger?: () => void;
-    overlayVariant?: ModalOverlayVariant;
 }
 
 export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;
@@ -1029,7 +973,7 @@ export declare interface PreformOptionProps {
 }
 
 export declare interface PreformProps {
-    trustedBadge: TrustedBadgeProps;
+    trustedBadge: ReactNode;
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;

package/dist/index.js

@@ -98,56 +98,52 @@ 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 { 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 };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.181.2",
+  "version": "0.182.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -354,22 +354,6 @@
       "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"
@@ -717,6 +701,27 @@
   "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",
@@ -788,30 +793,16 @@
     "@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"
   }
-}
+}

package/dist/components/LeadGateErrorModal.d.ts

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

package/dist/components/LeadGateErrorModal.js

@@ -1,41 +0,0 @@
-import { ClearIcon as e } from "./ClearIcon.js";
-import { Button as t } from "./Button.js";
-import { Markdown as n } from "./Markdown.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region lib/components/molecules/LeadGateErrorModal.tsx
-var a = ({ heading: a, description: o, ctaLabel: s, onRetry: c }) => /* @__PURE__ */ i("div", {
-	className: "mt-4 flex w-full flex-col",
-	children: [/* @__PURE__ */ r("span", { className: "h-px w-full bg-neutral-200" }), /* @__PURE__ */ i("div", {
-		className: "mt-10 flex w-full flex-col gap-10",
-		children: [/* @__PURE__ */ i("div", {
-			className: "mx-auto flex w-full max-w-80 flex-col items-center gap-4",
-			children: [/* @__PURE__ */ r("div", {
-				className: "bg-error-20 flex size-[74px] items-center justify-center rounded-full",
-				children: /* @__PURE__ */ r(e, {
-					width: 48,
-					height: 48,
-					fill: "var(--color-error-500)",
-					"aria-hidden": "true"
-				})
-			}), /* @__PURE__ */ i("div", {
-				className: "flex w-full flex-col gap-2 text-center",
-				children: [/* @__PURE__ */ r("p", {
-					className: "text-big font-bold text-neutral-800",
-					children: a
-				}), /* @__PURE__ */ r(n, {
-					className: "text-medium w-auto! text-neutral-800 [&_p]:mb-0",
-					content: o
-				})]
-			})]
-		}), /* @__PURE__ */ r(t, {
-			type: "button",
-			variant: "primary-green",
-			className: "w-full",
-			dataQa: "lead_gate_retry",
-			onClick: c,
-			children: s
-		})]
-	})]
-});
-//#endregion
-export { a as LeadGateErrorModal };

package/dist/components/LeadGateModal.d.ts

@@ -1,29 +0,0 @@
-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 {
-    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

@@ -1,90 +0,0 @@
-import { Button as e } from "./Button.js";
-import { Markdown as t } from "./Markdown.js";
-import { Input as n } from "./Input.js";
-import { Checkbox as r } from "./Checkbox.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region lib/components/molecules/LeadGateModal.tsx
-var o = (e) => {
-	!(e.target instanceof HTMLElement) || !e.target.closest("a") || e.stopPropagation();
-}, s = ({ description: s, emailLabel: c, emailPlaceholder: l, emailErrorMessage: u, termsLabel: d, marketingLabel: f, ctaLabel: p, payload: m, errors: h = {}, onPayloadChange: g, onSubmit: _ }) => {
-	let v = !!(h.email || h.hasAcceptedTerms);
-	return /* @__PURE__ */ a("div", {
-		className: "mt-4 flex w-full flex-col gap-4",
-		children: [/* @__PURE__ */ i("span", { className: "h-px w-full bg-neutral-200" }), /* @__PURE__ */ a("form", {
-			className: "flex w-full flex-col gap-4",
-			noValidate: !0,
-			onSubmit: (e) => {
-				e.preventDefault(), _?.();
-			},
-			children: [
-				/* @__PURE__ */ i(t, {
-					className: "text-medium w-auto! text-center text-neutral-800 [&_p]:mb-0",
-					content: s
-				}),
-				/* @__PURE__ */ i(n, {
-					id: "lead-gate-email",
-					name: "email",
-					type: "email",
-					label: c,
-					placeholder: l,
-					dataQa: "lead_gate_email",
-					value: m.email,
-					error: v,
-					errorMessage: u,
-					onInputChange: (e) => {
-						g({
-							...m,
-							email: e
-						});
-					}
-				}),
-				/* @__PURE__ */ a("div", {
-					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ i(r, {
-						id: "lead-gate-terms",
-						name: "hasAcceptedTerms",
-						dataQa: "lead_gate_terms",
-						checked: m.hasAcceptedTerms,
-						error: h.hasAcceptedTerms,
-						onChange: (e) => {
-							g({
-								...m,
-								hasAcceptedTerms: e.currentTarget.checked
-							});
-						},
-						children: /* @__PURE__ */ i("span", {
-							className: "min-w-0",
-							onClick: o,
-							onKeyDown: o,
-							children: /* @__PURE__ */ i(t, {
-								className: "[&_p]:mb-0",
-								content: d
-							})
-						})
-					}), /* @__PURE__ */ i(r, {
-						id: "lead-gate-marketing",
-						name: "hasAcceptedMarketing",
-						dataQa: "lead_gate_marketing",
-						checked: m.hasAcceptedMarketing,
-						onChange: (e) => {
-							g({
-								...m,
-								hasAcceptedMarketing: e.currentTarget.checked
-							});
-						},
-						children: f
-					})]
-				}),
-				/* @__PURE__ */ i(e, {
-					type: "submit",
-					variant: "primary-green",
-					className: "w-full",
-					dataQa: "lead_gate_download",
-					children: p
-				})
-			]
-		})]
-	});
-};
-//#endregion
-export { s as LeadGateModal };

package/dist/components/LeadGateSuccessFeatureItem.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { ReactNode } from 'react';
-
-export declare const LeadGateSuccessFeatureItem: FC<LeadGateSuccessFeatureItemProps>;
-
-export declare interface LeadGateSuccessFeatureItemProps {
-    icon?: ReactNode;
-    title: string;
-    description: string;
-}
-

package/dist/components/LeadGateSuccessFeatureItem.js

@@ -1,20 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region lib/components/molecules/LeadGateSuccessFeatureItem.tsx
-var n = ({ icon: n, title: r, description: i }) => /* @__PURE__ */ t("li", {
-	className: "flex items-start gap-4",
-	children: [n != null && /* @__PURE__ */ e("span", {
-		className: "mt-0.5 shrink-0",
-		children: n
-	}), /* @__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: r
-		}), /* @__PURE__ */ e("p", {
-			className: "text-small text-neutral-600",
-			children: i
-		})]
-	})]
-});
-//#endregion
-export { n as LeadGateSuccessFeatureItem };

package/dist/components/LeadGateSuccessModal.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { ReactNode } from 'react';
-
-export interface LeadGateSuccessFeatureItemProps {
-    icon?: ReactNode;
-    title: string;
-    description: string;
-}
-
-export declare const LeadGateSuccessModal: FC<LeadGateSuccessModalProps>;
-
-export declare interface LeadGateSuccessModalProps {
-    subtitle: string;
-    featureItems: LeadGateSuccessFeatureItemProps[];
-    ctaLabel: string;
-    footer: string;
-    illustration: ReactNode;
-    onCtaClick?: () => void;
-}
-

package/dist/components/LeadGateSuccessModal.js

@@ -1,45 +0,0 @@
-import { DocOutlineIcon as e } from "./DocOutlineIcon.js";
-import { Button as t } from "./Button.js";
-import { Markdown as n } from "./Markdown.js";
-import { LeadGateSuccessFeatureItem as r } from "./LeadGateSuccessFeatureItem.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region lib/components/molecules/LeadGateSuccessModal.tsx
-var o = ({ subtitle: o, featureItems: s, ctaLabel: c, footer: l, illustration: u, onCtaClick: d }) => /* @__PURE__ */ a("div", {
-	className: "mt-6 flex w-full flex-col gap-6",
-	children: [
-		/* @__PURE__ */ i("div", {
-			className: "relative h-[227px] w-[302px] max-w-full overflow-hidden",
-			children: u
-		}),
-		/* @__PURE__ */ i("p", {
-			className: "text-medium text-primary-500 w-full text-center",
-			children: o
-		}),
-		/* @__PURE__ */ i("span", { className: "h-px w-full bg-neutral-200" }),
-		/* @__PURE__ */ i("ul", {
-			className: "flex w-full flex-col gap-4",
-			children: s.map((e) => /* @__PURE__ */ i(r, { ...e }, e.title))
-		}),
-		/* @__PURE__ */ a("div", {
-			className: "flex w-full flex-col gap-4",
-			children: [/* @__PURE__ */ a(t, {
-				type: "button",
-				variant: "primary-green",
-				className: "w-full",
-				dataQa: "lead_gate_success_cta",
-				onClick: d,
-				children: [/* @__PURE__ */ i(e, {
-					width: 22,
-					height: 22,
-					fill: "currentColor",
-					"aria-hidden": "true"
-				}), c]
-			}), /* @__PURE__ */ i(n, {
-				className: "text-extra-small [&_strong]:text-primary-500 text-center text-neutral-600 [&_p]:mb-0",
-				content: l
-			})]
-		})
-	]
-});
-//#endregion
-export { o as LeadGateSuccessModal };