@npm_leadtech/legal-contracts-ui 0.124.2 → 0.124.4

package/dist/components/AllDocumentsTemplate.d.ts

@@ -96,7 +96,6 @@ export interface FaqSectionProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export interface JumboCardProps {

package/dist/components/ContentItem.d.ts

@@ -38,7 +38,6 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export interface LinkedProductProps {

package/dist/components/HowItWorksLawGeniusSection.js

@@ -4,25 +4,25 @@ import { LawGeniusImageShell as p } from "./LawGeniusImageShell.js";
 import { Markdown as t } from "./Markdown.js";
 const v = ({
   sectionTitle: s,
-  contentMarkdown: m,
+  contentMarkdown: r,
   descriptionMarkdown: a,
-  steps: r,
+  steps: m,
   belowStepsMarkdown: i,
   cta: n,
   imageUrl: c,
   imageAlt: x
 }) => {
-  const o = a.trim().length > 0, d = i.trim().length > 0;
-  return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-law-genius-section mx-auto w-full max-w-6xl rounded-3xl px-8 pt-16 pb-8 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pt-16 sm:pb-10", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
+  const d = a.trim().length > 0, o = i.trim().length > 0;
+  return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-ratafia mx-auto w-full max-w-6xl rounded-3xl px-8 pt-16 pb-8 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pt-16 sm:pb-10", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 text-center text-white", children: [
       /* @__PURE__ */ e("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: s }),
-      /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: m }) }),
-      o && /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: a }) })
+      /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: r }) }),
+      d && /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: a }) })
     ] }),
     /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:grid lg:grid-cols-[minmax(0,1fr)_minmax(0,1.05fr)] lg:items-stretch lg:gap-10", children: [
       /* @__PURE__ */ l("div", { className: "flex min-h-0 flex-col gap-6", children: [
-        r,
-        d && /* @__PURE__ */ e(
+        m,
+        o && /* @__PURE__ */ e(
           t,
           {
             variant: "ratafia",

package/dist/components/HowItWorksTemplate.d.ts

@@ -32,7 +32,6 @@ export declare type HowItWorksProcessStep = {
     imageAlt: string;
     background: 'bg-white' | 'bg-neutral-25';
     reverse?: boolean;
-    imageFirstOnMobile?: boolean;
 };
 
 export declare const HowItWorksTemplate: FC<HowItWorksTemplateProps>;

package/dist/components/HowItWorksTemplate.js

@@ -11,46 +11,46 @@ import { IntroSection as A } from "./IntroSection.js";
 import { Markdown as i } from "./Markdown.js";
 import { TwoColumnSection as c } from "./TwoColumnSection.js";
 import { LawGeniusImageShell as B } from "./LawGeniusImageShell.js";
-const U = (t) => {
-  const m = /* @__PURE__ */ r("div", { className: "min-w-0 space-y-4 text-neutral-800 lg:basis-[47%]", children: [
-    /* @__PURE__ */ e("h2", { className: "font-lora text-[2.05rem] leading-[1.15] font-bold text-neutral-800", children: t.title }),
-    /* @__PURE__ */ e("div", { className: "text-small space-y-3 text-neutral-700", children: /* @__PURE__ */ e(i, { variant: "legal", content: t.bodyMarkdown }) })
-  ] }), a = /* @__PURE__ */ e("div", { className: "w-full shrink-0 lg:w-1/2 lg:max-w-[50%]", children: /* @__PURE__ */ e(W, { src: t.imageUrl, alt: t.imageAlt }) });
-  return t.reverse ? { firstColumn: a, secondColumn: m } : { firstColumn: m, secondColumn: a };
-}, J = ({ hero: t, processSteps: m, lawGenius: a, resources: s }) => {
-  const d = t.introMarkdown.trim().length > 0, p = t.closingMarkdown.trim().length > 0, x = s.supportBodyMarkdown.trim().length > 0, g = a.belowStepsMarkdown.trim().length > 0, { examples: n } = s, f = /* @__PURE__ */ e(
+const U = (a) => {
+  const m = /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-4 text-neutral-800 md:shrink md:grow-0 md:basis-1/2 lg:basis-[47%]", children: [
+    /* @__PURE__ */ e("h2", { className: "font-lora text-[2.05rem] leading-[1.15] font-bold text-neutral-800", children: a.title }),
+    /* @__PURE__ */ e("div", { className: "text-small space-y-3 text-neutral-700", children: /* @__PURE__ */ e(i, { variant: "legal", content: a.bodyMarkdown }) })
+  ] }), t = /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2 lg:w-1/2 lg:max-w-[50%] lg:basis-auto", children: /* @__PURE__ */ e(W, { src: a.imageUrl, alt: a.imageAlt }) });
+  return { firstColumn: m, secondColumn: t };
+}, K = ({ hero: a, processSteps: m, lawGenius: t, resources: n }) => {
+  const d = a.introMarkdown.trim().length > 0, p = a.closingMarkdown.trim().length > 0, x = n.supportBodyMarkdown.trim().length > 0, g = t.belowStepsMarkdown.trim().length > 0, { examples: s } = n, f = /* @__PURE__ */ e(
     o,
     {
-      size: "large",
+      size: "small",
       variant: "primary-green",
-      className: "text-medium w-full justify-center !rounded-md font-bold lg:w-auto",
-      children: /* @__PURE__ */ e("a", { href: a.cta.href, className: b, children: a.cta.label })
+      className: "text-small inline-flex w-fit justify-center !rounded-md font-bold",
+      children: /* @__PURE__ */ e("a", { href: t.cta.href, className: b, children: t.cta.label })
     }
   );
   return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col", children: [
     /* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12 sm:px-10", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
       /* @__PURE__ */ r("div", { className: "text-center", children: [
         /* @__PURE__ */ r("div", { className: "mx-auto inline-flex max-w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-small font-semibold tracking-[0.3em] whitespace-nowrap text-neutral-600 uppercase", children: t.eyebrow }),
+          /* @__PURE__ */ e("p", { className: "text-small font-semibold tracking-[0.3em] whitespace-nowrap text-neutral-600 uppercase", children: a.eyebrow }),
           /* @__PURE__ */ e("span", { className: "h-px w-full max-w-[7.5rem] min-w-[5.5rem] shrink-0 bg-neutral-400", "aria-hidden": !0 })
         ] }),
-        /* @__PURE__ */ e("h1", { className: "font-lora mx-auto mt-12 max-w-[48rem] text-4xl leading-tight font-bold tracking-tight text-neutral-800 sm:text-5xl sm:leading-tight", children: t.title })
+        /* @__PURE__ */ e("h1", { className: "font-lora mx-auto mt-12 max-w-[48rem] text-4xl leading-tight font-bold tracking-tight text-neutral-800 sm:text-5xl sm:leading-tight", children: a.title })
       ] }),
       /* @__PURE__ */ e(
         A,
         {
           className: "bg-transparent",
           containerClassName: "w-full !max-w-none flex-col gap-10 !px-0 !py-0 lg:flex-row lg:items-stretch",
-          image: /* @__PURE__ */ e(S, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
+          image: /* @__PURE__ */ e(S, { src: a.imageUrl, alt: a.imageAlt, priority: a.imagePriority }),
           cta: {
             size: "large",
             variant: "primary-green",
             className: "text-medium mt-8 w-full justify-center font-bold",
-            children: /* @__PURE__ */ e("a", { href: t.cta.href, className: k, children: t.cta.label })
+            children: /* @__PURE__ */ e("a", { href: a.cta.href, className: k, children: a.cta.label })
           },
           children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
-            d && /* @__PURE__ */ e(i, { variant: "legal", content: t.introMarkdown }),
-            /* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: t.bullets.map((l) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
+            d && /* @__PURE__ */ e(i, { variant: "legal", content: a.introMarkdown }),
+            /* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: a.bullets.map((l) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
               /* @__PURE__ */ r("span", { children: [
                 /* @__PURE__ */ r("strong", { children: [
@@ -60,7 +60,7 @@ const U = (t) => {
                 l.text
               ] })
             ] }, l.id)) }),
-            p && /* @__PURE__ */ e(i, { variant: "legal", content: t.closingMarkdown })
+            p && /* @__PURE__ */ e(i, { variant: "legal", content: a.closingMarkdown })
           ] })
         }
       )
@@ -73,7 +73,8 @@ const U = (t) => {
           className: `${l.background} lg:px-ds-10xl px-6 py-12 sm:px-10`,
           containerClassName: N(
             "!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:!gap-10 lg:items-start",
-            l.imageFirstOnMobile ? "!flex-col-reverse md:!flex-row" : "!flex-col md:!flex-row"
+            "!flex-col-reverse lg:!flex-row",
+            l.reverse && "lg:!flex-row-reverse"
           ),
           firstColumn: u,
           secondColumn: h
@@ -84,9 +85,9 @@ const U = (t) => {
     /* @__PURE__ */ e(
       M,
       {
-        title: a.title,
-        content: a.contentMarkdown,
-        stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((l) => /* @__PURE__ */ e(
+        title: t.title,
+        content: t.contentMarkdown,
+        stepsSlot: /* @__PURE__ */ e(w, { children: t.steps.map((l) => /* @__PURE__ */ e(
           I,
           {
             title: l.title,
@@ -100,14 +101,14 @@ const U = (t) => {
           i,
           {
             variant: "ratafia",
-            content: a.belowStepsMarkdown,
+            content: t.belowStepsMarkdown,
             className: y
           }
         ) : null,
         cta: f,
         skipCtaWrapper: !0,
-        image: /* @__PURE__ */ e(B, { src: a.imageUrl, alt: a.imageAlt }),
-        sectionClassName: a.sectionClassName ?? "bg-neutral-25 px-6 pt-16 pb-12 sm:px-10 lg:px-ds-10xl"
+        image: /* @__PURE__ */ e(B, { src: t.imageUrl, alt: t.imageAlt }),
+        sectionClassName: t.sectionClassName ?? "bg-neutral-25 px-6 pt-16 pb-12 sm:px-10 lg:px-ds-10xl"
       }
     ),
     /* @__PURE__ */ e(
@@ -115,23 +116,23 @@ const U = (t) => {
       {
         className: "bg-neutral-25 lg:px-ds-10xl px-6 py-12 sm:px-10",
         containerClassName: "!mx-auto !w-full !max-w-6xl !items-start !gap-8 !px-0 !py-0 md:!gap-10 lg:!items-stretch",
-        firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 shrink-0 rounded-2xl border border-neutral-100 bg-white p-4 lg:basis-[48%] lg:p-5", children: /* @__PURE__ */ e(L, { src: s.imageUrl, alt: s.imageAlt }) }),
+        firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 shrink-0 rounded-2xl border border-neutral-100 bg-white p-4 lg:basis-[48%] lg:p-5", children: /* @__PURE__ */ e(L, { src: n.imageUrl, alt: n.imageAlt }) }),
         secondColumn: /* @__PURE__ */ r("div", { className: "w-full space-y-4 lg:basis-[52%]", children: [
-          n.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: n.eyebrow }),
-          n.title && /* @__PURE__ */ e("h3", { className: "font-lora text-[2rem] leading-[1.2] font-bold text-neutral-800", children: n.title }),
-          x && /* @__PURE__ */ e("div", { className: `text-small space-y-3 text-neutral-700 ${C}`, children: /* @__PURE__ */ e(i, { variant: "legal", content: s.supportBodyMarkdown }) }),
-          n.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-small space-y-2 text-neutral-700", children: n.rows.map((l) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
+          s.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: s.eyebrow }),
+          s.title && /* @__PURE__ */ e("h3", { className: "font-lora text-[2rem] leading-[1.2] font-bold text-neutral-800", children: s.title }),
+          x && /* @__PURE__ */ e("div", { className: `text-small space-y-3 text-neutral-700 ${C}`, children: /* @__PURE__ */ e(i, { variant: "legal", content: n.supportBodyMarkdown }) }),
+          s.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-small space-y-2 text-neutral-700", children: s.rows.map((l) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
             /* @__PURE__ */ e("dt", { className: "font-semibold", children: l.label }),
             /* @__PURE__ */ e("dd", { children: l.value })
           ] }, `${l.label}-${l.value}`)) }),
-          n.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: n.footer }),
+          s.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: s.footer }),
           /* @__PURE__ */ e(
             o,
             {
               size: "small",
               variant: "primary-green",
               className: "text-small inline-flex w-auto justify-center font-bold",
-              children: /* @__PURE__ */ e("a", { href: s.cta.href, className: v, children: s.cta.label })
+              children: /* @__PURE__ */ e("a", { href: n.cta.href, className: v, children: n.cta.label })
             }
           )
         ] })
@@ -140,5 +141,5 @@ const U = (t) => {
   ] });
 };
 export {
-  J as HowItWorksTemplate
+  K as HowItWorksTemplate
 };

package/dist/components/ImageWithPreview.d.ts

@@ -6,6 +6,5 @@ export declare const ImageWithPreview: FC<ImageWithPreviewProps>;
 export declare interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 

package/dist/components/ImageWithPreview.js

@@ -1,17 +1,15 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { ZoomIcon as c } from "./ZoomIcon.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { ZoomIcon as a } from "./ZoomIcon.js";
 import { Modal as m } from "./Modal.js";
-const b = ({ small: l, large: s, onZoomClick: r }) => {
-  const [t, o] = n(!1);
-  return /* @__PURE__ */ a("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: l }),
-    /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(m, { trigger: /* @__PURE__ */ e(c, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" }), isOpen: t, setIsOpen: (i) => {
-      o(i), i && r && r();
-    }, children: s }) })
+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 {
-  b as ImageWithPreview
+  u as ImageWithPreview
 };

package/dist/components/IntroSection.js

@@ -6,7 +6,7 @@ const c = ({ image: i, children: r, cta: m, className: a, containerClassName: l
   {
     className: a ?? "",
     containerClassName: l,
-    firstColumn: /* @__PURE__ */ s("div", { className: "mb-4 min-h-0 w-full min-w-0 shrink-0 md:mr-6 md:mb-0 md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100", children: i }),
+    firstColumn: /* @__PURE__ */ s("div", { className: "mb-4 min-h-0 w-full min-w-0 md:mr-6 md:mb-0 md:shrink md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100", children: i }),
     secondColumn: /* @__PURE__ */ n("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
       r,
       m && /* @__PURE__ */ s(o, { size: "large", variant: "primary-green", className: "mt-8", ...m })

package/dist/components/PreviewDownload.d.ts

@@ -4,7 +4,6 @@ import { ReactNode } from 'react';
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export declare const PreviewDownload: FC<PreviewDownloadProps>;
@@ -16,6 +15,5 @@ export declare interface PreviewDownloadProps {
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
-    onZoomClick?: () => void;
 }
 

package/dist/components/PreviewDownload.js

@@ -1,41 +1,38 @@
 "use client";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { ZoomIcon as x } from "./ZoomIcon.js";
-import { Modal as b } from "./Modal.js";
-import { Markdown as w } from "./Markdown.js";
+import { useState as f } from "react";
+import { ZoomIcon as u } from "./ZoomIcon.js";
+import { Modal as p } from "./Modal.js";
+import { Markdown as x } from "./Markdown.js";
 import { LinkWrapper as r } from "./LinkWrapper.js";
-const k = ({
-  title: n,
-  footerText: i,
+const y = ({
+  title: t,
+  footerText: s,
   preview: a,
-  cta: c,
-  pdfDownload: m,
-  wordDownload: o,
-  onZoomClick: t
+  cta: n,
+  pdfDownload: i,
+  wordDownload: c
 }) => {
-  const [d, f] = h(!1), p = (s) => {
-    f(s), s && t && t();
-  };
+  const [o, m] = f(!1);
   if (!a) return;
-  const u = /* @__PURE__ */ e(x, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" });
+  const d = /* @__PURE__ */ e(u, { className: "bg-primary-700 size-8 rounded p-2 opacity-80 hover:opacity-100" });
   return /* @__PURE__ */ l("div", { className: "bg-neutral-25 relative mt-24 flex flex-col items-center gap-4 rounded border border-neutral-200 p-6 pt-44 lg:max-w-76 xl:max-w-96.5", children: [
     /* @__PURE__ */ l("div", { className: "absolute -top-24 border border-neutral-200 shadow", children: [
       /* @__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("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(p, { trigger: d, isOpen: o, setIsOpen: m, children: a.large }) })
     ] }),
-    /* @__PURE__ */ e(w, { className: "text-medium text-center text-neutral-800 [&_p:last-child]:mb-0", content: n }),
-    /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: c }),
+    /* @__PURE__ */ e(x, { className: "text-medium text-center text-neutral-800 [&_p:last-child]:mb-0", content: t }),
+    /* @__PURE__ */ e(r, { className: "w-full", variant: "primary-green", children: n }),
     /* @__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: s }),
       /* @__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: i }),
+        /* @__PURE__ */ e(r, { className: "w-full", variant: "secondary-black", children: c })
       ] })
     ] })
   ] });
 };
 export {
-  k as PreviewDownload
+  y as PreviewDownload
 };

package/dist/components/PreviewSection.d.ts

@@ -7,6 +7,5 @@ export declare interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
-    onPreviewScroll?: () => void;
 }
 

package/dist/components/PreviewSection.js

@@ -1,26 +1,13 @@
-"use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useRef as s } from "react";
-import { SectionHeading as c } from "./SectionHeading.js";
-import { Markdown as m } from "./Markdown.js";
-import { LinkWrapper as i } from "./LinkWrapper.js";
-const w = ({ title: l, documentPreview: o, cta: a, onPreviewScroll: r }) => {
-  const t = s(!1);
-  return /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-10 text-neutral-900 md:px-8 xl:px-30", children: /* @__PURE__ */ n("div", { className: "mx-auto flex w-full max-w-300 flex-col items-center gap-8", children: [
-    /* @__PURE__ */ e(c, { title: l, titleClass: "text-neutral-800 font-bold font-inter text-large" }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "flex max-h-89.75 w-full overflow-auto border border-neutral-200 bg-white px-8 py-8 md:py-16",
-        onScroll: () => {
-          !t.current && r && (t.current = !0, r());
-        },
-        children: /* @__PURE__ */ e(m, { useCustom: !1, className: "select-none", content: o })
-      }
-    ),
-    /* @__PURE__ */ e(i, { className: "w-full md:w-auto", children: a })
-  ] }) });
-};
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import "react";
+import { SectionHeading as a } from "./SectionHeading.js";
+import { Markdown as n } from "./Markdown.js";
+import { LinkWrapper as s } from "./LinkWrapper.js";
+const d = ({ title: t, documentPreview: r, cta: l }) => /* @__PURE__ */ e("section", { className: "bg-secondary-50 px-4 py-10 text-neutral-900 md:px-8 xl:px-30", children: /* @__PURE__ */ o("div", { className: "mx-auto flex w-full max-w-300 flex-col items-center gap-8", children: [
+  /* @__PURE__ */ e(a, { title: t, titleClass: "text-neutral-800 font-bold font-inter text-large" }),
+  /* @__PURE__ */ e("div", { className: "flex max-h-89.75 w-full overflow-auto border border-neutral-200 bg-white px-8 py-8 md:py-16", children: /* @__PURE__ */ e(n, { useCustom: !1, className: "select-none", content: r }) }),
+  /* @__PURE__ */ e(s, { className: "w-full md:w-auto", children: l })
+] }) });
 export {
-  w as PreviewSection
+  d as PreviewSection
 };

package/dist/components/ProductTemplate.d.ts

@@ -77,7 +77,6 @@ export interface FreeDocumentModalProps {
 export interface ImageWithPreviewProps {
     small: ReactNode;
     large: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export type InputFieldData = {
@@ -134,14 +133,12 @@ export interface PreviewDownloadProps {
     footerText: string;
     pdfDownload: ReactNode;
     wordDownload: ReactNode;
-    onZoomClick?: () => void;
 }
 
 export interface PreviewSectionProps {
     title: string;
     documentPreview: string;
     cta: ReactNode;
-    onPreviewScroll?: () => void;
 }
 
 export interface ProductInfoProps {

package/dist/components/RatafiaSection.js

@@ -1,45 +1,46 @@
 import { jsx as l, jsxs as e } from "react/jsx-runtime";
 import "react";
-import { clsx as i } from "clsx";
-import { Markdown as o } from "./Markdown.js";
-import { LinkWrapper as f } from "./LinkWrapper.js";
-const j = ({
-  title: m,
+import { clsx as s } from "clsx";
+import { Markdown as t } from "./Markdown.js";
+import { LinkWrapper as g } from "./LinkWrapper.js";
+const C = ({
+  title: d,
   content: r,
-  benefits: t = [],
-  stepsSlot: d,
-  belowStepsSlot: g,
-  cta: s,
+  benefits: m = [],
+  stepsSlot: c,
+  belowStepsSlot: h,
+  cta: i,
   image: x,
-  skipCtaWrapper: h = !1,
-  sectionClassName: c,
-  innerClassName: n
+  skipCtaWrapper: w = !1,
+  sectionClassName: n,
+  innerClassName: o
 }) => {
-  const p = "bg-primary-50 px-6 pb-10 pt-16 lg:px-8 lg:pb-12 lg:pt-16 xl:px-0", w = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
-  if (d != null) {
-    const a = h ? /* @__PURE__ */ l("div", { className: "w-full lg:w-fit", children: s }) : /* @__PURE__ */ l(f, { className: "w-full lg:w-fit", children: s });
-    return /* @__PURE__ */ l("section", { className: i("max-w-full overflow-x-hidden", c ?? p), children: /* @__PURE__ */ l("div", { className: i("bg-law-genius-section mx-auto w-full max-w-6xl rounded-3xl px-8 pb-8 pt-16 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pb-10 sm:pt-16", n), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
+  const p = "bg-primary-50 px-6 pb-10 pt-16 lg:px-8 lg:pb-12 lg:pt-16 xl:px-0", u = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
+  if (c != null) {
+    const a = r.trim().length > 0, f = "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", N = w ? /* @__PURE__ */ l("div", { className: "flex w-fit justify-start", children: i }) : /* @__PURE__ */ l(g, { className: "flex w-fit justify-start", children: i });
+    return /* @__PURE__ */ l("section", { className: s("max-w-full overflow-x-hidden", n ?? p), children: /* @__PURE__ */ l("div", { className: s("bg-ratafia mx-auto w-full max-w-6xl rounded-3xl px-8 pb-8 pt-16 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pb-10 sm:pt-16", o), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-center text-white", children: [
-        /* @__PURE__ */ l("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: m }),
-        /* @__PURE__ */ l(o, { content: r, className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0" })
+        /* @__PURE__ */ l("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: d }),
+        a && /* @__PURE__ */ l("div", { className: "hidden lg:block", children: /* @__PURE__ */ l(t, { content: r, className: f }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 lg:grid lg:grid-cols-[minmax(0,1fr)_minmax(0,1.05fr)] lg:items-stretch lg:gap-10", children: [
-        /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-col gap-6", children: [
-          d,
-          g,
-          a
-        ] }),
-        /* @__PURE__ */ l("div", { className: "relative z-10 mx-auto flex min-h-0 w-full max-w-77 shrink-0 items-center justify-center overflow-hidden rounded-lg md:mx-0 md:max-w-none", children: x })
+        /* @__PURE__ */ l("div", { className: "relative z-10 order-1 mx-auto flex min-h-0 w-full max-w-77 shrink-0 items-center justify-center overflow-hidden rounded-lg md:mx-0 md:max-w-none lg:order-2", children: x }),
+        /* @__PURE__ */ e("div", { className: "order-2 flex min-h-0 flex-col gap-6 lg:order-1", children: [
+          a && /* @__PURE__ */ l("div", { className: "text-left lg:hidden", children: /* @__PURE__ */ l(t, { content: r, className: f }) }),
+          c,
+          h,
+          N
+        ] })
       ] })
     ] }) }) });
   }
-  return /* @__PURE__ */ l("section", { className: i("max-w-full overflow-x-hidden", c ?? p), children: /* @__PURE__ */ e("div", { className: i(w, n), children: [
+  return /* @__PURE__ */ l("section", { className: s("max-w-full overflow-x-hidden", n ?? p), children: /* @__PURE__ */ e("div", { className: s(u, o), children: [
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: m }),
-        /* @__PURE__ */ l(o, { content: r, className: "[&_p:last-child]:mb-0" })
+        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: d }),
+        /* @__PURE__ */ l(t, { content: r, className: "[&_p:last-child]:mb-0" })
       ] }),
-      t.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: t.map((a) => /* @__PURE__ */ e(
+      m.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: m.map((a) => /* @__PURE__ */ e(
         "span",
         {
           className: "bg-primary-50 text-small text-primary-800 flex flex-nowrap gap-1 rounded-md p-1 font-semibold",
@@ -50,11 +51,11 @@ const j = ({
         },
         a.id
       )) }),
-      /* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: s })
+      /* @__PURE__ */ l(g, { className: "w-full md:w-fit", children: i })
     ] }),
     /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: x })
   ] }) });
 };
 export {
-  j as RatafiaSection
+  C as RatafiaSection
 };