@npm_leadtech/legal-contracts-ui 0.72.2 → 0.73.0

package/dist/components/Anchor.js

@@ -1,12 +1,29 @@
-import { jsx as n } from "react/jsx-runtime";
-import l from "clsx";
-const m = ({ children: t, variant: r = "default", className: e = "", ...a }) => {
-  const i = a.href?.toLowerCase().startsWith("mailto:"), c = r === "legal", o = {
+import { jsx as u } from "react/jsx-runtime";
+import h from "clsx";
+const v = ({ children: o, variant: i = "default", className: l = "", ...e }) => {
+  const t = e.href || "", r = t.toLowerCase(), c = r.startsWith("mailto:"), n = r.startsWith("tel:"), a = {
     default: "text-neutral-900 underline ",
     legal: "text-primary-700 cursor-pointer"
-  }, s = o[r] ?? o.default;
-  return c && i ? /* @__PURE__ */ n("span", { className: l(e, s), children: t }) : /* @__PURE__ */ n("a", { className: l(e, s), target: "_blank", rel: "noopener noreferrer", ...a, children: t });
+  }, f = a[i] ?? a.default, s = t.startsWith("http") && !n && !c, d = (() => {
+    if (!n) return t;
+    try {
+      return decodeURIComponent(t).replace(/\s/g, "");
+    } catch {
+      return t.replace(/%20/g, "").replace(/\s/g, "");
+    }
+  })();
+  return /* @__PURE__ */ u(
+    "a",
+    {
+      ...e,
+      href: d,
+      className: h(l, f),
+      target: s ? "_blank" : void 0,
+      rel: s ? "noopener noreferrer" : void 0,
+      children: o
+    }
+  );
 };
 export {
-  m as Anchor
+  v as Anchor
 };

package/dist/components/BlogSection.js

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as a } from "./SectionHeading.js";
-import { LinkWrapper as d } from "./LinkWrapper.js";
-const x = ({ header: m, articles: r, cta: t }) => r.length === 0 ? null : /* @__PURE__ */ e("section", { className: "mx-auto px-8 pt-10 pb-12 lg:px-12 lg:pb-14 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
-  /* @__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 }),
+import { SectionHeading as o } from "./SectionHeading.js";
+import { LinkWrapper as r } from "./LinkWrapper.js";
+const x = ({ header: t, articles: a, cta: m }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "mx-auto px-8 pt-10 pb-12 lg:px-12 lg:pb-14 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
+  /* @__PURE__ */ e(o, { ...t }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: a.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-l-sm md:h-50 lg:h-auto lg:max-w-51 [&_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 })
+      /* @__PURE__ */ e(r, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
     ] })
   ] }, l.title)) }),
-  /* @__PURE__ */ e(d, { className: "w-full md:w-fit", variant: "secondary-green", children: t })
+  /* @__PURE__ */ e(r, { className: "w-full md:w-fit", variant: "secondary-green", children: m })
 ] }) });
 export {
   x as BlogSection

package/dist/components/HeroSection.d.ts

@@ -6,10 +6,10 @@ export declare const HeroSection: FC<HeroSectionProps>;
 export declare interface HeroSectionProps {
     title: string;
     description?: string;
-    bgImage: ReactNode | null;
     cta?: ReactNode;
     heroDocuments: ItemProps[];
     listTitle?: string;
+    backgroundImage?: string;
 }
 
 export interface ItemProps {
@@ -17,8 +17,10 @@ export interface ItemProps {
     image: ReactNode;
     title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    documentUrl?: string;
+    actions?: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
+    titleClassName?: string;
 }
 

package/dist/components/HeroSection.js

@@ -1,21 +1,32 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import "react";
-import { Item as n } from "./Item.js";
+import { Item as c } from "./Item.js";
 import { LinkWrapper as x } from "./LinkWrapper.js";
-const g = ({ title: i, description: s, cta: l, heroDocuments: m, listTitle: c, bgImage: r }) => /* @__PURE__ */ t("section", { className: "bg-primary-50 relative", children: [
-  !!r && r,
-  /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-6 px-6 py-10 md:px-20 lg:flex-row lg:gap-14 lg:px-8 lg:py-12 xl:justify-center xl:gap-20", children: [
-    /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-6 pb-6 text-center lg:items-start lg:text-left xl:max-w-115", children: [
-      /* @__PURE__ */ e("h1", { className: "font-lora text-hero md:text-super-hero text-neutral-900", children: i }),
-      /* @__PURE__ */ e("p", { className: "text-big text-neutral-800", children: s }),
-      !!l && /* @__PURE__ */ e(x, { variant: "primary-darkgreen", className: "w-full md:w-fit", children: l })
-    ] }),
-    /* @__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)) })
+const g = ({
+  title: i,
+  description: s,
+  cta: l,
+  heroDocuments: m,
+  listTitle: n,
+  backgroundImage: r
+}) => /* @__PURE__ */ e("section", { className: "bg-primary-50", children: /* @__PURE__ */ e(
+  "div",
+  {
+    className: "bg-none bg-size-[420px_442px] bg-bottom-right bg-no-repeat xl:bg-(image:--hero-bg)",
+    style: { "--hero-bg": r ? `url(${r})` : "none" },
+    children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-6 px-6 py-10 md:px-20 lg:flex-row lg:gap-14 lg:px-8 lg:py-12 xl:justify-center xl:gap-20", children: [
+      /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-6 pb-6 text-center lg:items-start lg:text-left xl:max-w-115", children: [
+        /* @__PURE__ */ e("h1", { className: "font-lora text-hero md:text-super-hero text-neutral-900", children: i }),
+        /* @__PURE__ */ e("p", { className: "text-big text-neutral-800", children: s }),
+        !!l && /* @__PURE__ */ e(x, { variant: "primary-darkgreen", className: "w-full md:w-fit", children: l })
+      ] }),
+      /* @__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: n }) }),
+        /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-2", children: m.map((a) => /* @__PURE__ */ e(c, { ...a, variant: "card" }, a.title)) })
+      ] })
     ] })
-  ] })
-] });
+  }
+) });
 export {
   g as HeroSection
 };

package/dist/components/HomeTemplate.d.ts

@@ -36,10 +36,10 @@ export interface FaqTeaserSectionProps {
 export interface HeroSectionProps {
     title: string;
     description?: string;
-    bgImage: ReactNode | null;
     cta?: ReactNode;
     heroDocuments: ItemProps[];
     listTitle?: string;
+    backgroundImage?: string;
 }
 
 export interface HomeStepsProps {
@@ -71,9 +71,11 @@ export interface ItemProps {
     image: ReactNode;
     title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    documentUrl?: string;
+    actions?: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
+    titleClassName?: string;
 }
 
 export interface LawGeniusSectionProps {

package/dist/components/Item.d.ts

@@ -8,8 +8,10 @@ export declare interface ItemProps {
     image: ReactNode;
     title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    documentUrl?: string;
+    actions?: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
+    titleClassName?: string;
 }
 

package/dist/components/Item.js

@@ -1,32 +1,32 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import "react";
-import d from "clsx";
-import { ChevronRightIcon as c } from "./ChevronRightIcon.js";
-const x = ({
-  image: l,
-  title: t,
+const h = ({
+  image: s,
+  title: r,
   description: a,
-  documentUrl: s,
-  variant: r = "default",
-  className: i = ""
-}) => /* @__PURE__ */ o(
-  "div",
+  documentUrl: l,
+  actions: d,
+  variant: n = "default",
+  className: m = "",
+  titleClassName: o = ""
+}) => /* @__PURE__ */ t(
+  "a",
   {
-    className: `hover:bg-primary-50 relative flex cursor-pointer items-center gap-4 rounded-sm p-4 pl-6 [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""] ${{
+    href: l,
+    className: `hover:bg-primary-50 flex cursor-pointer items-center gap-4 rounded-sm p-4 pl-6 ${{
       default: "",
       card: "border border-0.5 border-neutral-200 shadow-lg bg-white"
-    }[r]} ${i}`,
+    }[n]} ${m}`,
     children: [
-      l,
-      /* @__PURE__ */ o("div", { className: "flex-1", children: [
-        t && /* @__PURE__ */ e("p", { className: d("text-medium text-neutral-900", r === "card" && "font-semibold"), children: t }),
+      s,
+      /* @__PURE__ */ t("div", { className: "flex-1", children: [
+        r && /* @__PURE__ */ e("p", { className: `text-medium font-semibold text-neutral-900 ${o}`, children: r }),
         a && /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-600", children: a })
       ] }),
-      !!s && /* @__PURE__ */ e("div", { className: "h-0 w-0 opacity-0", children: s }),
-      r === "card" && /* @__PURE__ */ e(c, { width: 20, height: 20 })
+      /* @__PURE__ */ e("div", { children: d })
     ]
   }
 );
 export {
-  x as Item
+  h as Item
 };

package/dist/components/Jumbotron.d.ts

@@ -6,6 +6,6 @@ export declare const Jumbotron: FC<JumbotronProps>;
 export declare interface JumbotronProps {
     title: string;
     description: string;
-    bgImage: ReactNode | null;
+    bgImage: ReactNode;
 }
 

package/dist/components/Jumbotron.js

@@ -1,11 +1,11 @@
-import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Markdown as l } from "./Markdown.js";
-const n = ({ title: o, description: r, bgImage: t }) => /* @__PURE__ */ e("section", { className: "bg-primary-900 relative isolate overflow-hidden p-6 text-white", children: [
-  /* @__PURE__ */ e("div", { className: "mx-auto flex max-w-250 flex-col gap-4 md:text-center", children: [
-    /* @__PURE__ */ a("h1", { className: "font-lora text-large text-neutral-25 md:text-jumbotron", children: o }),
-    /* @__PURE__ */ a(l, { content: r, className: "text-small text-neutral-25 mx-auto max-w-201 xl:max-w-250" })
+const n = ({ title: a, description: r, bgImage: o }) => /* @__PURE__ */ t("section", { className: "bg-primary-900 relative isolate overflow-hidden p-6 text-white", children: [
+  /* @__PURE__ */ t("div", { className: "mx-auto flex max-w-250 flex-col gap-4 md:text-center", children: [
+    /* @__PURE__ */ e("h1", { className: "font-lora text-large text-neutral-25 md:text-jumbotron", children: a }),
+    /* @__PURE__ */ e(l, { content: r, className: "text-small text-neutral-25 mx-auto max-w-201 xl:max-w-250" })
   ] }),
-  !!t && t
+  o
 ] });
 export {
   n as Jumbotron

package/dist/components/Markdown.js

@@ -1,50 +1,51 @@
 import { jsx as r } from "react/jsx-runtime";
-import a from "react-markdown";
-import i from "rehype-raw";
-import d from "remark-gfm";
+import a, { defaultUrlTransform as i } from "react-markdown";
+import s from "rehype-raw";
+import f from "remark-gfm";
 import { Anchor as l } from "./Anchor.js";
-import { Blockquote as f } from "./Blockquote.js";
+import { Blockquote as d } from "./Blockquote.js";
 import { Code as c } from "./Code.js";
-import { Header1 as s } from "./Header1.js";
-import { Header2 as h } from "./Header2.js";
-import { Header3 as u } from "./Header3.js";
-import { Header4 as C } from "./Header4.js";
+import { Header1 as h } from "./Header1.js";
+import { Header2 as u } from "./Header2.js";
+import { Header3 as C } from "./Header3.js";
+import { Header4 as T } from "./Header4.js";
 import { OrderedList as b } from "./OrderedList.js";
 import { Paragraph as k } from "./Paragraph.js";
-import { TableRow as w, TableHeader as g, TableData as H, Table as T } from "./Table.js";
-import { UnorderedList as x } from "./UnorderedList.js";
-import { Video as P } from "./Video.js";
-import { Emphasis as R } from "./Emphasis.js";
+import { TableRow as w, TableHeader as g, TableData as H, Table as x } from "./Table.js";
+import { UnorderedList as P } from "./UnorderedList.js";
+import { Video as R } from "./Video.js";
+import { Emphasis as U } from "./Emphasis.js";
 import q from "clsx";
-const Z = ({ content: m, className: t = "", useCustom: p = !0, variant: e = "default" }) => {
-  const n = {
-    h1: s,
-    h2: (o) => /* @__PURE__ */ r(h, { variant: e, ...o }),
-    h3: u,
-    h4: C,
-    p: (o) => /* @__PURE__ */ r(k, { variant: e, ...o }),
-    a: (o) => /* @__PURE__ */ r(l, { variant: e, ...o }),
-    ul: (o) => /* @__PURE__ */ r(x, { variant: e, ...o }),
-    ol: (o) => /* @__PURE__ */ r(b, { variant: e, ...o }),
+const y = (e) => e.startsWith("tel:") ? e : i(e), $ = ({ content: e, className: t = "", useCustom: n = !0, variant: m = "default" }) => {
+  const p = {
+    h1: h,
+    h2: (o) => /* @__PURE__ */ r(u, { variant: m, ...o }),
+    h3: C,
+    h4: T,
+    p: (o) => /* @__PURE__ */ r(k, { variant: m, ...o }),
+    a: (o) => /* @__PURE__ */ r(l, { variant: m, ...o }),
+    ul: (o) => /* @__PURE__ */ r(P, { variant: m, ...o }),
+    ol: (o) => /* @__PURE__ */ r(b, { variant: m, ...o }),
     code: c,
-    blockquote: f,
-    video: P,
-    table: T,
+    blockquote: d,
+    video: R,
+    table: x,
     td: H,
     th: g,
     tr: w,
-    em: R
+    em: U
   };
   return /* @__PURE__ */ r("div", { className: q("w-full min-w-0", t), children: /* @__PURE__ */ r(
     a,
     {
-      rehypePlugins: [i],
-      remarkPlugins: [d],
-      components: p ? n : void 0,
-      children: m
+      rehypePlugins: [s],
+      remarkPlugins: [f],
+      urlTransform: y,
+      components: n ? p : void 0,
+      children: e
     }
   ) });
 };
 export {
-  Z as Markdown
+  $ as Markdown
 };

package/dist/components/MoreTemplatesSection.d.ts

@@ -6,9 +6,11 @@ export interface ItemProps {
     image: ReactNode;
     title?: string;
     description?: string;
-    documentUrl?: ReactNode;
+    documentUrl?: string;
+    actions?: ReactNode;
     variant?: 'default' | 'card';
     className?: string;
+    titleClassName?: string;
 }
 
 export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;

package/dist/components/MoreTemplatesSection.js

@@ -1,25 +1,26 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as n } from "./SectionHeading.js";
-import { Item as d } from "./Item.js";
+import { SectionHeading as s } from "./SectionHeading.js";
+import { Item as o } from "./Item.js";
 import { ChevronDownIcon as a } 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: [
+const x = ({ header: n, 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(n, { ...o, align: "start" }),
-    /* @__PURE__ */ e("div", { className: "grid grid-flow-col grid-rows-3", children: l.map((r, s) => /* @__PURE__ */ e("div", { className: `border-neutral-200 px-6 ${s < 6 ? "border-r" : ""} `, children: /* @__PURE__ */ e(d, { ...r, className: "items-start! px-2!" }) }, `desktop-${r.id}`)) })
+    /* @__PURE__ */ e(s, { ...n, align: "start" }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-3", children: l.map((r) => /* @__PURE__ */ e("div", { className: "border-neutral-200 px-6 not-nth-[3n]:border-r", children: /* @__PURE__ */ e(o, { ...r, className: "items-start! px-2!", titleClassName: "font-normal!" }) }, `desktop-${r.id}`)) })
   ] }),
   /* @__PURE__ */ e("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("span", { children: n.title }),
       /* @__PURE__ */ e(a, { 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(
-      d,
+      o,
       {
         id: r.id,
         image: r.image,
         title: r.title,
         description: r.description,
+        actions: null,
         className: "border-b border-neutral-200 p-6 last:border-b-0",
         documentUrl: r.documentUrl
       },
@@ -28,5 +29,5 @@ const b = ({ header: o, moreDocuments: l = [] }) => l.length === 0 ? null : /* @
   ] }) })
 ] });
 export {
-  b as MoreTemplatesSection
+  x as MoreTemplatesSection
 };

package/dist/components/ProductTemplate.d.ts

@@ -99,7 +99,7 @@ export interface JumboDocsProps {
 export interface JumbotronProps {
     title: string;
     description: string;
-    bgImage: ReactNode | null;
+    bgImage: ReactNode;
 }
 
 export interface LinkedProductProps {