@npm_leadtech/legal-contracts-ui 0.135.0 → 0.136.0

package/dist/components/FaqItem.js

@@ -13,7 +13,7 @@ const I = ({
   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 scroll-mt-24", children: /* @__PURE__ */ r(p, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: n }), children: [
+  return /* @__PURE__ */ e("div", { id: c, className: "text-medium flex scroll-mt-24 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: [
     /* @__PURE__ */ e(h, { content: l, className: "text-medium", variant: m ?? "default" }),
     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" }),

package/dist/components/FaqSection.js

@@ -1,18 +1,19 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Markdown as n } from "./Markdown.js";
-import { FaqItem as i } from "./FaqItem.js";
-const u = ({ title: l, description: o, faqItems: r, className: s = "", variant: c }) => {
+import n from "clsx";
+import { Markdown as i } from "./Markdown.js";
+import { FaqItem as x } from "./FaqItem.js";
+const g = ({ title: l, description: o, faqItems: r, className: a = "", variant: c }) => {
   if (r.length === 0) return null;
   const m = l.toLowerCase().replace(/\s+/g, "-");
-  return /* @__PURE__ */ a("div", { id: m, className: `flex flex-col gap-2 text-neutral-800 ${s} scroll-mt-12 p-0.5`, children: [
-    /* @__PURE__ */ a("div", { className: "mb-4 flex flex-col", children: [
+  return /* @__PURE__ */ s("div", { id: m, className: n("flex scroll-mt-24 flex-col gap-2 p-0.5 text-neutral-800", a), children: [
+    /* @__PURE__ */ s("div", { className: "mb-4 flex flex-col", children: [
       /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: l }),
-      o !== "" && /* @__PURE__ */ e(n, { content: o, className: "text-medium mt-6" })
+      o !== "" && /* @__PURE__ */ e(i, { content: o, className: "text-medium mt-6" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(i, { ...t, variant: c }, t.question)) })
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(x, { ...t, variant: c }, t.question)) })
   ] });
 };
 export {
-  u as FaqSection
+  g as FaqSection
 };

package/dist/components/ProductInfo.js

@@ -1,27 +1,28 @@
 import { jsx as e, jsxs as l, Fragment as n } from "react/jsx-runtime";
-import { Note as c } from "./Note.js";
+import { Note as a } from "./Note.js";
 import { HistoryIcon as i } from "./HistoryIcon.js";
 import { DocOutlineIcon as m } from "./DocOutlineIcon.js";
 import { DoneCircleIcon as o } from "./DoneCircleIcon.js";
-const u = ({ lastUpdate: s, reviewer: r, alsoKnownAs: a }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-4 text-neutral-800 lg:px-8 xl:px-30", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
+const u = ({ lastUpdate: s, reviewer: c, alsoKnownAs: r }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-4 text-neutral-800 lg:px-8 xl:px-30", children: /* @__PURE__ */ e("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-6", children: /* @__PURE__ */ l("div", { className: "text-small flex flex-col gap-2 text-neutral-600", children: [
   /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4", children: [
-    /* @__PURE__ */ l(c, { children: [
+    /* @__PURE__ */ l(a, { children: [
       /* @__PURE__ */ e(i, { className: "size-4.5", fill: "var(--neutral-600)" }),
       /* @__PURE__ */ e("span", { children: s })
     ] }),
-    !!r && /* @__PURE__ */ l(n, { children: [
+    !!c && /* @__PURE__ */ l(n, { children: [
       /* @__PURE__ */ e("span", { className: "hidden h-5 w-px bg-neutral-600 sm:block", "aria-hidden": !0 }),
-      /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ l(a, { children: [
         /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
-        r
+        c
       ] })
     ] })
   ] }),
-  a.docs.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--secondary-600)" }),
-    " ",
-    a.label,
-    a.docs.map((t) => /* @__PURE__ */ e("span", { className: "text-small rounded border border-neutral-200 bg-white px-2 py-1", children: t }, t))
+  r.docs.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ l(a, { children: [
+      /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--secondary-600)" }),
+      r.label
+    ] }),
+    r.docs.map((t) => /* @__PURE__ */ e("span", { className: "text-small rounded border border-neutral-200 bg-white px-2 py-1", children: t }, t))
   ] })
 ] }) }) });
 export {

package/dist/components/TrustSection.js

@@ -12,7 +12,7 @@ const g = ({ header: r, trustReasons: m, cta: c, trustPilot: i }) => /* @__PURE_
     ] }, a)) }),
     /* @__PURE__ */ e(d, { className: "w-full md:w-fit", children: c })
   ] }) }),
-  /* @__PURE__ */ e("section", { className: "mx-auto w-full bg-white", children: !!i && /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-254 md:h-34", children: i }) })
+  /* @__PURE__ */ e("section", { className: "mx-auto w-full bg-white px-6 py-10 lg:px-8 xl:px-0", children: !!i && /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-254 md:h-34", children: i }) })
 ] });
 export {
   g as TrustSection