@npm_leadtech/legal-contracts-ui 0.65.6 → 0.66.1

package/dist/components/AllDocumentsTemplate.d.ts

@@ -63,9 +63,8 @@ export interface DocumentCategoriesProps {
 
 export interface DocumentItemProps {
     id: string;
-    title: string;
+    link: ReactNode;
     description: string;
-    featured?: boolean;
     className?: string;
 }
 

package/dist/components/Anchor.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
 
 export interface AnchorProps extends React.ComponentProps<'a'> {
-    variant?: 'default' | 'legal';
+    variant?: 'default' | 'legal' | 'tooltip';
 }
 

package/dist/components/Anchor.js

@@ -1,9 +1,12 @@
-import { jsx as n } from "react/jsx-runtime";
-import o from "clsx";
-const m = ({ children: r, variant: e = "default", className: t = "", ...a }) => /* @__PURE__ */ n("a", { className: o(t, {
-  default: "text-neutral-900 underline ",
-  legal: "text-primary-700"
-}[e]), target: "_blank", rel: "noopener noreferrer", ...a, children: r });
+import { jsx as o } from "react/jsx-runtime";
+import s from "clsx";
+const i = ({ children: e, variant: t = "default", className: a = "", ...n }) => {
+  const r = {
+    default: "text-neutral-900 underline ",
+    legal: "text-primary-700"
+  }, l = r[t] ?? r.default;
+  return /* @__PURE__ */ o("a", { className: s(a, l), target: "_blank", rel: "noopener noreferrer", ...n, children: e });
+};
 export {
-  m as Anchor
+  i as Anchor
 };

package/dist/components/CategoryProductTemplate.d.ts

@@ -75,9 +75,8 @@ export interface DocumentCategoriesProps {
 
 export interface DocumentItemProps {
     id: string;
-    title: string;
+    link: ReactNode;
     description: string;
-    featured?: boolean;
     className?: string;
 }
 

package/dist/components/ChevronRightIcon.js

@@ -1,27 +1,12 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
-const t = (l) => /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", ...l, children: [
-  /* @__PURE__ */ i(
-    "mask",
-    {
-      id: "mask0_2507_4542",
-      width: "8",
-      height: "12",
-      x: "8",
-      y: "6",
-      maskUnits: "userSpaceOnUse",
-      style: { maskType: "luminance" },
-      children: /* @__PURE__ */ i(
-        "path",
-        {
-          fill: "var(--color-neutral-white)",
-          d: "M10.41 6.705A.998.998 0 0 0 9 8.115L12.875 12l-3.876 3.885a.998.998 0 0 0 1.411 1.41l4.588-4.588a1 1 0 0 0 0-1.414z"
-        }
-      )
-    }
-  ),
-  /* @__PURE__ */ i("g", { mask: "url(#mask0_2507_4542)", children: /* @__PURE__ */ i("path", { fill: "var(--color-primary-700)", d: "M0 0h24v24H0z" }) })
-] });
+const n = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M10.4103 6.70527C10.0208 6.31569 9.38915 6.31569 8.99958 6.70527C8.6103 7.09454 8.60996 7.72557 8.99881 8.11526L12.875 11.9999L8.99881 15.8845C8.60996 16.2742 8.6103 16.9052 8.99958 17.2945C9.38915 17.6841 10.0208 17.6841 10.4103 17.2945L14.9979 12.707C15.3884 12.3165 15.3884 11.6833 14.9979 11.2928L10.4103 6.70527Z",
+    fill: "#05646E"
+  }
+) });
 export {
-  t as ChevronRightIcon
+  n as ChevronRightIcon
 };

package/dist/components/ContentItem.js

@@ -1,28 +1,28 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { ImageWithPreview as c } from "./ImageWithPreview.js";
+import { ImageWithPreview as p } from "./ImageWithPreview.js";
 import { LinkedProducts as d } from "./LinkedProducts.js";
 import { Markdown as h } from "./Markdown.js";
-import { LinkWrapper as l } from "./LinkWrapper.js";
+import { LinkWrapper as a } from "./LinkWrapper.js";
 import { AlternativeSubtypeDocument as x } from "./AlternativeSubtypeDocument.js";
 import { DefaultSubtypeDocument as u } from "./DefaultSubtypeDocument.js";
 const y = ({
-  id: p,
+  id: c,
   title: t,
   content: n,
   linkedProducts: m,
   sampleImage: i,
   cta: o,
-  docsModules: a,
+  docsModules: l,
   subtypeDocs: f
-}) => /* @__PURE__ */ s("div", { id: p, className: "flex flex-col gap-6 text-neutral-900", children: [
+}) => /* @__PURE__ */ s("div", { id: c, className: "flex scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
   t && /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: t }),
   n && /* @__PURE__ */ e(h, { content: n, className: "text-medium [&_p:last-child]:mb-0" }),
   m.length > 0 && /* @__PURE__ */ e(d, { linkedProducts: m }),
-  i && /* @__PURE__ */ e(c, { ...i }),
-  !!o && /* @__PURE__ */ e(l, { className: "w-75 self-center", children: o }),
-  a && /* @__PURE__ */ s("div", { className: "flex w-75 gap-4 self-center", children: [
-    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.pdfDownload }),
-    /* @__PURE__ */ e(l, { className: "w-full", variant: "secondary-black", children: a.wordDownload })
+  i && /* @__PURE__ */ e(p, { ...i }),
+  !!o && /* @__PURE__ */ e(a, { className: "w-75 self-center text-center", children: o }),
+  l && /* @__PURE__ */ s("div", { className: "flex w-75 gap-4 self-center", children: [
+    /* @__PURE__ */ e(a, { className: "w-full", variant: "secondary-black", children: l.pdfDownload }),
+    /* @__PURE__ */ e(a, { className: "w-full", variant: "secondary-black", children: l.wordDownload })
   ] }),
   f.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: f.map((r) => r.format === "Alternative" ? /* @__PURE__ */ e(x, { ...r }, r.id) : /* @__PURE__ */ e(u, { ...r }, r.id)) })
 ] });

package/dist/components/DocumentItem.d.ts

@@ -1,12 +1,12 @@
 import { FC } from 'react';
+import { ReactNode } from 'react';
 
 export declare const DocumentItem: FC<DocumentItemProps>;
 
 export declare interface DocumentItemProps {
     id: string;
-    title: string;
+    link: ReactNode;
     description: string;
-    featured?: boolean;
     className?: string;
 }
 

package/dist/components/DocumentItem.js

@@ -1,19 +1,22 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { ChevronRightIcon as m } from "./ChevronRightIcon.js";
-const n = ({ id: t, title: a, description: o, featured: s, className: d = "" }) => /* @__PURE__ */ r(
+import n from "clsx";
+import { ChevronRightIcon as a } from "./ChevronRightIcon.js";
+const c = ({ link: t, description: o, className: i = "" }) => /* @__PURE__ */ r(
   "article",
   {
-    className: `rounded bg-white p-6 shadow-sm transition-shadow hover:shadow-md ${s ? "border-primary-500 border-2" : "border border-neutral-200"} ${d}`,
+    className: n(
+      'hover:border-primary-500 text-medium hover:ring-primary-500 relative flex max-w-93.75 flex-col gap-2 rounded border border-neutral-200 bg-white pt-4 pr-4 pb-6 pl-6 text-neutral-800 hover:ring-1 hover:ring-inset [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
+      i
+    ),
     children: [
-      /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
-        /* @__PURE__ */ e("p", { className: "text-medium flex-1 font-bold text-neutral-800", children: a }),
-        /* @__PURE__ */ e(m, { className: "h-5 w-5 text-neutral-800", "aria-hidden": !0 })
+      /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ e("p", { className: "font-bold", children: t }),
+        /* @__PURE__ */ e(a, { "aria-hidden": !0 })
       ] }),
-      /* @__PURE__ */ e("p", { className: "text-medium mt-2 text-neutral-800", children: o })
+      /* @__PURE__ */ e("p", { children: o })
     ]
-  },
-  t
+  }
 );
 export {
-  n as DocumentItem
+  c as DocumentItem
 };

package/dist/components/DocumentSection.d.ts

@@ -3,9 +3,8 @@ import { ReactNode } from 'react';
 
 export interface DocumentItemProps {
     id: string;
-    title: string;
+    link: ReactNode;
     description: string;
-    featured?: boolean;
     className?: string;
 }
 

package/dist/components/DocumentSection.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { DocumentItem as n } from "./DocumentItem.js";
-const p = ({ id: l, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ a("article", { id: l, className: "flex-1 scroll-mt-32 space-y-6", children: [
+import { DocumentItem as i } from "./DocumentItem.js";
+const p = ({ id: r, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ a("article", { id: r, className: "flex-1 scroll-mt-25 space-y-6", children: [
   /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-4 rounded p-6", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ e("span", { className: "bg-primary-50 rounded-md p-3", "aria-hidden": !0, children: c }),
@@ -8,8 +8,8 @@ const p = ({ id: l, title: s, description: t, icon: c, documents: m }) => /* @__
     ] }),
     /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: t })
   ] }),
-  /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-6 pb-6", children: m.map((r) => /* @__PURE__ */ e(n, { ...r, className: "w-48/100" }, r.id)) })
-] }, l);
+  /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-6 pb-6", children: m.map((l) => /* @__PURE__ */ e(i, { ...l, className: "w-48/100" }, l.id)) })
+] });
 export {
   p as DocumentSection
 };

package/dist/components/FreeDocumentModal.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const FreeDocumentModal: FC<FreeDocumentModalProps>;
+
+export declare interface FreeDocumentModalProps {
+    image?: ReactNode;
+    title?: string;
+    description?: string;
+    cta?: ReactNode;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+}
+

package/dist/components/FreeDocumentModal.js

@@ -0,0 +1,24 @@
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { Modal as c } from "./Modal.js";
+import { LinkWrapper as i } from "./LinkWrapper.js";
+const p = ({
+  image: r,
+  title: a,
+  description: m,
+  cta: s,
+  isOpen: t,
+  setIsOpen: d
+}) => /* @__PURE__ */ l(c, { showClose: !0, isOpen: t, setIsOpen: d, children: /* @__PURE__ */ e("div", { className: "flex flex-col bg-white text-neutral-900 md:max-w-155 md:flex-row", children: [
+  /* @__PURE__ */ l("div", { className: "w-full [&_img]:w-full", children: r }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-8 self-start p-7 md:pt-8 md:pr-16 md:pb-4 md:pl-8", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-left", children: [
+      /* @__PURE__ */ l("h2", { className: "text-big font-bold", children: a }),
+      /* @__PURE__ */ l("span", { className: "h-px w-full bg-neutral-200" }),
+      /* @__PURE__ */ l("p", { children: m })
+    ] }),
+    /* @__PURE__ */ l(i, { className: "w-full md:w-fit", children: s })
+  ] })
+] }) });
+export {
+  p as FreeDocumentModal
+};

package/dist/components/Header2.d.ts

@@ -1,8 +1,4 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
-
-export interface Header2Props extends React.ComponentProps<'h2'> {
-    variant?: 'default' | 'legal';
-}
+export declare const Header2: ({ children }: React.ComponentProps<"h2">) => JSX.Element;
 

package/dist/components/Header2.js

@@ -1,9 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import r from "clsx";
-const s = ({ children: t, variant: a = "default" }) => /* @__PURE__ */ e("h2", { className: r("mt-5 text-3xl font-bold", {
-  default: "mb-3 text-gray-900",
-  legal: "mb-6 text-neutral-800"
-}[a]), children: t });
+const m = ({ children: t }) => /* @__PURE__ */ e("h2", { className: "mt-5 mb-6 text-3xl font-bold text-neutral-800", children: t });
 export {
-  s as Header2
+  m as Header2
 };

package/dist/components/ImageWithPreview.js

@@ -1,10 +1,15 @@
+"use client";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { Modal as o } from "./Modal.js";
-import { ZoomIcon as t } from "./ZoomIcon.js";
-const n = ({ small: r, large: i }) => /* @__PURE__ */ l("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
-  /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: r }),
-  /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(o, { trigger: /* @__PURE__ */ e(t, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), children: i }) })
-] });
+import { useState as s } from "react";
+import { ZoomIcon as a } from "./ZoomIcon.js";
+import { Modal as m } from "./Modal.js";
+const u = ({ small: r, large: i }) => {
+  const [o, t] = s(!1);
+  return /* @__PURE__ */ l("div", { className: "relative aspect-3/4 w-75 self-center overflow-hidden border border-neutral-200", children: [
+    /* @__PURE__ */ e("div", { className: "h-full w-full [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: r }),
+    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(a, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: o, setIsOpen: t, children: i }) })
+  ] });
+};
 export {
-  n as ImageWithPreview
+  u as ImageWithPreview
 };

package/dist/components/Markdown.d.ts

@@ -6,6 +6,6 @@ export declare interface MarkdownProps {
     content: string;
     className?: string;
     useCustom?: boolean;
-    variant?: 'default' | 'legal';
+    variant?: 'default' | 'legal' | 'tooltip';
 }
 

package/dist/components/Markdown.js

@@ -1,46 +1,46 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import n from "react-markdown";
-import a from "rehype-raw";
-import i from "remark-gfm";
+import i from "rehype-raw";
+import a from "remark-gfm";
 import { Anchor as d } from "./Anchor.js";
 import { Blockquote as f } from "./Blockquote.js";
 import { Code as c } from "./Code.js";
-import { Header1 as h } from "./Header1.js";
+import { Header1 as l } from "./Header1.js";
 import { Header2 as s } from "./Header2.js";
-import { Header3 as l } from "./Header3.js";
+import { Header3 as h } from "./Header3.js";
 import { Header4 as u } from "./Header4.js";
 import { OrderedList as C } from "./OrderedList.js";
 import { Paragraph as b } from "./Paragraph.js";
-import { TableRow as k, TableHeader as g, TableData as H, Table as w } from "./Table.js";
-import { UnorderedList as T } from "./UnorderedList.js";
+import { TableRow as k, TableHeader as H, TableData as w, Table as T } from "./Table.js";
+import { UnorderedList as g } from "./UnorderedList.js";
 import { Video as P } from "./Video.js";
 import { Emphasis as R } from "./Emphasis.js";
-const S = ({ content: m, className: t = "", useCustom: p = !0, variant: e = "default" }) => /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r(
+const N = ({ content: e, className: t = "", useCustom: p = !0, variant: m = "default" }) => /* @__PURE__ */ o("div", { className: t, children: /* @__PURE__ */ o(
   n,
   {
-    rehypePlugins: [a],
-    remarkPlugins: [i],
+    rehypePlugins: [i],
+    remarkPlugins: [a],
     components: p ? {
-      h1: h,
-      h2: (o) => /* @__PURE__ */ r(s, { variant: e, ...o }),
-      h3: l,
+      h1: l,
+      h2: s,
+      h3: h,
       h4: u,
-      p: (o) => /* @__PURE__ */ r(b, { variant: e, ...o }),
-      a: (o) => /* @__PURE__ */ r(d, { variant: e, ...o }),
-      ul: (o) => /* @__PURE__ */ r(T, { variant: e, ...o }),
+      p: b,
+      a: (r) => /* @__PURE__ */ o(d, { variant: m, ...r }),
+      ul: (r) => /* @__PURE__ */ o(g, { variant: m, ...r }),
       ol: C,
       code: c,
       blockquote: f,
       video: P,
-      table: w,
-      td: H,
-      th: g,
+      table: T,
+      td: w,
+      th: H,
       tr: k,
       em: R
     } : void 0,
-    children: m
+    children: e
   }
 ) });
 export {
-  S as Markdown
+  N as Markdown
 };

package/dist/components/Modal.d.ts

@@ -1,10 +1,13 @@
 import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export declare const Modal: ({ trigger, children }: ModalProps) => JSX.Element;
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose }: ModalProps) => JSX.Element;
 
 export interface ModalProps {
-    trigger: ReactNode;
+    trigger?: ReactNode;
     children: ReactNode;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    showClose?: boolean;
 }
 

package/dist/components/Modal.js

@@ -1,23 +1,43 @@
 "use client";
-import { jsxs as l, Fragment as a, jsx as e } from "react/jsx-runtime";
-import { useState as c } from "react";
-const f = ({ trigger: r, children: s }) => {
-  const [t, i] = c(!1), o = () => {
-    i(!t);
+import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
+import "react";
+import { CloseIcon as u } from "./CloseIcon.js";
+const p = ({ trigger: l, children: n, isOpen: r, setIsOpen: a, showClose: i }) => {
+  const o = () => {
+    a(!r);
   };
-  return /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ e("button", { "aria-label": "zoom", onClick: o, className: "cursor-pointer", children: r }),
-    t && /* @__PURE__ */ e("button", { className: "bg-primary-900/80 fixed inset-0 z-50 flex items-center justify-center", onClick: o, children: /* @__PURE__ */ e("div", { className: "relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ e(
-      "div",
+  return /* @__PURE__ */ t(c, { children: [
+    !!l && /* @__PURE__ */ e("button", { "aria-label": "zoom", onClick: o, className: "flex w-full cursor-pointer justify-center", children: l }),
+    r && /* @__PURE__ */ e(
+      "button",
       {
-        onClick: (n) => {
-          n.stopPropagation();
-        },
-        children: s
+        className: "bg-primary-900/80 fixed inset-0 z-1001 flex items-center justify-center",
+        onClick: o,
+        children: /* @__PURE__ */ e("div", { className: "relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: "relative",
+            onClick: (s) => {
+              s.stopPropagation();
+            },
+            children: [
+              i && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
+                  onClick: o,
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ e(u, {})
+                }
+              ),
+              n
+            ]
+          }
+        ) })
       }
-    ) }) })
+    )
   ] });
 };
 export {
-  f as Modal
+  p as Modal
 };

package/dist/components/NotFoundTemplate.d.ts

@@ -28,9 +28,8 @@ export interface ContactMethodsSectionProps {
 
 export interface DocumentItemProps {
     id: string;
-    title: string;
+    link: ReactNode;
     description: string;
-    featured?: boolean;
     className?: string;
 }
 

package/dist/components/Paragraph.d.ts

@@ -1,8 +1,4 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
-
-export interface ParagraphProps extends React.ComponentProps<'p'> {
-    variant?: 'default' | 'legal';
-}
+export declare const Paragraph: ({ children }: React.ComponentProps<"p">) => JSX.Element;
 

package/dist/components/Paragraph.js

@@ -1,9 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import e from "clsx";
-const m = ({ variant: a = "default", children: t }) => /* @__PURE__ */ r("p", { className: e("mb-4", {
-  default: "",
-  legal: "text-neutral-800"
-}[a]), children: t });
+const o = ({ children: a }) => /* @__PURE__ */ r("p", { className: "mb-4", children: a });
 export {
-  m as Paragraph
+  o as Paragraph
 };

package/dist/components/Preform.d.ts

@@ -27,6 +27,7 @@ export declare interface PreformProps {
     cta: ReactNode;
     radioFieldData?: RadioFieldData;
     inputFieldData?: InputFieldData;
+    tooltips: TooltipsProps[];
 }
 
 export declare type RadioFieldData = {
@@ -38,6 +39,11 @@ export declare type RadioFieldData = {
     onClick: (str: string) => void;
 };
 
+export interface TooltipsProps {
+    title: string;
+    content: string;
+}
+
 export interface TrustedBadgeProps {
     children: ReactNode;
 }

package/dist/components/Preform.js

@@ -1,57 +1,59 @@
 "use client";
-import { jsxs as r, Fragment as n, jsx as l } from "react/jsx-runtime";
+import { jsxs as c, Fragment as p, jsx as e } from "react/jsx-runtime";
 import "react";
-import { PreformMobile as x } from "./PreformMobile.js";
-import { PreformOption as p } from "./PreformOption.js";
-import { TrustedBadge as a } from "./TrustedBadge.js";
-import { Input as f } from "./Input.js";
-import { LinkWrapper as i } from "./LinkWrapper.js";
-const u = ({ trustedBadge: c, cta: o, inputFieldData: e, radioFieldData: m }) => /* @__PURE__ */ r(n, { children: [
-  /* @__PURE__ */ l("section", { className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ r("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__ */ l(a, { ...c }),
-    m?.isVisible && /* @__PURE__ */ r(n, { children: [
-      /* @__PURE__ */ l("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
-      /* @__PURE__ */ r("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
-        m.options.map((s) => /* @__PURE__ */ l(
+import { Tooltips as x } from "./Tooltips.js";
+import { PreformMobile as a } from "./PreformMobile.js";
+import { PreformOption as f } from "./PreformOption.js";
+import { TrustedBadge as i } from "./TrustedBadge.js";
+import { Input as h } from "./Input.js";
+import { LinkWrapper as t } from "./LinkWrapper.js";
+const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: n }) => /* @__PURE__ */ c(p, { children: [
+  /* @__PURE__ */ e("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", { 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__ */ e(i, { ...s }),
+    m?.isVisible && /* @__PURE__ */ c(p, { children: [
+      /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
+      /* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
+        m.options.map((r) => /* @__PURE__ */ e(
           "div",
           {
             className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-            children: /* @__PURE__ */ l(
-              p,
+            children: /* @__PURE__ */ e(
+              f,
               {
-                ...s,
-                selected: s.value === m.radioSelected,
+                ...r,
+                selected: r.value === m.radioSelected,
                 onClick: m.onClick
               }
             )
           },
-          s.value
+          r.value
         )),
-        e?.isVisible && /* @__PURE__ */ l("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ l(
-          f,
+        l?.isVisible && /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(
+          h,
           {
-            id: e.id,
-            label: e.label,
-            name: e.name,
-            placeholder: e.placeholder,
-            value: e.value,
-            onInputChange: e.onChange
+            id: l.id,
+            label: l.label,
+            name: l.name,
+            placeholder: l.placeholder,
+            value: l.value,
+            onInputChange: l.onChange
           }
-        ) }, e.name)
+        ) }, l.name)
       ] })
     ] }),
-    /* @__PURE__ */ l(i, { variant: "primary-green", children: o })
+    /* @__PURE__ */ e(t, { variant: "primary-green", children: o }),
+    n.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: n.map((r) => /* @__PURE__ */ e(x, { ...r }, r.title)) })
   ] }) }),
-  /* @__PURE__ */ l(
-    x,
+  /* @__PURE__ */ e(
+    a,
     {
       cta: o,
-      trustedBadge: c,
-      inputFieldData: e,
+      trustedBadge: s,
+      inputFieldData: l,
       radioFieldData: m
     }
   )
 ] });
 export {
-  u as Preform
+  k as Preform
 };