@npm_leadtech/legal-contracts-ui 0.135.1 → 0.136.1

package/dist/components/AllDocumentsTemplate.d.ts

@@ -39,6 +39,7 @@ export interface ContentItemProps {
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
     cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
     docsModules: {
         pdfDownload: ReactNode;
         wordDownload: ReactNode;

package/dist/components/ContentItem.d.ts

@@ -22,6 +22,7 @@ export declare interface ContentItemProps {
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
     cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
     docsModules: {
         pdfDownload: ReactNode;
         wordDownload: ReactNode;

package/dist/components/ContentItem.js

@@ -1,31 +1,33 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { ImageWithPreview as p } from "./ImageWithPreview.js";
-import { LinkedProducts as d } from "./LinkedProducts.js";
-import { Markdown as h } from "./Markdown.js";
-import { LinkWrapper as a } from "./LinkWrapper.js";
-import { AlternativeSubtypeDocument as x } from "./AlternativeSubtypeDocument.js";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { ImageWithPreview as d } from "./ImageWithPreview.js";
+import { LinkedProducts as h } from "./LinkedProducts.js";
+import { Markdown as x } from "./Markdown.js";
+import { LinkWrapper as l } from "./LinkWrapper.js";
+import { AlternativeSubtypeDocument as u } from "./AlternativeSubtypeDocument.js";
 import { DefaultSubtypeDocument as w } from "./DefaultSubtypeDocument.js";
-const y = ({
-  id: c,
+const j = ({
+  id: p,
   title: t,
   content: n,
-  linkedProducts: m,
-  sampleImage: i,
-  cta: o,
-  docsModules: l,
-  subtypeDocs: f
-}) => /* @__PURE__ */ s("div", { id: c, className: "flex min-w-0 scroll-mt-25 flex-col gap-6 text-neutral-900", children: [
+  linkedProducts: i,
+  sampleImage: m,
+  cta: s,
+  comingSoonCta: o,
+  docsModules: a,
+  subtypeDocs: c
+}) => /* @__PURE__ */ f("div", { id: p, className: "flex min-w-0 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(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 })
+  n && /* @__PURE__ */ e(x, { content: n, className: "text-medium [&_p:last-child]:mb-0" }),
+  i.length > 0 && /* @__PURE__ */ e(h, { linkedProducts: i }),
+  m && /* @__PURE__ */ e(d, { ...m }),
+  !!s && /* @__PURE__ */ e(l, { className: "w-75 self-center text-center", children: s }),
+  !!o && /* @__PURE__ */ e(l, { variant: "icon-grey", disabled: !0, className: "w-75 self-center bg-neutral-200 text-center", children: o }),
+  a && /* @__PURE__ */ f("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 })
   ] }),
-  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(w, { ...r }, r.id)) })
+  c.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: c.map((r) => r.format === "Alternative" ? /* @__PURE__ */ e(u, { ...r }, r.id) : /* @__PURE__ */ e(w, { ...r }, r.id)) })
 ] });
 export {
-  y as ContentItem
+  j as ContentItem
 };

package/dist/components/FaqItem.js

@@ -13,7 +13,7 @@ const I = ({
   slug: c
 }) => {
   const t = `toggle-${d().replace(/:/g, "")}`;
-  return /* @__PURE__ */ e("div", { id: c, className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow scroll-mt-24", children: /* @__PURE__ */ r(p, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: n }), children: [
+  return /* @__PURE__ */ e("div", { id: c, className: "text-medium flex scroll-mt-24 flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ r(p, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: n }), children: [
     /* @__PURE__ */ e(h, { content: l, className: "text-medium", variant: m ?? "default" }),
     o && /* @__PURE__ */ r("div", { className: "mt-4 rounded-lg bg-neutral-50 p-6", children: [
       /* @__PURE__ */ e("input", { type: "checkbox", id: t, className: "peer sr-only" }),

package/dist/components/FaqSection.js

@@ -1,18 +1,19 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Markdown as n } from "./Markdown.js";
-import { FaqItem as i } from "./FaqItem.js";
-const u = ({ title: l, description: o, faqItems: r, className: s = "", variant: c }) => {
+import n from "clsx";
+import { Markdown as i } from "./Markdown.js";
+import { FaqItem as x } from "./FaqItem.js";
+const g = ({ title: l, description: o, faqItems: r, className: a = "", variant: c }) => {
   if (r.length === 0) return null;
   const m = l.toLowerCase().replace(/\s+/g, "-");
-  return /* @__PURE__ */ a("div", { id: m, className: `flex flex-col gap-2 text-neutral-800 ${s} scroll-mt-12 p-0.5`, children: [
-    /* @__PURE__ */ a("div", { className: "mb-4 flex flex-col", children: [
+  return /* @__PURE__ */ s("div", { id: m, className: n("flex scroll-mt-24 flex-col gap-2 p-0.5 text-neutral-800", a), children: [
+    /* @__PURE__ */ s("div", { className: "mb-4 flex flex-col", children: [
       /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: l }),
-      o !== "" && /* @__PURE__ */ e(n, { content: o, className: "text-medium mt-6" })
+      o !== "" && /* @__PURE__ */ e(i, { content: o, className: "text-medium mt-6" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(i, { ...t, variant: c }, t.question)) })
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(x, { ...t, variant: c }, t.question)) })
   ] });
 };
 export {
-  u as FaqSection
+  g as FaqSection
 };

package/dist/components/Header.js

@@ -1,29 +1,29 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
-import { MobileMenu as o } from "./MobileMenu.js";
-import { useScroll as s } from "../shared/hooks/useScroll.js";
-import { NavMenu as c } from "./NavMenu.js";
+import { MobileMenu as m } from "./MobileMenu.js";
+import { useScroll as c } from "../shared/hooks/useScroll.js";
+import { NavMenu as s } from "./NavMenu.js";
 import { LanguageSelector as p } from "./LanguageSelector.js";
 import { ScalatorIcon as x } from "./ScalatorIcon.js";
 import { SearchBar as f } from "./SearchBar.js";
 const j = ({
-  logo: l,
+  logo: t,
   navMenu: d,
   searchBarProps: a,
   languageSelectorProps: i,
   userActions: n,
-  mobileMenu: t
+  mobileMenu: l
 }) => {
-  const m = s(10);
+  const o = c(10);
   return /* @__PURE__ */ r("div", { className: "sticky top-0 z-1000 flex w-full flex-col", children: [
     /* @__PURE__ */ e(
       "header",
       {
-        className: `transition-colors duration-300 ease-in-out ${m ? "bg-white shadow-md" : "bg-primary-50"}`,
+        className: `transition-colors duration-300 ease-in-out ${o ? "bg-white shadow-md" : "bg-primary-50"}`,
         children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
           /* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-8", children: [
-            l,
-            /* @__PURE__ */ e(c, { className: "hidden lg:block", ...d })
+            t,
+            /* @__PURE__ */ e(s, { className: "hidden lg:block", ...d })
           ] }),
           /* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
             /* @__PURE__ */ e(f, { ...a }),
@@ -33,20 +33,20 @@ const j = ({
           /* @__PURE__ */ r(
             "button",
             {
-              className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
-              onClick: t.onOpen,
+              className: "text-small text-primary-700 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
+              onClick: l.onOpen,
               "aria-label": "Open menu",
-              "aria-expanded": t.isOpen,
+              "aria-expanded": l.isOpen,
               children: [
-                t.openText,
-                /* @__PURE__ */ e(x, {})
+                l.openText,
+                /* @__PURE__ */ e(x, { fill: "var(--color-primary-700)" })
               ]
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: a })
+    /* @__PURE__ */ e(m, { ...l, logo: t, userActions: n, searchBarProps: a })
   ] });
 };
 export {

package/dist/components/MobileMenu.js

@@ -19,12 +19,12 @@ const k = ({
     /* @__PURE__ */ l(
       "button",
       {
-        className: "text-small text-primary-500 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
+        className: "text-small text-primary-700 flex cursor-pointer items-center justify-center gap-1 rounded border border-neutral-400 px-2 py-1",
         onClick: m,
         "aria-label": "Close menu",
         children: [
           u,
-          /* @__PURE__ */ r(f, { fill: "var(--color-primary-500)" })
+          /* @__PURE__ */ r(f, { fill: "var(--color-primary-700)" })
         ]
       }
     )

package/dist/components/PreviewDownload.d.ts

@@ -12,7 +12,7 @@ export declare const PreviewDownload: FC<PreviewDownloadProps>;
 export declare interface PreviewDownloadProps {
     title: string;
     preview: ImageWithPreviewProps | null;
-    cta: ReactNode;
+    cta: ReactNode | null;
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;

package/dist/components/PreviewDownload.js

@@ -6,16 +6,16 @@ import { Modal as b } from "./Modal.js";
 import { Markdown as w } from "./Markdown.js";
 import { LinkWrapper as r } from "./LinkWrapper.js";
 const k = ({
-  title: n,
-  footerText: i,
+  title: i,
+  footerText: o,
   preview: a,
-  cta: c,
-  pdfDownload: m,
-  wordDownload: o,
-  onZoomClick: t
+  cta: t,
+  pdfDownload: c,
+  wordDownload: m,
+  onZoomClick: s
 }) => {
-  const [d, f] = h(!1), p = (s) => {
-    f(s), s && t && t();
+  const [d, f] = h(!1), p = (n) => {
+    f(n), n && s && s();
   };
   if (!a) return;
   const u = /* @__PURE__ */ e(x, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" });
@@ -24,14 +24,14 @@ const k = ({
       /* @__PURE__ */ e("div", { className: "h-full max-h-64.5 w-full max-w-50 overflow-hidden", children: a.small }),
       /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(b, { trigger: u, isOpen: d, setIsOpen: p, children: a.large }) })
     ] }),
-    /* @__PURE__ */ e(w, { className: "text-medium text-primary-800 text-center [&_p:last-child]:mb-0", content: n }),
-    /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: c }),
+    /* @__PURE__ */ e(w, { className: "text-medium text-primary-800 text-center [&_p:last-child]:mb-0", content: i }),
+    !!t && /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: t }),
     /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200" }),
     /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-center gap-6", children: [
-      /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: i }),
+      /* @__PURE__ */ e("p", { className: "text-small text-neutral-800", children: o }),
       /* @__PURE__ */ l("div", { className: "flex w-full gap-4", children: [
-        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: m }),
-        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: o })
+        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: c }),
+        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: m })
       ] })
     ] })
   ] });

package/dist/components/ProductInfo.js

@@ -1,27 +1,28 @@
 import { jsx as e, jsxs as l, Fragment as n } from "react/jsx-runtime";
-import { Note as c } from "./Note.js";
+import { Note as a } from "./Note.js";
 import { HistoryIcon as i } from "./HistoryIcon.js";
 import { DocOutlineIcon as m } from "./DocOutlineIcon.js";
 import { DoneCircleIcon as o } from "./DoneCircleIcon.js";
-const u = ({ lastUpdate: s, reviewer: r, alsoKnownAs: a }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-4 text-neutral-800 lg:px-8 xl:px-30", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
+const u = ({ lastUpdate: s, reviewer: c, alsoKnownAs: r }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-4 text-neutral-800 lg:px-8 xl:px-30", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
   /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4", children: [
-    /* @__PURE__ */ l(c, { children: [
+    /* @__PURE__ */ l(a, { children: [
       /* @__PURE__ */ e(i, { className: "size-4.5", fill: "var(--neutral-600)" }),
       /* @__PURE__ */ e("span", { children: s })
     ] }),
-    !!r && /* @__PURE__ */ l(n, { children: [
+    !!c && /* @__PURE__ */ l(n, { children: [
       /* @__PURE__ */ e("span", { className: "hidden h-5 w-px bg-neutral-600 sm:block", "aria-hidden": !0 }),
-      /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ l(a, { children: [
         /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
-        r
+        c
       ] })
     ] })
   ] }),
-  a.docs.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--secondary-600)" }),
-    " ",
-    a.label,
-    a.docs.map((t) => /* @__PURE__ */ e("span", { className: "text-small rounded border border-neutral-200 bg-white px-2 py-1", children: t }, t))
+  r.docs.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ l(a, { children: [
+      /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--secondary-600)" }),
+      r.label
+    ] }),
+    r.docs.map((t) => /* @__PURE__ */ e("span", { className: "text-small rounded border border-neutral-200 bg-white px-2 py-1", children: t }, t))
   ] })
 ] }) }) });
 export {

package/dist/components/ProductTemplate.d.ts

@@ -35,6 +35,7 @@ export interface ContentItemProps {
     linkedProducts: LinkedProductProps[];
     sampleImage: ImageWithPreviewProps | null;
     cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
     docsModules: {
         pdfDownload: ReactNode;
         wordDownload: ReactNode;
@@ -133,7 +134,7 @@ export interface PreformProps {
 export interface PreviewDownloadProps {
     title: string;
     preview: ImageWithPreviewProps | null;
-    cta: ReactNode;
+    cta: ReactNode | null;
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;

package/dist/components/TrustSection.js

@@ -12,7 +12,7 @@ const g = ({ header: r, trustReasons: m, cta: c, trustPilot: i }) => /* @__PURE_
     ] }, a)) }),
     /* @__PURE__ */ e(d, { className: "w-full md:w-fit", children: c })
   ] }) }),
-  /* @__PURE__ */ e("section", { className: "mx-auto w-full bg-white", children: !!i && /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-254 md:h-34", children: i }) })
+  /* @__PURE__ */ e("section", { className: "mx-auto w-full bg-white px-6 py-10 lg:px-8 xl:px-0", children: !!i && /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-254 md:h-34", children: i }) })
 ] });
 export {
   g as TrustSection