@npm_leadtech/legal-contracts-ui 0.182.2 → 0.182.6

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/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: [/* @__PURE__ */ o(t, {
+			children: [!!h.pdfDownload && /* @__PURE__ */ o(t, {
 				className: "w-full",
 				variant: "secondary-black",
 				children: h.pdfDownload
-			}), /* @__PURE__ */ o(t, {
+			}), !!h.wordDownload && /* @__PURE__ */ o(t, {
 				className: "w-full",
 				variant: "secondary-black",
 				children: h.wordDownload

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/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: [/* @__PURE__ */ a(n, {
+					children: [!!d && /* @__PURE__ */ a(n, {
 						className: "w-full",
 						variant: "secondary-black",
 						children: d
-					}), /* @__PURE__ */ a(n, {
+					}), !!f && /* @__PURE__ */ a(n, {
 						className: "w-full",
 						variant: "secondary-black",
 						children: f

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