@npm_leadtech/legal-contracts-ui 0.68.3 → 0.69.0

package/dist/components/AllDocumentsTemplate.js

@@ -16,7 +16,7 @@ const w = ({
   /* @__PURE__ */ e(p, { ...l }),
   /* @__PURE__ */ e(c, { ...r, className: "pb-4" }),
   /* @__PURE__ */ m("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-25 hidden self-start md:block", children: /* @__PURE__ */ e(n, { ...t }) }),
+    /* @__PURE__ */ e("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ e(n, { ...t }) }),
     /* @__PURE__ */ m("div", { className: "flex flex-col gap-10", children: [
       o.map((a) => /* @__PURE__ */ e(x, { ...a }, a.id)),
       /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),

package/dist/components/DocumentCategories.js

@@ -1,48 +1,48 @@
 "use client";
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useState as d, useEffect as f } from "react";
-import m from "clsx";
-const p = ({ categories: t, title: a }) => {
-  const [c, o] = d(t[0]?.id || "");
-  return f(() => {
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { useState as o, useEffect as d } from "react";
+import f from "clsx";
+const h = ({ categories: t, title: s }) => {
+  const [a, c] = o(t[0]?.id || "");
+  return d(() => {
     if (t.length === 0) return;
     const e = new IntersectionObserver(
-      (l) => {
-        l.forEach((i) => {
-          i.isIntersecting && o(i.target.id);
+      (n) => {
+        n.forEach((i) => {
+          i.isIntersecting && c(i.target.id);
         });
       },
-      { rootMargin: "-10% 0px -80% 0px", threshold: 0.1 }
+      { rootMargin: "-10% 0px -75% 0px", threshold: 0 }
     );
-    return t.forEach((l) => {
-      const i = l.id, r = document.getElementById(i);
-      r && e.observe(r);
+    return t.forEach(({ id: n }) => {
+      const i = document.getElementById(n);
+      i && e.observe(i);
     }), () => {
       e.disconnect();
     };
-  }, [t]), t.length === 0 ? null : /* @__PURE__ */ s("div", { className: "flex w-full max-w-71 min-w-65 flex-col gap-4 rounded bg-white", children: [
-    /* @__PURE__ */ n("p", { className: "text-big font-bold text-neutral-800", children: a }),
-    /* @__PURE__ */ n("span", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 }),
-    /* @__PURE__ */ n("ul", { className: "flex flex-col gap-4", children: t.map((e) => {
-      const l = c === e.id;
-      return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ s(
+  }, [t]), t.length === 0 ? null : /* @__PURE__ */ r("div", { className: "flex w-full max-w-71 min-w-65 flex-col gap-4 rounded bg-white", children: [
+    /* @__PURE__ */ l("p", { className: "text-big font-bold text-neutral-800", children: s }),
+    /* @__PURE__ */ l("span", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 }),
+    /* @__PURE__ */ l("ul", { className: "flex flex-col gap-4", children: t.map((e) => {
+      const n = a === e.id;
+      return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ r(
         "a",
         {
           href: `#${e.id}`,
-          className: m(
+          className: f(
             "text-small flex items-center gap-4 text-neutral-800 transition-all",
-            l && "font-bold"
+            n && "font-bold"
           ),
           children: [
             e.icon,
-            /* @__PURE__ */ n("span", { className: "flex-1", children: e.title })
+            /* @__PURE__ */ l("span", { className: "flex-1", children: e.title })
           ]
         }
       ) }, e.id);
     }) }),
-    /* @__PURE__ */ n("span", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 })
+    /* @__PURE__ */ l("span", { className: "h-px w-full bg-neutral-200", "aria-hidden": !0 })
   ] });
 };
 export {
-  p as DocumentCategories
+  h as DocumentCategories
 };

package/dist/components/DocumentSection.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { DocumentItem as i } from "./DocumentItem.js";
-const o = ({ id: r, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ l("article", { id: r, className: "flex max-w-198 scroll-mt-25 flex-col gap-6", children: [
+const o = ({ id: r, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ l("article", { id: r, className: "flex max-w-198 scroll-mt-24 flex-col gap-6", children: [
   /* @__PURE__ */ l("div", { className: "flex gap-4 rounded bg-neutral-50 p-6", children: [
     c,
     /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-2 text-neutral-800", children: [