@npm_leadtech/legal-contracts-ui 0.131.3 → 0.131.5

package/dist/components/FaqItem.js

@@ -2,22 +2,22 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useId as d } from "react";
 import { FaqItemWrapper as p } from "./FaqItemWrapper.js";
 import { Markdown as h } from "./Markdown.js";
-import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
+import { ChevronDownIcon as a } from "./ChevronDownIcon.js";
 const I = ({
   question: n,
   answer: l,
-  showMoreText: a,
+  showMoreText: o,
   collapsedButtonText: i,
   expandedButtonText: s,
   variant: m,
   slug: c
 }) => {
   const t = `toggle-${d().replace(/:/g, "")}`;
-  return /* @__PURE__ */ e("div", { id: c, className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ r(p, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: n }), children: [
+  return /* @__PURE__ */ e("div", { id: c, className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow scroll-mt-20", children: /* @__PURE__ */ r(p, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: n }), children: [
     /* @__PURE__ */ e(h, { content: l, className: "text-medium", variant: m ?? "default" }),
-    a && /* @__PURE__ */ r("div", { className: "mt-4 rounded-lg bg-neutral-50 p-6", children: [
+    o && /* @__PURE__ */ r("div", { className: "mt-4 rounded-lg bg-neutral-50 p-6", children: [
       /* @__PURE__ */ e("input", { type: "checkbox", id: t, className: "peer sr-only" }),
-      /* @__PURE__ */ e("p", { className: "mb-4 line-clamp-4 text-xs leading-relaxed wrap-break-word text-neutral-800 peer-checked:line-clamp-none", children: a }),
+      /* @__PURE__ */ e("p", { className: "mb-4 line-clamp-4 text-xs leading-relaxed wrap-break-word text-neutral-800 peer-checked:line-clamp-none", children: o }),
       /* @__PURE__ */ r(
         "label",
         {
@@ -25,7 +25,7 @@ const I = ({
           className: "text-primary-700 flex cursor-pointer items-center gap-1 text-sm transition-colors peer-checked:hidden",
           children: [
             s,
-            /* @__PURE__ */ e(o, { fill: "var(--color-primary-700)", className: "h-4 w-4 transition-transform duration-200" })
+            /* @__PURE__ */ e(a, { fill: "var(--color-primary-700)", className: "h-4 w-4 transition-transform duration-200" })
           ]
         }
       ),
@@ -37,7 +37,7 @@ const I = ({
           children: [
             i,
             /* @__PURE__ */ e(
-              o,
+              a,
               {
                 fill: "var(--color-primary-700)",
                 className: "h-4 w-4 rotate-180 transition-transform duration-200"

package/dist/components/FaqsTemplate.js

@@ -1,28 +1,14 @@
-"use client";
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { useEffect as i } from "react";
-import { AsideNavMenu as m } from "./AsideNavMenu.js";
-import { Jumbotron2 as f } from "./Jumbotron2.js";
-import { FaqSection as d } from "./FaqSection.js";
-const v = ({ jumbotron: n, asideNavMenu: a, faqSections: c }) => (i(() => {
-  const e = window.location.hash.replace("#", "");
-  if (!e) return;
-  const o = () => {
-    const l = document.getElementById(e);
-    return l ? (l.scrollIntoView({ behavior: "smooth", block: "start" }), !0) : !1;
-  };
-  if (o()) return;
-  const t = new MutationObserver(() => {
-    o() && t.disconnect();
-  });
-  return t.observe(document.body, { childList: !0, subtree: !0 }), () => t.disconnect();
-}, []), /* @__PURE__ */ r("main", { className: "bg-primary-50 flex-1 px-4 py-10 text-neutral-800 md:px-8", children: /* @__PURE__ */ s("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-10", children: [
-  /* @__PURE__ */ r(f, { ...n }),
-  /* @__PURE__ */ s("div", { className: "flex flex-col gap-10 md:flex-row md:gap-24", children: [
-    /* @__PURE__ */ r(m, { ...a }),
-    /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-10", children: c.map((e) => /* @__PURE__ */ r(d, { ...e }, e.title)) })
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { AsideNavMenu as x } from "./AsideNavMenu.js";
+import { Jumbotron2 as i } from "./Jumbotron2.js";
+import { FaqSection as p } from "./FaqSection.js";
+const d = ({ jumbotron: a, asideNavMenu: r, faqSections: o }) => /* @__PURE__ */ e("main", { className: "bg-primary-50 flex-1 px-4 py-10 text-neutral-800 md:px-8", children: /* @__PURE__ */ m("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-10", children: [
+  /* @__PURE__ */ e(i, { ...a }),
+  /* @__PURE__ */ m("div", { className: "flex flex-col gap-10 md:flex-row md:gap-24", children: [
+    /* @__PURE__ */ e(x, { ...r }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-10", children: o.map((l) => /* @__PURE__ */ e(p, { ...l }, l.title)) })
   ] })
-] }) }));
+] }) });
 export {
-  v as FaqsTemplate
+  d as FaqsTemplate
 };