@npm_leadtech/legal-contracts-ui 0.73.5 → 0.74.1

package/dist/components/CategoryProductTemplate.js

@@ -1,30 +1,41 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { JumboCard as i } from "./JumboCard.js";
-import { DocumentCategories as s } from "./DocumentCategories.js";
-import { DocumentSection as x } from "./DocumentSection.js";
-import { Breadcrumb as f } from "./Breadcrumb.js";
-import { FaqSection as n } from "./FaqSection.js";
+import { DocumentCategories as c } from "./DocumentCategories.js";
+import { DocumentSection as n } from "./DocumentSection.js";
+import { Breadcrumb as x } from "./Breadcrumb.js";
+import { FaqSection as f } from "./FaqSection.js";
 import { BlogSection as d } from "./BlogSection.js";
-const C = ({
-  jumbo: l,
-  breadcrumb: m,
-  categories: o,
-  documentSections: r,
+const w = ({
+  jumbo: r,
+  breadcrumb: o,
+  categories: m,
+  documentSections: s,
   faqSection: p,
-  articles: c
-}) => /* @__PURE__ */ a("main", { className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0", children: [
-  /* @__PURE__ */ e(i, { ...l }),
-  /* @__PURE__ */ e(f, { ...m, className: "pt-2" }),
-  /* @__PURE__ */ a("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
-    /* @__PURE__ */ e("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ e(s, { ...o }) }),
-    /* @__PURE__ */ a("div", { className: "flex flex-col gap-10", children: [
-      r.map((t) => /* @__PURE__ */ e(x, { ...t }, t.id)),
+  articles: a
+}) => /* @__PURE__ */ l("main", { className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0", children: [
+  /* @__PURE__ */ e(i, { ...r }),
+  /* @__PURE__ */ e(x, { ...o, className: "pt-2" }),
+  /* @__PURE__ */ l("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
+    /* @__PURE__ */ e("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ e(c, { ...m }) }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-10", children: [
+      s.map((t) => /* @__PURE__ */ e(n, { ...t }, t.id)),
       /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
-      /* @__PURE__ */ e(n, { ...p }),
-      /* @__PURE__ */ e(d, { ...c })
+      /* @__PURE__ */ e(f, { ...p }),
+      /* @__PURE__ */ e(
+        d,
+        {
+          ...a,
+          header: a.header ? {
+            ...a.header,
+            align: "start",
+            titleClass: "font-bold font-inter text-super-large",
+            className: "w-full"
+          } : null
+        }
+      )
     ] })
   ] })
 ] });
 export {
-  C as CategoryProductTemplate
+  w as CategoryProductTemplate
 };

package/dist/components/DocumentSection.js

@@ -1,15 +1,16 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { DocumentItem as m } from "./DocumentItem.js";
-const n = ({ id: r, title: s, description: c, icon: t, documents: i }) => /* @__PURE__ */ l("article", { id: r, className: "flex scroll-mt-24 flex-col gap-6", children: [
+import { DocumentItem as i } from "./DocumentItem.js";
+import { Markdown as o } from "./Markdown.js";
+const x = ({ id: r, title: t, description: s, icon: c, documents: m }) => /* @__PURE__ */ l("article", { id: r, className: "flex scroll-mt-24 flex-col gap-6", children: [
   /* @__PURE__ */ l("div", { className: "flex items-start gap-4 rounded bg-neutral-50 p-6", children: [
-    t,
+    c,
     /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-2 text-neutral-800", children: [
-      /* @__PURE__ */ e("p", { className: "font-lora text-super-large", children: s }),
-      /* @__PURE__ */ e("p", { className: "text-medium", children: c })
+      /* @__PURE__ */ e("p", { className: "font-lora text-super-large", children: t }),
+      /* @__PURE__ */ e(o, { className: "text-medium [&_p:last-child]:mb-0", content: s })
     ] })
   ] }),
-  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2", children: i.map((a) => /* @__PURE__ */ e(m, { ...a, className: "w-full" }, a.id)) })
+  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2", children: m.map((a) => /* @__PURE__ */ e(i, { ...a, className: "w-full" }, a.id)) })
 ] });
 export {
-  n as DocumentSection
+  x as DocumentSection
 };

package/dist/components/SectionHeading.js

@@ -1,21 +1,22 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import "react";
-const m = ({
+import { Markdown as m } from "./Markdown.js";
+const i = ({
   title: r,
   description: e,
   align: l = "center",
   titleClass: a = "font-lora text-super-large",
-  className: c = ""
-}) => /* @__PURE__ */ n(
+  className: n = ""
+}) => /* @__PURE__ */ c(
   "div",
   {
-    className: `flex flex-col gap-4 text-neutral-800 ${c} ${l === "center" ? "items-center text-center" : "text-left"}`,
+    className: `flex flex-col gap-4 text-neutral-800 ${n} ${l === "center" ? "items-center text-center" : "text-left"}`,
     children: [
       /* @__PURE__ */ t("h2", { className: a, children: r }),
-      e && /* @__PURE__ */ t("p", { className: "text-medium max-w-3xl", children: e })
+      e && /* @__PURE__ */ t(m, { className: "text-medium max-w-3xl [&_p:last-child]:mb-0", content: e })
     ]
   }
 );
 export {
-  m as SectionHeading
+  i as SectionHeading
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.73.5",
+  "version": "0.74.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -554,6 +554,10 @@
       "import": "./dist/components/HomeTemplate.js",
       "types": "./dist/components/HomeTemplate.d.ts"
     },
+    "./components/HowItWorksTemplate": {
+      "import": "./dist/components/HowItWorksTemplate.js",
+      "types": "./dist/components/HowItWorksTemplate.d.ts"
+    },
     "./components/LegalTemplate": {
       "import": "./dist/components/LegalTemplate.js",
       "types": "./dist/components/LegalTemplate.d.ts"