@npm_leadtech/legal-contracts-ui 0.156.0 → 0.156.2

package/dist/components/HeroSection.d.ts

@@ -15,9 +15,8 @@ export declare interface HeroSectionProps {
 export interface ItemProps {
     id: string;
     image: ReactNode;
-    title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    url: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/HeroSection.js

@@ -12,7 +12,7 @@ const g = ({ title: i, description: s, cta: l, heroDocuments: m, listTitle: c, b
     ] }),
     /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-4 md:w-full md:items-start md:justify-start xl:max-w-115", children: [
       /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e("p", { className: "text-big text-primary-800 font-semibold", children: c }) }),
-      /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-2", children: m.map((a) => /* @__PURE__ */ e(n, { ...a, variant: "card" }, a.title)) })
+      /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-2", children: m.map((a) => /* @__PURE__ */ e(n, { ...a, variant: "card" }, a.id)) })
     ] })
   ] })
 ] });

package/dist/components/HomeTemplate.d.ts

@@ -75,9 +75,8 @@ export declare interface HomeTemplateProps {
 export interface ItemProps {
     id: string;
     image: ReactNode;
-    title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    url: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/Item.d.ts

@@ -6,9 +6,8 @@ export declare const Item: FC<ItemProps>;
 export declare interface ItemProps {
     id: string;
     image: ReactNode;
-    title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    url: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/Item.js

@@ -1,42 +1,32 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import "react";
-import o from "clsx";
+import l from "clsx";
 import { ChevronRightIcon as n } from "./ChevronRightIcon.js";
-const b = ({
-  image: c,
-  title: t,
-  description: a,
-  documentUrl: l,
-  variant: r = "default",
-  className: d = ""
-}) => {
-  const i = {
-    default: "py-4 px-2 items-start",
-    card: "border border-0.5 border-neutral-200 shadow-lg bg-white pl-6 pr-4 py-5"
-  }, m = {
-    default: "",
-    card: "font-bold"
-  };
-  return /* @__PURE__ */ s(
+const h = ({ id: s, image: o, description: t, url: i, variant: e = "default", className: d = "" }) => {
+  const m = e === "default";
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: o(
+      className: l(
         'hover:bg-primary-50 relative flex cursor-pointer items-center gap-4 rounded-sm [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
-        i[r],
+        {
+          default: "py-4 px-2 items-start",
+          card: "border border-0.5 border-neutral-200 shadow-lg bg-white pl-6 pr-4 py-5"
+        }[e],
         d
       ),
       children: [
-        c,
-        /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-1", children: [
-          t && /* @__PURE__ */ e("p", { className: o("text-medium break-all text-neutral-800", m[r]), children: t }),
-          a && /* @__PURE__ */ e("p", { className: "text-extra-small break-all text-neutral-600", children: a })
+        o,
+        /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-1", children: [
+          /* @__PURE__ */ r("p", { className: l("text-medium break-all text-neutral-800", m ? "" : "font-bold"), children: i }),
+          t && /* @__PURE__ */ r("p", { className: "text-extra-small break-all text-neutral-600", children: t })
         ] }),
-        !!l && /* @__PURE__ */ e("div", { className: "h-0 w-0 opacity-0", children: l }),
-        r === "card" && /* @__PURE__ */ e(n, { width: 20, height: 20 })
+        e === "card" && /* @__PURE__ */ r(n, { width: 20, height: 20 })
       ]
-    }
+    },
+    s
   );
 };
 export {
-  b as Item
+  h as Item
 };

package/dist/components/MoreTemplatesSection.d.ts

@@ -4,9 +4,8 @@ import { ReactNode } from 'react';
 export interface ItemProps {
     id: string;
     image: ReactNode;
-    title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    url: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
 }

package/dist/components/MoreTemplatesSection.js

@@ -1,29 +1,28 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as s } from "./SectionHeading.js";
+import { SectionHeading as a } from "./SectionHeading.js";
 import { Item as d } from "./Item.js";
-import { ChevronDownIcon as a } from "./ChevronDownIcon.js";
+import { ChevronDownIcon as n } from "./ChevronDownIcon.js";
 const b = ({ header: o, moreDocuments: l = [] }) => l.length === 0 ? null : /* @__PURE__ */ i("section", { className: "mx-auto px-6 py-10 text-neutral-800 lg:px-8 lg:py-12 xl:max-w-300 xl:px-0", children: [
   /* @__PURE__ */ i("div", { className: "hidden flex-col gap-6 md:flex", children: [
-    /* @__PURE__ */ e(s, { ...o, align: "start", className: "pl-7" }),
-    /* @__PURE__ */ e("div", { className: "grid grid-flow-col grid-rows-3", children: l.map((r, n) => /* @__PURE__ */ e("div", { className: `border-neutral-200 px-6 ${n < 6 ? "border-r" : ""} `, children: /* @__PURE__ */ e(d, { ...r }) }, `desktop-${r.id}`)) })
+    /* @__PURE__ */ r(a, { ...o, align: "start", className: "pl-7" }),
+    /* @__PURE__ */ r("div", { className: "grid grid-flow-col grid-rows-3", children: l.map((e, s) => /* @__PURE__ */ r("div", { className: `border-neutral-200 px-6 ${s < 6 ? "border-r" : ""} `, children: /* @__PURE__ */ r(d, { ...e }) }, `desktop-${e.id}`)) })
   ] }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-10 md:hidden", children: /* @__PURE__ */ i("details", { className: "group", children: [
+  /* @__PURE__ */ r("div", { className: "flex flex-col gap-10 md:hidden", children: /* @__PURE__ */ i("details", { className: "group", children: [
     /* @__PURE__ */ i("summary", { className: "flex cursor-pointer list-none items-center justify-between rounded-sm border border-neutral-200 p-4", children: [
-      /* @__PURE__ */ e("span", { children: o.title }),
-      /* @__PURE__ */ e(a, { className: "h-5 w-5 transition-transform group-open:rotate-180" })
+      /* @__PURE__ */ r("span", { children: o.title }),
+      /* @__PURE__ */ r(n, { className: "h-5 w-5 transition-transform group-open:rotate-180" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col border-x border-b border-neutral-200", children: l.map((r) => /* @__PURE__ */ e(
+    /* @__PURE__ */ r("div", { className: "flex flex-col border-x border-b border-neutral-200", children: l.map((e) => /* @__PURE__ */ r(
       d,
       {
-        id: r.id,
-        image: r.image,
-        title: r.title,
-        description: r.description,
-        className: "border-b border-neutral-200 p-6 last:border-b-0",
-        documentUrl: r.documentUrl
+        id: e.id,
+        image: e.image,
+        url: e.url,
+        description: e.description,
+        className: "border-b border-neutral-200 p-6! last:border-b-0"
       },
-      `mobile-${r.id}`
+      `mobile-${e.id}`
     )) })
   ] }) })
 ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.156.0",
+  "version": "0.156.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",