@npm_leadtech/legal-contracts-ui 0.122.1 → 0.122.3

package/dist/components/AboutUsTemplate.d.ts

@@ -79,10 +79,10 @@ export interface IntroSectionProps {
 }
 
 export interface Jumbotron2Props {
-    title: string;
+    title: ReactNode;
     subtitle?: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     variant?: 'default' | 'contact';
 }
 

package/dist/components/ContactUsTemplate.d.ts

@@ -101,10 +101,10 @@ export declare interface ContactUsTemplateProps {
 export type IconPosition = 'left' | 'right' | 'top';
 
 export interface Jumbotron2Props {
-    title: string;
+    title: ReactNode;
     subtitle?: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     variant?: 'default' | 'contact';
 }
 

package/dist/components/FaqsTemplate.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { ReactNode } from 'react';
 
 export interface AsideNavMenuProps {
     menuItems: Array<{
@@ -33,10 +34,10 @@ export declare interface FaqsTemplateProps {
 }
 
 export interface Jumbotron2Props {
-    title: string;
+    title: ReactNode;
     subtitle?: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     variant?: 'default' | 'contact';
 }
 

package/dist/components/HeroImageShell.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+export declare const HeroImageShell: FC<HeroImageShellProps>;
+
+export declare interface HeroImageShellProps {
+    src: string | null;
+    alt: string;
+    priority?: boolean;
+}
+

package/dist/components/HeroImageShell.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+const r = { w: 1200, h: 900 }, h = "relative aspect-[4/3] w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-[0_25px_60px_rgba(3,42,56,0.12)]", t = "relative w-full overflow-hidden rounded-2xl shadow-[0_25px_60px_rgba(3,42,56,0.12)]", a = ({ empty: l, children: o }) => /* @__PURE__ */ e("div", { className: l ? h : t, "aria-hidden": l ? !0 : void 0, children: l ? null : o }), n = ({ src: l, alt: o, priority: d }) => l ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+  "img",
+  {
+    src: l,
+    alt: o,
+    width: r.w,
+    height: r.h,
+    className: "h-auto w-full max-w-full object-cover",
+    ...d ? { loading: "eager" } : { loading: "lazy" }
+  }
+) }) : /* @__PURE__ */ e(a, { empty: !0 });
+export {
+  n as HeroImageShell
+};

package/dist/components/HomeTemplate.js

@@ -4,10 +4,10 @@ import { HeroSection as n } from "./HeroSection.js";
 import { MoreTemplatesSection as f } from "./MoreTemplatesSection.js";
 import { ProcessSection as l } from "./ProcessSection.js";
 import { CategoriesSection as S } from "./CategoriesSection.js";
-import { RatafiaSection as x } from "./RatafiaSection.js";
-import { TrustSection as T } from "./TrustSection.js";
-import { FaqTeaserSection as b } from "./FaqTeaserSection.js";
-import { BlogSection as g } from "./BlogSection.js";
+import { TrustSection as x } from "./TrustSection.js";
+import { FaqTeaserSection as T } from "./FaqTeaserSection.js";
+import { BlogSection as b } from "./BlogSection.js";
+import { RatafiaSection as g } from "./RatafiaSection.js";
 const M = ({
   hero: t,
   moreTemplates: m,
@@ -22,10 +22,10 @@ const M = ({
   /* @__PURE__ */ o(f, { ...m }),
   /* @__PURE__ */ o(l, { ...e }),
   r && /* @__PURE__ */ o(S, { ...r }),
-  /* @__PURE__ */ o(x, { ...i }),
-  /* @__PURE__ */ o(T, { ...p }),
-  /* @__PURE__ */ o(b, { ...s }),
-  /* @__PURE__ */ o(g, { className: "pt-10 pb-12 lg:pb-14", ...a })
+  /* @__PURE__ */ o(g, { ...i }),
+  /* @__PURE__ */ o(x, { ...p }),
+  /* @__PURE__ */ o(T, { ...s }),
+  /* @__PURE__ */ o(b, { className: "pt-10 pb-12 lg:pb-14", ...a })
 ] });
 export {
   M as HomeTemplate

package/dist/components/HowItWorksLawGeniusSection.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const HowItWorksLawGeniusSection: FC<HowItWorksLawGeniusSectionProps>;
+
+export declare interface HowItWorksLawGeniusSectionProps {
+    sectionTitle: string;
+    contentMarkdown: string;
+    descriptionMarkdown: string;
+    steps: ReactNode;
+    belowStepsMarkdown: string;
+    cta: ReactNode;
+    imageUrl: string | null;
+    imageAlt: string;
+}
+

package/dist/components/HowItWorksLawGeniusSection.js

@@ -0,0 +1,41 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { howItWorksLawGeniusBelowStepsMarkdownClassName as h } from "./HowItWorksTemplateTokens.js";
+import { LawGeniusImageShell as p } from "./LawGeniusImageShell.js";
+import { Markdown as t } from "./Markdown.js";
+const v = ({
+  sectionTitle: s,
+  contentMarkdown: m,
+  descriptionMarkdown: a,
+  steps: r,
+  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: [
+    /* @__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__ */ 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(
+          t,
+          {
+            variant: "ratafia",
+            content: i,
+            className: h
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "w-full lg:w-fit", children: n })
+      ] }),
+      /* @__PURE__ */ e("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: /* @__PURE__ */ e(p, { src: c, alt: x }) })
+    ] })
+  ] }) }) });
+};
+export {
+  v as HowItWorksLawGeniusSection
+};

package/dist/components/HowItWorksTemplate.d.ts

@@ -1,17 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
-import { ReactNode } from 'react';
-
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
 
 export declare type HowItWorksExamplesProps = {
     eyebrow: string;
@@ -32,15 +19,17 @@ export declare type HowItWorksHeroBullet = {
 export declare type HowItWorksLawGeniusStep = {
     id: string;
     title: string;
-    description: ReactNode;
-    icon: ReactNode;
+    descriptionMarkdown: string;
+    iconUrl: string | null;
+    iconAlt?: string;
 };
 
 export declare type HowItWorksProcessStep = {
     id: string;
     title: string;
-    body: ReactNode;
-    image: ReactNode;
+    bodyMarkdown: string;
+    imageUrl: string | null;
+    imageAlt: string;
     background: 'bg-white' | 'bg-neutral-25';
     reverse?: boolean;
     imageFirstOnMobile?: boolean;
@@ -52,37 +41,40 @@ export declare interface HowItWorksTemplateProps {
     hero: {
         eyebrow: string;
         title: string;
-        image: ReactNode;
-        intro: ReactNode;
+        imageUrl: string | null;
+        imageAlt: string;
+        imagePriority?: boolean;
+        introMarkdown: string;
         bullets: HowItWorksHeroBullet[];
-        closing: ReactNode;
-        cta: ButtonProps;
+        closingMarkdown: string;
+        cta: {
+            href: string;
+            label: string;
+        };
     };
     processSteps: HowItWorksProcessStep[];
     lawGenius: {
         title: string;
-        content: string;
+        contentMarkdown: string;
         steps: HowItWorksLawGeniusStep[];
-        belowStepsSlot: ReactNode;
-        cta: ButtonProps;
-        image: ReactNode;
+        belowStepsMarkdown: string;
+        imageUrl: string | null;
+        imageAlt: string;
+        cta: {
+            href: string;
+            label: string;
+        };
         sectionClassName?: string;
     };
     resources: {
         examples: HowItWorksExamplesProps;
-        image: ReactNode;
-        supportBody: ReactNode;
-        cta: ButtonProps;
+        supportBodyMarkdown: string;
+        imageUrl: string | null;
+        imageAlt: string;
+        cta: {
+            href: string;
+            label: string;
+        };
     };
 }
-
-export type IconPosition = 'left' | 'right' | 'top';
-
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
 

package/dist/components/HowItWorksTemplate.js

@@ -1,93 +1,113 @@
-import { jsxs as a, jsx as e, Fragment as p } from "react/jsx-runtime";
-import { clsx as g } from "clsx";
-import { Button as r } from "./Button.js";
-import { IntroSection as u } from "./IntroSection.js";
-import { RatafiaSection as f } from "./RatafiaSection.js";
+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 L } from "./ResourcesImageShell.js";
+import { StepImageShell as W } from "./StepImageShell.js";
+import { Button as o } from "./Button.js";
+import { IntroSection as A } from "./IntroSection.js";
+import { Markdown as i } from "./Markdown.js";
 import { TwoColumnSection as c } from "./TwoColumnSection.js";
-const h = ({ title: l, description: n, icon: t }) => /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-2 rounded-sm p-6", children: [
-  /* @__PURE__ */ a("div", { className: "flex w-full items-start gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center [&_img]:h-5 [&_img]:w-5 [&_img]:object-contain [&_svg]:h-5 [&_svg]:w-5", children: t }),
-    /* @__PURE__ */ e("p", { className: "text-big min-w-0 flex-1 font-bold tracking-tight text-neutral-800", children: l })
-  ] }),
-  /* @__PURE__ */ e("div", { className: "text-small w-full min-w-0 tracking-tight text-neutral-800 [&_p:last-child]:mb-0 [&_strong]:font-bold", children: n })
-] }), w = (l) => {
-  const n = /* @__PURE__ */ a("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: l.title }),
-    /* @__PURE__ */ e("div", { className: "text-small space-y-3 text-neutral-700", children: l.body })
-  ] }), t = /* @__PURE__ */ e("div", { className: "w-full shrink-0 lg:w-1/2 lg:max-w-[50%]", children: l.image });
-  return l.reverse ? { firstColumn: t, secondColumn: n } : { firstColumn: n, secondColumn: t };
-}, S = ({ hero: l, processSteps: n, lawGenius: t, resources: m }) => {
-  const o = {
-    size: "large",
-    variant: "primary-green",
-    className: "!rounded-md text-medium w-full justify-center font-bold lg:w-auto",
-    ...t.cta
-  }, { examples: i } = m;
-  return /* @__PURE__ */ a("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__ */ a("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
-      /* @__PURE__ */ a("div", { className: "text-center", children: [
-        /* @__PURE__ */ a("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: l.eyebrow }),
+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(
+    o,
+    {
+      size: "large",
+      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 })
+    }
+  );
+  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("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: l.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: t.title })
       ] }),
       /* @__PURE__ */ e(
-        u,
+        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: l.image,
+          image: /* @__PURE__ */ e(S, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
           cta: {
             size: "large",
             variant: "primary-green",
             className: "text-medium mt-8 w-full justify-center font-bold",
-            ...l.cta
+            children: /* @__PURE__ */ e("a", { href: t.cta.href, className: k, children: t.cta.label })
           },
-          children: /* @__PURE__ */ a("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
-            l.intro,
-            /* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: l.bullets.map((s) => /* @__PURE__ */ a("li", { className: "flex items-start gap-2", children: [
+          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: [
               /* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
-              /* @__PURE__ */ a("span", { children: [
-                /* @__PURE__ */ a("strong", { children: [
-                  s.strong,
+              /* @__PURE__ */ r("span", { children: [
+                /* @__PURE__ */ r("strong", { children: [
+                  l.strong,
                   " "
                 ] }),
-                s.text
+                l.text
               ] })
-            ] }, s.id)) }),
-            l.closing
+            ] }, l.id)) }),
+            p && /* @__PURE__ */ e(i, { variant: "legal", content: t.closingMarkdown })
           ] })
         }
       )
     ] }) }),
-    n.map((s) => {
-      const { firstColumn: x, secondColumn: d } = w(s);
+    m.map((l) => {
+      const { firstColumn: u, secondColumn: h } = U(l);
       return /* @__PURE__ */ e(
         c,
         {
-          className: `${s.background} lg:px-ds-10xl px-6 py-12 sm:px-10`,
-          containerClassName: g(
+          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",
-            s.imageFirstOnMobile ? "!flex-col-reverse md:!flex-row" : "!flex-col md:!flex-row"
+            l.imageFirstOnMobile ? "!flex-col-reverse md:!flex-row" : "!flex-col md:!flex-row"
           ),
-          firstColumn: x,
-          secondColumn: d
+          firstColumn: u,
+          secondColumn: h
         },
-        s.id
+        l.id
       );
     }),
     /* @__PURE__ */ e(
-      f,
+      M,
       {
-        title: t.title,
-        content: t.content,
-        stepsSlot: /* @__PURE__ */ e(p, { children: t.steps.map((s) => /* @__PURE__ */ e(h, { ...s }, s.id)) }),
-        belowStepsSlot: t.belowStepsSlot,
-        cta: /* @__PURE__ */ e(r, { ...o }),
+        title: a.title,
+        content: a.contentMarkdown,
+        stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((l) => /* @__PURE__ */ e(
+          I,
+          {
+            title: l.title,
+            descriptionMarkdown: l.descriptionMarkdown,
+            iconUrl: l.iconUrl,
+            iconAlt: l.iconAlt ?? ""
+          },
+          l.id
+        )) }),
+        belowStepsSlot: g ? /* @__PURE__ */ e(
+          i,
+          {
+            variant: "ratafia",
+            content: a.belowStepsMarkdown,
+            className: y
+          }
+        ) : null,
+        cta: f,
         skipCtaWrapper: !0,
-        image: t.image,
-        sectionClassName: t.sectionClassName ?? "bg-neutral-25 px-6 pb-12 pt-16 sm:px-10 lg:px-ds-10xl"
+        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"
       }
     ),
     /* @__PURE__ */ e(
@@ -95,19 +115,23 @@ const h = ({ title: l, description: n, icon: t }) => /* @__PURE__ */ a("div", {
       {
         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: m.image }),
-        secondColumn: /* @__PURE__ */ a("div", { className: "w-full space-y-4 lg:basis-[52%]", children: [
-          i.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: i.eyebrow }),
-          i.title && /* @__PURE__ */ e("h3", { className: "font-lora text-[2rem] leading-[1.2] font-bold text-neutral-800", children: i.title }),
-          /* @__PURE__ */ e("div", { className: "text-small space-y-3 text-neutral-700", children: m.supportBody }),
-          i.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: i.footer }),
+        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}`)) }),
+          n.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: n.footer }),
           /* @__PURE__ */ e(
-            r,
+            o,
             {
               size: "small",
               variant: "primary-green",
               className: "text-small inline-flex w-auto justify-center font-bold",
-              ...m.cta
+              children: /* @__PURE__ */ e("a", { href: s.cta.href, className: v, children: s.cta.label })
             }
           )
         ] })
@@ -116,5 +140,5 @@ const h = ({ title: l, description: n, icon: t }) => /* @__PURE__ */ a("div", {
   ] });
 };
 export {
-  S as HowItWorksTemplate
+  J as HowItWorksTemplate
 };

package/dist/components/Jumbotron2.d.ts

@@ -1,12 +1,13 @@
 import { FC } from 'react';
+import { ReactNode } from 'react';
 
 export declare const Jumbotron2: FC<Jumbotron2Props>;
 
 export declare interface Jumbotron2Props {
-    title: string;
+    title: ReactNode;
     subtitle?: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     variant?: 'default' | 'contact';
 }
 

package/dist/components/LawGeniusImageShell.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export declare const LawGeniusImageShell: FC<LawGeniusImageShellProps>;
+
+export declare interface LawGeniusImageShellProps {
+    src: string | null;
+    alt: string;
+}
+

package/dist/components/LawGeniusImageShell.js

@@ -0,0 +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} 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: t,
+    width: a.w,
+    height: a.h,
+    className: "h-auto w-full max-w-full object-cover",
+    loading: "lazy"
+  }
+) }) : /* @__PURE__ */ e(s, { empty: !0 });
+export {
+  h as LawGeniusImageShell
+};

package/dist/components/LawGeniusStepCard.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+export declare const LawGeniusStepCard: FC<LawGeniusStepCardProps>;
+
+export declare interface LawGeniusStepCardProps {
+    title: string;
+    descriptionMarkdown: string;
+    iconUrl: string | null;
+    iconAlt?: string;
+}
+

package/dist/components/LawGeniusStepCard.js

@@ -0,0 +1,17 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { Markdown as s } from "./Markdown.js";
+const m = ({
+  title: l,
+  descriptionMarkdown: i,
+  iconUrl: e,
+  iconAlt: n = ""
+}) => /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-2 rounded-sm p-6", children: [
+  /* @__PURE__ */ a("div", { className: "flex w-full items-start gap-2", children: [
+    /* @__PURE__ */ t("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center [&_img]:h-5 [&_img]:w-5 [&_img]:object-contain [&_svg]:h-5 [&_svg]:w-5", children: e ? /* @__PURE__ */ t("img", { src: e, alt: n, className: "h-5 w-5 object-contain" }) : /* @__PURE__ */ t("span", { className: "inline-block h-5 w-5 shrink-0", "aria-hidden": !0 }) }),
+    /* @__PURE__ */ t("p", { className: "text-big min-w-0 flex-1 font-bold tracking-tight text-neutral-800", children: l })
+  ] }),
+  /* @__PURE__ */ t("div", { className: "text-small w-full min-w-0 tracking-tight text-neutral-800 [&_p:last-child]:mb-0 [&_strong]:font-bold", children: /* @__PURE__ */ t(s, { variant: "legal", content: i }) })
+] });
+export {
+  m as LawGeniusStepCard
+};

package/dist/components/PricingTemplate.d.ts

@@ -39,10 +39,10 @@ export interface IntroSectionProps {
 }
 
 export interface Jumbotron2Props {
-    title: string;
+    title: ReactNode;
     subtitle?: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
     variant?: 'default' | 'contact';
 }
 

package/dist/components/ResourcesImageShell.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export declare const ResourcesImageShell: FC<ResourcesImageShellProps>;
+
+export declare interface ResourcesImageShellProps {
+    src: string | null;
+    alt: string;
+}
+

package/dist/components/ResourcesImageShell.js

@@ -0,0 +1,15 @@
+import { jsx as l } from "react/jsx-runtime";
+const o = { w: 840, h: 612 }, t = "relative aspect-420/306 w-full overflow-hidden rounded-2xl bg-neutral-100", a = "relative w-full overflow-hidden rounded-2xl", s = ({ empty: e, children: r }) => /* @__PURE__ */ l("div", { className: e ? t : a, "aria-hidden": e ? !0 : void 0, children: e ? null : r }), i = ({ src: e, alt: r }) => e ? /* @__PURE__ */ l(s, { children: /* @__PURE__ */ l(
+  "img",
+  {
+    src: e,
+    alt: r,
+    width: o.w,
+    height: o.h,
+    className: "h-auto w-full max-w-full object-cover",
+    loading: "lazy"
+  }
+) }) : /* @__PURE__ */ l(s, { empty: !0 });
+export {
+  i as ResourcesImageShell
+};

package/dist/components/StepImageShell.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export declare const StepImageShell: FC<StepImageShellProps>;
+
+export declare interface StepImageShellProps {
+    src: string | null;
+    alt: string;
+}
+

package/dist/components/StepImageShell.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+const a = { w: 1120, h: 816 }, r = "relative aspect-[560/408] w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-[0_25px_60px_rgba(3,42,56,0.15)]", d = "relative w-full overflow-hidden rounded-2xl shadow-[0_25px_60px_rgba(3,42,56,0.15)]", o = ({ empty: l, children: t }) => /* @__PURE__ */ e("div", { className: l ? r : d, "aria-hidden": l ? !0 : void 0, children: l ? null : t }), h = ({ src: l, alt: t }) => l ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
+  "img",
+  {
+    src: l,
+    alt: t,
+    width: a.w,
+    height: a.h,
+    className: "h-auto w-full max-w-full object-cover",
+    loading: "lazy"
+  }
+) }) : /* @__PURE__ */ e(o, { empty: !0 });
+export {
+  h as StepImageShell
+};