@npm_leadtech/legal-contracts-ui 0.129.6 → 0.129.7

package/dist/components/HowItWorksTemplate.js

@@ -1,31 +1,24 @@
-import { jsx as e, jsxs as r, Fragment as h } 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 j } from "./StepImageShell.js";
-import { Button as o } from "./Button.js";
+import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
+import { clsx as h } from "clsx";
+import { howItWorksLawGeniusCtaLinkClassName as N, howItWorksHeroCtaLinkClassName as b, howItWorksLawGeniusBelowStepsMarkdownClassName as k, howItWorksResourcesSupportBodyClassName as y, howItWorksResourcesCtaLinkClassName as C } from "./HowItWorksTemplateTokens.js";
+import { HeroImageShell as v } from "./HeroImageShell.js";
+import { RatafiaSection as S } from "./RatafiaSection.js";
+import { LawGeniusStepCard as M } from "./LawGeniusStepCard.js";
+import { ResourcesImageShell as I } from "./ResourcesImageShell.js";
+import { StepImageShell as W } from "./StepImageShell.js";
+import { LinkWrapper as L } from "./LinkWrapper.js";
 import { IntroSection as B } from "./IntroSection.js";
 import { Markdown as m } from "./Markdown.js";
-import { TwoColumnSection as c } from "./TwoColumnSection.js";
-const L = (l) => {
+import { TwoColumnSection as o } from "./TwoColumnSection.js";
+import { Button as j } from "./Button.js";
+const A = (l) => {
   const i = /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 text-neutral-800 md:shrink md:grow-0 md:basis-1/2", children: [
     /* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children: l.title }),
     /* @__PURE__ */ e("div", { className: "text-medium space-y-3 text-neutral-800", children: /* @__PURE__ */ e(m, { variant: "legal", content: l.bodyMarkdown }) })
-  ] }), a = /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(j, { src: l.imageUrl, alt: l.imageAlt }) });
+  ] }), a = /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(W, { src: l.imageUrl, alt: l.imageAlt }) });
   return { firstColumn: i, secondColumn: a };
-}, D = ({ hero: l, processSteps: i, lawGenius: a, resources: n }) => {
-  const d = l.introMarkdown.trim().length > 0, p = l.closingMarkdown.trim().length > 0, x = n.supportBodyMarkdown.trim().length > 0, f = a.belowStepsMarkdown.trim().length > 0, { examples: s } = n, u = /* @__PURE__ */ e(
-    o,
-    {
-      size: "small",
-      variant: "primary-green",
-      className: "text-medium inline-flex w-fit justify-center !rounded-md font-bold",
-      children: /* @__PURE__ */ e("a", { href: a.cta.href, className: b, children: a.cta.label })
-    }
-  );
+}, J = ({ hero: l, processSteps: i, lawGenius: a, resources: n }) => {
+  const c = l.introMarkdown.trim().length > 0, d = l.closingMarkdown.trim().length > 0, p = n.supportBodyMarkdown.trim().length > 0, x = a.belowStepsMarkdown.trim().length > 0, { examples: s } = n, f = /* @__PURE__ */ e(L, { size: "default", variant: "primary-green", className: "text-medium inline-flex w-fit font-bold", children: /* @__PURE__ */ e("a", { href: a.cta.href, className: N, 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: [
     /* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
       /* @__PURE__ */ r("div", { className: "text-center", children: [
@@ -40,15 +33,15 @@ const L = (l) => {
         {
           className: "bg-transparent",
           containerClassName: "w-full !max-w-none !flex-col gap-10 !px-0 !py-0 md:!flex-row md:!gap-8 md:items-stretch lg:!gap-16",
-          image: /* @__PURE__ */ e(S, { src: l.imageUrl, alt: l.imageAlt, priority: l.imagePriority }),
+          image: /* @__PURE__ */ e(v, { src: l.imageUrl, alt: l.imageAlt, priority: l.imagePriority }),
           cta: {
             size: "default",
             variant: "primary-green",
             className: "text-medium mt-8 w-full justify-center font-bold md:w-fit md:justify-start",
-            children: /* @__PURE__ */ e("a", { href: l.cta.href, className: k, children: l.cta.label })
+            children: /* @__PURE__ */ e("a", { href: l.cta.href, className: b, children: l.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(m, { variant: "legal", content: l.introMarkdown }),
+            c && /* @__PURE__ */ e(m, { variant: "legal", content: l.introMarkdown }),
             /* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: l.bullets.map((t) => /* @__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: [
@@ -59,35 +52,35 @@ const L = (l) => {
                 t.text
               ] })
             ] }, t.id)) }),
-            p && /* @__PURE__ */ e(m, { variant: "legal", content: l.closingMarkdown })
+            d && /* @__PURE__ */ e(m, { variant: "legal", content: l.closingMarkdown })
           ] })
         }
       )
     ] }) }),
     i.map((t) => {
-      const { firstColumn: g, secondColumn: w } = L(t);
+      const { firstColumn: u, secondColumn: g } = A(t);
       return /* @__PURE__ */ e(
-        c,
+        o,
         {
           className: `${t.background} lg:px-ds-10xl px-6 py-12`,
-          containerClassName: N(
+          containerClassName: h(
             "!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:items-center lg:!gap-20",
             t.imageFirstOnMobile ? "!flex-col md:!flex-row" : "!flex-col-reverse md:!flex-row",
             t.reverse && "md:!flex-row-reverse"
           ),
-          firstColumn: g,
-          secondColumn: w
+          firstColumn: u,
+          secondColumn: g
         },
         t.id
       );
     }),
     /* @__PURE__ */ e(
-      M,
+      S,
       {
         title: a.title,
         content: a.contentMarkdown,
-        stepsSlot: /* @__PURE__ */ e(h, { children: a.steps.map((t) => /* @__PURE__ */ e(
-          I,
+        stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((t) => /* @__PURE__ */ e(
+          M,
           {
             title: t.title,
             descriptionMarkdown: t.descriptionMarkdown,
@@ -96,42 +89,42 @@ const L = (l) => {
           },
           t.id
         )) }),
-        belowStepsSlot: f ? /* @__PURE__ */ e(
+        belowStepsSlot: x ? /* @__PURE__ */ e(
           m,
           {
             variant: "ratafia",
             content: a.belowStepsMarkdown,
-            className: y
+            className: k
           }
         ) : null,
-        cta: u,
+        cta: f,
         skipCtaWrapper: !0,
         image: a.image,
         sectionClassName: a.sectionClassName ?? "bg-primary-50 px-6 py-12 lg:px-ds-10xl"
       }
     ),
     /* @__PURE__ */ e(
-      c,
+      o,
       {
         className: "lg:px-ds-10xl bg-white px-6 pt-12 pb-14",
         containerClassName: "!mx-auto !w-full !max-w-6xl !flex-col !items-start !gap-8 !px-0 !py-0 md:!flex-row md:!items-center lg:!gap-20",
-        firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(W, { src: n.imageUrl, alt: n.imageAlt }) }),
+        firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(I, { src: n.imageUrl, alt: n.imageAlt }) }),
         secondColumn: /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 md:shrink md:grow-0 md:basis-1/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: "text-super-large font-bold text-neutral-800", children: s.title }),
-          x && /* @__PURE__ */ e("div", { className: `text-medium space-y-3 text-neutral-800 ${C}`, children: /* @__PURE__ */ e(m, { variant: "legal", content: n.supportBodyMarkdown }) }),
+          p && /* @__PURE__ */ e("div", { className: `text-medium space-y-3 text-neutral-800 ${y}`, children: /* @__PURE__ */ e(m, { variant: "legal", content: n.supportBodyMarkdown }) }),
           s.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-medium space-y-2 text-neutral-800", children: s.rows.map((t) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
             /* @__PURE__ */ e("dt", { className: "font-semibold", children: t.label }),
             /* @__PURE__ */ e("dd", { children: t.value })
           ] }, `${t.label}-${t.value}`)) }),
           s.footer && /* @__PURE__ */ e("p", { className: "text-medium text-neutral-600", children: s.footer }),
           /* @__PURE__ */ e(
-            o,
+            j,
             {
               size: "small",
               variant: "primary-green",
               className: "text-medium 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: n.cta.href, className: C, children: n.cta.label })
             }
           )
         ] })
@@ -140,5 +133,5 @@ const L = (l) => {
   ] });
 };
 export {
-  D as HowItWorksTemplate
+  J as HowItWorksTemplate
 };