@npm_leadtech/legal-contracts-ui 0.144.0 → 0.145.0

package/dist/components/Article.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const Article: FC<ArticleProps>;
+
+export declare interface ArticleProps {
+    id: string;
+    title: ReactNode;
+    description: string;
+    image: ReactNode;
+    cta: ReactNode;
+    isRow?: boolean;
+}
+

package/dist/components/Article.js

@@ -0,0 +1,24 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import "react";
+import m from "clsx";
+import { LinkWrapper as a } from "./LinkWrapper.js";
+const x = ({ id: t, title: d, description: i, image: o, cta: s, isRow: l = !1 }) => /* @__PURE__ */ r("article", { className: m("flex flex-col rounded-sm bg-white shadow", l && "md:flex-row"), children: [
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: m(
+        "relative h-42 shrink-0 overflow-hidden rounded-t-sm [&_img]:h-full [&_img]:w-full [&_img]:object-cover",
+        l && "md:h-auto md:max-w-51 md:self-stretch md:rounded-t-none md:rounded-l-sm"
+      ),
+      children: o
+    }
+  ),
+  /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 p-6 text-neutral-800", children: [
+    /* @__PURE__ */ e("p", { className: "text-big font-semibold", children: d }),
+    /* @__PURE__ */ e("p", { className: "text-medium", children: i }),
+    /* @__PURE__ */ e(a, { className: "w-fit", variant: "tertiary-bold", children: s })
+  ] })
+] }, t);
+export {
+  x as Article
+};

package/dist/components/BlogSection.d.ts

@@ -1,16 +1,20 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface ArticleProps {
+    id: string;
+    title: ReactNode;
+    description: string;
+    image: ReactNode;
+    cta: ReactNode;
+    isRow?: boolean;
+}
+
 export declare const BlogSection: FC<BlogSectionProps>;
 
 export declare interface BlogSectionProps {
     header: SectionHeadingProps | null;
-    articles: {
-        title: string;
-        image: ReactNode;
-        description: string;
-        cta: ReactNode;
-    }[];
+    articles: ArticleProps[];
     cta: ReactNode | null;
     className?: string;
     variant?: 'column' | 'row';

package/dist/components/BlogSection.js

@@ -1,40 +1,14 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import "react";
-import o from "clsx";
-import { SectionHeading as c } from "./SectionHeading.js";
-import { LinkWrapper as s } from "./LinkWrapper.js";
-const u = ({ header: r, articles: m, cta: t, className: n = "", variant: a = "row" }) => {
-  if (m.length === 0) return null;
-  const d = a === "row";
-  return /* @__PURE__ */ e("section", { className: o("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: [
-    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", d && "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",
-                d && "md:h-auto md:max-w-51 md:self-stretch 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(s, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
-          ] })
-        ]
-      },
-      l.title
-    )) }),
-    !!t && /* @__PURE__ */ e(s, { className: "w-full md:w-fit", variant: "secondary-green", children: t })
-  ] }) });
-};
+import s from "clsx";
+import { SectionHeading as a } from "./SectionHeading.js";
+import { Article as c } from "./Article.js";
+import { LinkWrapper as p } from "./LinkWrapper.js";
+const h = ({ header: o, articles: i, cta: e, className: m = "", variant: n = "row" }) => i.length === 0 ? null : /* @__PURE__ */ r("section", { className: s("mx-auto px-8 lg:px-12 xl:max-w-300 xl:px-0", m), children: /* @__PURE__ */ t("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
+  o && /* @__PURE__ */ r(a, { ...o }),
+  /* @__PURE__ */ r("div", { className: "grid gap-6 lg:grid-cols-2", children: i.map((l) => /* @__PURE__ */ r(c, { ...l, isRow: n === "row" }, l.id)) }),
+  !!e && /* @__PURE__ */ r(p, { className: "w-full md:w-fit", variant: "secondary-green", children: e })
+] }) });
 export {
-  u as BlogSection
+  h as BlogSection
 };

package/dist/components/CategoryProductTemplate.d.ts

@@ -1,14 +1,18 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface ArticleProps {
+    id: string;
+    title: ReactNode;
+    description: string;
+    image: ReactNode;
+    cta: ReactNode;
+    isRow?: boolean;
+}
+
 export interface BlogSectionProps {
     header: SectionHeadingProps | null;
-    articles: {
-        title: string;
-        image: ReactNode;
-        description: string;
-        cta: ReactNode;
-    }[];
+    articles: ArticleProps[];
     cta: ReactNode | null;
     className?: string;
     variant?: 'column' | 'row';

package/dist/components/HomeTemplate.d.ts

@@ -1,14 +1,18 @@
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface ArticleProps {
+    id: string;
+    title: ReactNode;
+    description: string;
+    image: ReactNode;
+    cta: ReactNode;
+    isRow?: boolean;
+}
+
 export interface BlogSectionProps {
     header: SectionHeadingProps | null;
-    articles: {
-        title: string;
-        image: ReactNode;
-        description: string;
-        cta: ReactNode;
-    }[];
+    articles: ArticleProps[];
     cta: ReactNode | null;
     className?: string;
     variant?: 'column' | 'row';