@npm_leadtech/legal-contracts-ui 0.82.3 → 0.84.0

package/dist/components/BlogSection.d.ts

@@ -13,6 +13,7 @@ export declare interface BlogSectionProps {
     }[];
     cta: ReactNode | null;
     className?: string;
+    variant?: 'column' | 'row';
 }
 
 export interface SectionHeadingProps {

package/dist/components/BlogSection.js

@@ -1,20 +1,40 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
-import t from "clsx";
-import { SectionHeading as a } from "./SectionHeading.js";
-import { LinkWrapper as d } from "./LinkWrapper.js";
-const p = ({ header: m, articles: r, cta: o, className: n = "" }) => r.length === 0 ? null : /* @__PURE__ */ e("section", { className: t("mx-auto px-8 lg:px-12 xl:max-w-300 xl:px-0", n), children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
-  m && /* @__PURE__ */ e(a, { ...m }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: r.map((l) => /* @__PURE__ */ i("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
-    /* @__PURE__ */ e("div", { className: "relative h-42 shrink-0 overflow-hidden rounded-t-sm md:h-full md:max-w-51 md:rounded-t-none md:rounded-l-sm [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l.image }),
-    /* @__PURE__ */ i("div", { className: "flex flex-col gap-4 p-6 text-neutral-800", children: [
-      /* @__PURE__ */ e("h3", { className: "text-big font-semibold", children: l.title }),
-      /* @__PURE__ */ e("p", { className: "text-medium", children: l.description }),
-      /* @__PURE__ */ e(d, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
-    ] })
-  ] }, l.title)) }),
-  !!o && /* @__PURE__ */ e(d, { className: "w-full md:w-fit", variant: "secondary-green", children: o })
-] }) });
+import o from "clsx";
+import { SectionHeading as c } from "./SectionHeading.js";
+import { LinkWrapper as t } from "./LinkWrapper.js";
+const u = ({ header: r, articles: m, cta: d, className: s = "", variant: a = "row" }) => {
+  if (m.length === 0) return null;
+  const n = a === "row";
+  return /* @__PURE__ */ e("section", { className: o("mx-auto px-8 lg:px-12 xl:max-w-300 xl:px-0", s), children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
+    r && /* @__PURE__ */ e(c, { ...r }),
+    /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: m.map((l) => /* @__PURE__ */ i(
+      "article",
+      {
+        className: o("flex flex-col rounded-sm bg-white shadow", n && "md:flex-row"),
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                "relative h-42 shrink-0 overflow-hidden rounded-t-sm [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
+                n && "md:h-full md:max-w-51 md:rounded-t-none md:rounded-l-sm"
+              ),
+              children: l.image
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: "flex flex-col gap-4 p-6 text-neutral-800", children: [
+            /* @__PURE__ */ e("h3", { className: "text-big font-semibold", children: l.title }),
+            /* @__PURE__ */ e("p", { className: "text-medium", children: l.description }),
+            /* @__PURE__ */ e(t, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
+          ] })
+        ]
+      },
+      l.title
+    )) }),
+    !!d && /* @__PURE__ */ e(t, { className: "w-full md:w-fit", variant: "secondary-green", children: d })
+  ] }) });
+};
 export {
-  p as BlogSection
+  u as BlogSection
 };

package/dist/components/CategoryProductTemplate.d.ts

@@ -11,6 +11,7 @@ export interface BlogSectionProps {
     }[];
     cta: ReactNode | null;
     className?: string;
+    variant?: 'column' | 'row';
 }
 
 export interface BreadcrumbProps {

package/dist/components/CategoryProductTemplate.js

@@ -5,7 +5,7 @@ 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 w = ({
+const v = ({
   jumbo: r,
   breadcrumb: o,
   categories: m,
@@ -25,6 +25,8 @@ const w = ({
         d,
         {
           ...a,
+          className: "px-0!",
+          variant: "column",
           header: a.header ? {
             ...a.header,
             align: "start",
@@ -37,5 +39,5 @@ const w = ({
   ] })
 ] });
 export {
-  w as CategoryProductTemplate
+  v as CategoryProductTemplate
 };

package/dist/components/HomeTemplate.d.ts

@@ -11,6 +11,7 @@ export interface BlogSectionProps {
     }[];
     cta: ReactNode | null;
     className?: string;
+    variant?: 'column' | 'row';
 }
 
 export interface CategoriesSectionProps {