@npm_leadtech/legal-contracts-ui 0.128.6 → 0.128.8

package/dist/components/Blockquote.js

@@ -1,13 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import l from "clsx";
-const b = ({ children: r, variant: e = "default" }) => {
+import { jsx as l } from "react/jsx-runtime";
+import o from "clsx";
+const s = ({ children: r, variant: a = "default" }) => {
   const t = {
-    default: "border-l-4 border-gray-300 pl-4 text-gray-700 ",
-    "about-us": "text-gray-700  bg-neutral-25 pt-4 px-4 pb-0.5",
-    unsubscribe: "border-l-4 border-neutral-300 pl-4 text-neutral-700 "
-  }, a = t[e] ?? t.default;
-  return /* @__PURE__ */ o("blockquote", { className: l("my-4 italic", a), children: r });
+    default: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic",
+    "about-us": "my-4 text-gray-700 italic bg-neutral-25 pt-4 px-4 pb-0.5",
+    unsubscribe: "my-4 border-l-4 border-neutral-300 pl-4 text-neutral-700 italic"
+  }, e = t[a] ?? t.default;
+  return /* @__PURE__ */ l("blockquote", { className: o("my-4 italic", e), children: r });
 };
 export {
-  b as Blockquote
+  s as Blockquote
 };

package/dist/components/ContactFormSection.d.ts

@@ -28,7 +28,7 @@ export interface ContactFormFeedbackProps {
 }
 
 export declare interface ContactFormFieldProps {
-    dataQa?: string;
+    dataQa: string;
     label: string;
     id: string;
     name: string;

package/dist/components/ContactUsTemplate.d.ts

@@ -28,7 +28,7 @@ export interface ContactFormFeedbackProps {
 }
 
 export interface ContactFormFieldProps {
-    dataQa?: string;
+    dataQa: string;
     label: string;
     id: string;
     name: string;

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: r,
+  contentMarkdown: m,
   descriptionMarkdown: a,
-  steps: m,
+  steps: r,
   belowStepsMarkdown: i,
   cta: n,
   imageUrl: c,
   imageAlt: x
 }) => {
-  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: [
+  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: [
     /* @__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: 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__ */ 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__ */ 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: [
-        m,
-        o && /* @__PURE__ */ e(
+        r,
+        d && /* @__PURE__ */ e(
           t,
           {
             variant: "ratafia",

package/dist/components/HowItWorksTemplate.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { ReactNode } from 'react';
 
 export declare type HowItWorksExamplesProps = {
     eyebrow: string;
@@ -59,7 +58,8 @@ export declare interface HowItWorksTemplateProps {
         contentMarkdown: string;
         steps: HowItWorksLawGeniusStep[];
         belowStepsMarkdown: string;
-        image: ReactNode;
+        imageUrl: string | null;
+        imageAlt: string;
         cta: {
             href: string;
             label: string;

package/dist/components/HowItWorksTemplate.js

@@ -1,45 +1,46 @@
-import { jsx as e, jsxs as r, Fragment as h } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
 import { clsx as N } from "clsx";
 import { howItWorksLawGeniusCtaLinkClassName as b, howItWorksHeroCtaLinkClassName as k, howItWorksLawGeniusBelowStepsMarkdownClassName as y, howItWorksResourcesSupportBodyClassName as C, howItWorksResourcesCtaLinkClassName as v } from "./HowItWorksTemplateTokens.js";
 import { HeroImageShell as S } from "./HeroImageShell.js";
 import { RatafiaSection as M } from "./RatafiaSection.js";
 import { LawGeniusStepCard as I } from "./LawGeniusStepCard.js";
-import { ResourcesImageShell as W } from "./ResourcesImageShell.js";
-import { StepImageShell as B } from "./StepImageShell.js";
+import { ResourcesImageShell as L } from "./ResourcesImageShell.js";
+import { StepImageShell as W } from "./StepImageShell.js";
 import { Button as o } from "./Button.js";
-import { IntroSection as L } from "./IntroSection.js";
+import { IntroSection as A } from "./IntroSection.js";
 import { Markdown as i } from "./Markdown.js";
 import { TwoColumnSection as c } from "./TwoColumnSection.js";
-const j = (t) => {
-  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: [
+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 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(B, { src: t.imageUrl, alt: t.imageAlt }) });
-  return { firstColumn: m, secondColumn: a };
-}, D = ({ hero: t, processSteps: m, lawGenius: a, resources: n }) => {
-  const d = t.introMarkdown.trim().length > 0, p = t.closingMarkdown.trim().length > 0, x = n.supportBodyMarkdown.trim().length > 0, g = a.belowStepsMarkdown.trim().length > 0, { examples: s } = n, f = /* @__PURE__ */ e(
+  ] }), 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(
     o,
     {
-      size: "small",
+      size: "large",
       variant: "primary-green",
-      className: "text-small inline-flex w-fit justify-center !rounded-md font-bold",
+      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 })
     }
   );
-  return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col overflow-x-clip", children: [
+  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 flex w-full max-w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children: t.eyebrow }),
+        /* @__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("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(
-        L,
+        A,
         {
           className: "bg-transparent",
-          containerClassName: "w-full !max-w-none !flex-col gap-10 !px-0 !py-0 md:!flex-col lg:!flex-row lg:items-stretch",
+          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 }),
           cta: {
             size: "large",
@@ -65,18 +66,17 @@ const j = (t) => {
       )
     ] }) }),
     m.map((l) => {
-      const { firstColumn: u, secondColumn: w } = j(l);
+      const { firstColumn: u, secondColumn: h } = U(l);
       return /* @__PURE__ */ e(
         c,
         {
           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 lg:!flex-row" : "!flex-col-reverse lg:!flex-row",
-            l.reverse && "lg:!flex-row-reverse"
+            l.imageFirstOnMobile ? "!flex-col-reverse md:!flex-row" : "!flex-col md:!flex-row"
           ),
           firstColumn: u,
-          secondColumn: w
+          secondColumn: h
         },
         l.id
       );
@@ -86,7 +86,7 @@ const j = (t) => {
       {
         title: a.title,
         content: a.contentMarkdown,
-        stepsSlot: /* @__PURE__ */ e(h, { children: a.steps.map((l) => /* @__PURE__ */ e(
+        stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((l) => /* @__PURE__ */ e(
           I,
           {
             title: l.title,
@@ -106,7 +106,7 @@ const j = (t) => {
         ) : null,
         cta: f,
         skipCtaWrapper: !0,
-        image: a.image,
+        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"
       }
     ),
@@ -114,24 +114,24 @@ const j = (t) => {
       c,
       {
         className: "bg-neutral-25 lg:px-ds-10xl px-6 py-12 sm:px-10",
-        containerClassName: "!mx-auto !w-full !max-w-6xl !flex-col !items-start !gap-8 !px-0 !py-0 md:!gap-10 lg:!flex-row 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(W, { src: n.imageUrl, alt: n.imageAlt }) }),
-        secondColumn: /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-4 lg:min-w-0 lg:basis-[52%]", 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: [
+        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 }) }),
+        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: [
             /* @__PURE__ */ e("dt", { className: "font-semibold", children: l.label }),
             /* @__PURE__ */ e("dd", { children: l.value })
           ] }, `${l.label}-${l.value}`)) }),
-          s.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: s.footer }),
+          n.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: n.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: n.cta.href, className: v, children: n.cta.label })
+              children: /* @__PURE__ */ e("a", { href: s.cta.href, className: v, children: s.cta.label })
             }
           )
         ] })
@@ -140,5 +140,5 @@ const j = (t) => {
   ] });
 };
 export {
-  D as HowItWorksTemplate
+  J as HowItWorksTemplate
 };

package/dist/components/ImageWithPreview.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as n } from "react";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as o } from "react";
 import { ZoomIcon as c } 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 v = ({ small: s, large: t, onZoomClick: r }) => {
+  const [l, a] = o(!1);
+  return /* @__PURE__ */ n("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: s }),
+    /* @__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: l, setIsOpen: (i) => {
+      a(i), i && r && r();
+    }, onTrigger: r, children: t }) })
   ] });
 };
 export {
-  b as ImageWithPreview
+  v as ImageWithPreview
 };

package/dist/components/IntroSection.js

@@ -1,19 +1,18 @@
-import { jsx as m, jsxs as o } from "react/jsx-runtime";
-import { clsx as s } from "clsx";
-import { TwoColumnSection as a } from "./TwoColumnSection.js";
-import { LinkWrapper as t } from "./LinkWrapper.js";
-const w = ({ image: l, children: i, cta: r, className: n, containerClassName: e }) => /* @__PURE__ */ m(
-  a,
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { TwoColumnSection as e } from "./TwoColumnSection.js";
+import { LinkWrapper as o } from "./LinkWrapper.js";
+const c = ({ image: i, children: r, cta: m, className: a, containerClassName: l }) => /* @__PURE__ */ s(
+  e,
   {
-    className: n ?? "",
-    containerClassName: s("gap-6 lg:gap-10", e),
-    firstColumn: /* @__PURE__ */ m("div", { className: "mb-4 min-h-0 w-full min-w-0 md:mb-0 lg:w-[39%] lg:shrink-0 xl:w-[36%]", children: l }),
-    secondColumn: /* @__PURE__ */ o("div", { className: "mt-4 w-full min-w-0 md:mt-0 lg:min-w-0 lg:flex-1", children: [
-      i,
-      r && /* @__PURE__ */ m(t, { size: "large", variant: "primary-green", className: "mt-8", ...r })
+    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 }),
+    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 })
     ] })
   }
 );
 export {
-  w as IntroSection
+  c as IntroSection
 };

package/dist/components/LawGeniusImageShell.js

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-const a = { w: 898, h: 1100 }, i = "aspect-[449/550]", n = "relative w-full max-w-md overflow-hidden rounded-lg", r = n, o = `${n} ${i}`, t = ({ empty: l, children: s }) => l ? /* @__PURE__ */ e("div", { className: o, "aria-hidden": !0 }) : /* @__PURE__ */ e("div", { className: r, children: s }), c = ({ src: l, alt: s }) => l ? /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+const a = { w: 898, h: 1100 }, i = "aspect-[449/550]", n = "relative w-full max-w-md overflow-hidden rounded-lg", r = `${n} bg-white`, o = `${n} bg-neutral-100 ${i}`, s = ({ empty: l, children: t }) => l ? /* @__PURE__ */ e("div", { className: o, "aria-hidden": !0 }) : /* @__PURE__ */ e("div", { className: r, children: t }), h = ({ src: l, alt: t }) => l ? /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
   "img",
   {
     src: l,
-    alt: s,
+    alt: t,
     width: a.w,
     height: a.h,
     className: "h-auto w-full max-w-full object-cover",
     loading: "lazy"
   }
-) }) : /* @__PURE__ */ e(t, { empty: !0 });
+) }) : /* @__PURE__ */ e(s, { empty: !0 });
 export {
-  c as LawGeniusImageShell
+  h as LawGeniusImageShell
 };

package/dist/components/Modal.d.ts

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

package/dist/components/Modal.js

@@ -1,36 +1,36 @@
 "use client";
-import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as u, 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 }) => {
+import { CloseIcon as m } from "./CloseIcon.js";
+const h = ({ trigger: l, children: a, isOpen: t, setIsOpen: i, showClose: s, onTrigger: r }) => {
   const o = () => {
-    a(!r);
+    r && r(), i(!t);
   };
-  return /* @__PURE__ */ t(c, { children: [
+  return /* @__PURE__ */ n(u, { children: [
     !!l && /* @__PURE__ */ e("button", { "aria-label": "zoom", onClick: o, className: "flex w-full cursor-pointer justify-center", children: l }),
-    r && /* @__PURE__ */ e(
+    t && /* @__PURE__ */ e(
       "button",
       {
         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(
+        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__ */ n(
           "div",
           {
             className: "relative",
-            onClick: (s) => {
-              s.stopPropagation();
+            onClick: (c) => {
+              c.stopPropagation();
             },
             children: [
-              i && /* @__PURE__ */ e(
+              s && /* @__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, {})
+                  children: /* @__PURE__ */ e(m, {})
                 }
               ),
-              n
+              a
             ]
           }
         ) })
@@ -39,5 +39,5 @@ const p = ({ trigger: l, children: n, isOpen: r, setIsOpen: a, showClose: i }) =
   ] });
 };
 export {
-  p as Modal
+  h as Modal
 };

package/dist/components/OrderedList.js

@@ -1,14 +1,14 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import a from "clsx";
-const u = ({ variant: e = "default", children: s }) => {
+const m = ({ variant: e = "default", children: l }) => {
   const t = {
-    default: "mb-4 list-inside space-y-2 text-gray-900",
-    legal: "mb-4 list-outside space-y-4 pl-8 text-neutral-800",
-    ratafia: "mb-3 list-outside space-y-2 pl-5 text-white/85 marker:text-white/60",
-    unsubscribe: "mb-4 w-full list-outside space-y-2 pl-10 text-neutral-800"
-  };
-  return /* @__PURE__ */ l("ol", { className: a("list-decimal", t[e] ?? t.default), children: s });
+    default: "mb-4 list-inside list-decimal text-gray-900 space-y-2",
+    legal: "list-outside list-decimal pl-8 mb-4 text-neutral-800 space-y-4",
+    ratafia: "mb-3 list-outside list-decimal space-y-2 pl-5 text-white/85 marker:text-white/60",
+    unsubscribe: "mb-4 w-full list-outside list-decimal space-y-2 pl-10 text-neutral-800"
+  }, s = t[e] ?? t.default;
+  return /* @__PURE__ */ i("ol", { className: a("mb-4 list-decimal", s), children: l });
 };
 export {
-  u as OrderedList
+  m as OrderedList
 };

package/dist/components/ProductTemplate.js

@@ -13,40 +13,40 @@ import { PreviewSection as C } from "./PreviewSection.js";
 import { TryNowSection as F } from "./TryNowSection.js";
 import { FreeDocumentModal as I } from "./FreeDocumentModal.js";
 const M = ({
-  jumbotron: p,
+  jumbotron: n,
   jumboDocs: r,
-  preform: t,
+  preform: e,
   productInfo: f,
-  benefitsBar: n,
-  breadcrumb: s,
-  tableOfContents: c,
-  contentItems: x,
+  benefitsBar: s,
+  breadcrumb: c,
+  tableOfContents: x,
+  contentItems: l,
   faqSection: d,
   previewDownload: w,
-  previewSection: e,
-  tryNowSection: l,
-  freeDocModal: i
-}) => /* @__PURE__ */ o("main", { className: "min-w-0 flex-1", children: [
-  /* @__PURE__ */ m(u, { ...p }),
+  previewSection: t,
+  tryNowSection: i,
+  freeDocModal: a
+}) => (console.log("contentItems", l), /* @__PURE__ */ o("main", { className: "min-w-0 flex-1", children: [
+  /* @__PURE__ */ m(u, { ...n }),
   r && /* @__PURE__ */ m(g, { ...r }),
-  t && /* @__PURE__ */ m(h, { ...t }),
+  e && /* @__PURE__ */ m(h, { ...e }),
   /* @__PURE__ */ m(N, { ...f }),
-  /* @__PURE__ */ m(b, { ...n }),
+  /* @__PURE__ */ m(b, { ...s }),
   /* @__PURE__ */ m("section", { className: "px-4 pt-6 pb-10 text-neutral-800 md:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ o("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: [
-    /* @__PURE__ */ m(P, { ...s }),
+    /* @__PURE__ */ m(P, { ...c }),
     /* @__PURE__ */ o("div", { className: "flex w-full min-w-0 items-start md:gap-4 lg:gap-26.5 xl:gap-31", children: [
       /* @__PURE__ */ o("div", { className: "flex w-full max-w-100 min-w-0 flex-col gap-8 lg:max-w-137.5 xl:max-w-172.5", children: [
-        /* @__PURE__ */ m(v, { ...c }),
-        x.map((a) => /* @__PURE__ */ m(B, { ...a }, a.id)),
+        /* @__PURE__ */ m(v, { ...x }),
+        l.map((p) => /* @__PURE__ */ m(B, { ...p }, p.id)),
         /* @__PURE__ */ m(T, { ...d })
       ] }),
       /* @__PURE__ */ m("aside", { className: "sticky top-20 hidden pt-4 md:block", children: /* @__PURE__ */ m(k, { ...w }) })
     ] })
   ] }) }),
-  e && /* @__PURE__ */ m(C, { ...e }),
-  l && /* @__PURE__ */ m(F, { ...l }),
-  i && /* @__PURE__ */ m(I, { ...i })
-] });
+  t && /* @__PURE__ */ m(C, { ...t }),
+  i && /* @__PURE__ */ m(F, { ...i }),
+  a && /* @__PURE__ */ m(I, { ...a })
+] }));
 export {
   M as ProductTemplate
 };

package/dist/components/RatafiaSection.js

@@ -1,55 +1,45 @@
 import { jsx as l, jsxs as e } from "react/jsx-runtime";
 import "react";
-import { clsx as s } from "clsx";
-import { Markdown as t } from "./Markdown.js";
+import { clsx as i } from "clsx";
+import { Markdown as o } from "./Markdown.js";
 import { LinkWrapper as f } from "./LinkWrapper.js";
-const C = ({
-  title: d,
+const j = ({
+  title: m,
   content: r,
-  benefits: m = [],
-  stepsSlot: x,
+  benefits: t = [],
+  stepsSlot: d,
   belowStepsSlot: g,
-  cta: i,
-  image: c,
+  cta: s,
+  image: x,
   skipCtaWrapper: h = !1,
-  sectionClassName: n,
-  innerClassName: o
+  sectionClassName: c,
+  innerClassName: n
 }) => {
-  const w = "bg-primary-50 px-6 py-10 lg:px-8 lg:py-12 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 (x != null) {
-    const a = r.trim().length > 0, p = "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", N = h ? /* @__PURE__ */ l("div", { className: "flex w-fit justify-start", children: i }) : /* @__PURE__ */ l(f, { className: "flex w-fit justify-start", children: i });
-    return /* @__PURE__ */ l(
-      "section",
-      {
-        className: s(
-          "max-w-full overflow-x-hidden",
-          n ?? "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10"
-        ),
-        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: d }),
-            a && /* @__PURE__ */ l("div", { className: "hidden lg:block", children: /* @__PURE__ */ l(t, { content: r, className: p }) })
-          ] }),
-          /* @__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__ */ 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: c }),
-            /* @__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: p }) }),
-              x,
-              g,
-              N
-            ] })
-          ] })
-        ] }) })
-      }
-    );
+  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: [
+      /* @__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__ */ 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 })
+      ] })
+    ] }) }) });
   }
-  return /* @__PURE__ */ l("section", { className: s("max-w-full overflow-x-hidden", n ?? w), children: /* @__PURE__ */ e("div", { className: s(u, o), children: [
+  return /* @__PURE__ */ l("section", { className: i("max-w-full overflow-x-hidden", c ?? p), children: /* @__PURE__ */ e("div", { className: i(w, n), 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: d }),
-        /* @__PURE__ */ l(t, { content: r, className: "[&_p:last-child]:mb-0" })
+        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: m }),
+        /* @__PURE__ */ l(o, { content: r, className: "[&_p:last-child]:mb-0" })
       ] }),
-      m.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: m.map((a) => /* @__PURE__ */ e(
+      t.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: t.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",
@@ -60,11 +50,11 @@ const C = ({
         },
         a.id
       )) }),
-      /* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: i })
+      /* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: s })
     ] }),
-    /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: c })
+    /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: x })
   ] }) });
 };
 export {
-  C as RatafiaSection
+  j as RatafiaSection
 };