@npm_leadtech/legal-contracts-ui 0.152.1 → 0.152.2

package/dist/components/Anchor.js

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

package/dist/components/FaqItem.js

@@ -12,7 +12,7 @@ const I = ({
   variant: m,
   slug: c
 }) => {
-  const t = `toggle-${d().replaceAll(":", "")}`;
+  const t = `toggle-${d().replace(/:/g, "")}`;
   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("h3", { 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: [

package/dist/components/FaqSection.js

@@ -5,7 +5,7 @@ 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().replaceAll(/\s+/g, "-");
+  const m = l.toLowerCase().replace(/\s+/g, "-");
   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("h2", { className: "text-super-large font-bold", children: l }),

package/dist/components/Input.js

@@ -19,7 +19,7 @@ const z = ({
   errorMessage: v,
   ...w
 }) => {
-  const [n, c] = p(!1), [N, r] = p(!1);
+  const [n, c] = p(!1), [N, a] = p(!1);
   return /* @__PURE__ */ t("div", { className: `flex flex-col gap-2 ${g}`, children: [
     /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t("label", { htmlFor: l, className: "font-bold text-neutral-800", children: [
@@ -27,58 +27,64 @@ const z = ({
         " ",
         o && /* @__PURE__ */ e("span", { className: "text-neutral-800", children: "*" })
       ] }),
-      i && /* @__PURE__ */ t("span", { className: "group relative inline-flex", children: [
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: "cursor-pointer rounded-full p-0",
-            type: "button",
-            "aria-expanded": n,
-            onMouseEnter: () => {
-              r(!1);
-            },
-            onClick: () => {
-              r(!1), c((a) => !a);
-            },
-            children: /* @__PURE__ */ e(y, { "aria-hidden": "true" })
-          }
-        ),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: u(
-              "invisible absolute top-6 -left-21 z-10 w-max max-w-60 rounded bg-neutral-800 p-2 transition-opacity lg:max-w-80 xl:-left-15 xl:max-w-112",
-              "opacity-0",
-              !N && "group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100",
-              n && "visible opacity-100"
+      i && /* @__PURE__ */ t(
+        "span",
+        {
+          className: "group relative inline-flex",
+          onMouseLeave: () => {
+            a(!1);
+          },
+          children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: "cursor-pointer rounded-full p-0",
+                type: "button",
+                "aria-expanded": n,
+                onClick: () => {
+                  a(!1), c((r) => !r);
+                },
+                children: /* @__PURE__ */ e(y, { "aria-hidden": "true" })
+              }
             ),
-            role: "tooltip",
-            children: [
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: "absolute -top-1 right-[calc(100%-5.75rem)] h-2 w-2 translate-x-1/2 rotate-45 bg-neutral-800 xl:right-[calc(100%-4.25rem)]",
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ t("span", { className: "text-extra-small inline-flex items-center gap-2 px-1 py-2 leading-none font-bold text-white", children: [
-                /* @__PURE__ */ e("span", { children: i }),
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    className: "cursor-pointer p-0",
-                    onClick: () => {
-                      r(!0), c(!1);
-                    },
-                    children: /* @__PURE__ */ e(I, { width: 20, height: 20, fill: "white" })
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ] })
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: u(
+                  "invisible absolute top-6 -left-21 z-10 w-max max-w-60 rounded bg-neutral-800 p-2 transition-opacity lg:max-w-80 xl:-left-15 xl:max-w-112",
+                  "opacity-0",
+                  !N && "group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100",
+                  n && "visible opacity-100"
+                ),
+                role: "tooltip",
+                children: [
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: "absolute -top-1 right-[calc(100%-5.75rem)] h-2 w-2 translate-x-1/2 rotate-45 bg-neutral-800 xl:right-[calc(100%-4.25rem)]",
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { className: "text-extra-small inline-flex items-center gap-2 px-1 py-2 leading-none font-bold text-white", children: [
+                    /* @__PURE__ */ e("span", { children: i }),
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: "cursor-pointer p-0",
+                        onClick: () => {
+                          a(!0), c(!1);
+                        },
+                        children: /* @__PURE__ */ e(I, { width: 20, height: 20, fill: "white" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
     ] }),
     /* @__PURE__ */ e(
       "input",
@@ -93,8 +99,8 @@ const z = ({
           "text-small focus-visible:outline-primary-500 w-full rounded border p-3 text-neutral-800 placeholder:text-neutral-600 focus-visible:outline-2",
           s ? "border-error-500 bg-error-25" : "bg-neutral-25 border-neutral-400"
         ),
-        onChange: (a) => {
-          b?.(a.target.value);
+        onChange: (r) => {
+          b?.(r.target.value);
         },
         ...w
       }

package/dist/components/Modal.js

@@ -1,64 +1,64 @@
 "use client";
-import { jsxs as t, Fragment as u, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, Fragment as f, jsx as o } from "react/jsx-runtime";
 import { useEffect as m } from "react";
-import { createPortal as f } from "react-dom";
-import { CloseIcon as b } from "./CloseIcon.js";
-const x = ({ trigger: r, children: a, isOpen: o, setIsOpen: l, showClose: s, onTrigger: i }) => {
-  const c = () => {
-    i?.(), l(!0);
+import { createPortal as p } from "react-dom";
+import { CloseIcon as y } from "./CloseIcon.js";
+const w = ({ trigger: r, children: i, isOpen: t, setIsOpen: l, showClose: s, onTrigger: c }) => {
+  const d = () => {
+    c?.(), l(!0);
   }, n = () => {
     l(!1);
+  }, u = (e) => {
+    e.target === e.currentTarget && n();
   };
   return m(() => {
-    if (!o) return;
-    const d = document.body.style.overflow;
+    if (!t) return;
+    const e = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = d;
+      document.body.style.overflow = e;
     };
-  }, [o]), /* @__PURE__ */ t(u, { children: [
-    !!r && /* @__PURE__ */ e(
+  }, [t]), /* @__PURE__ */ a(f, { children: [
+    !!r && /* @__PURE__ */ o(
       "button",
       {
         type: "button",
         "aria-label": "zoom",
-        onClick: c,
+        onClick: d,
         className: "flex w-full cursor-pointer justify-center",
         children: r
       }
     ),
-    o && f(
-      /* @__PURE__ */ t(
+    t && p(
+      /* @__PURE__ */ o(
         "div",
         {
           role: "dialog",
           "aria-modal": "true",
+          "data-testid": "modal-backdrop",
           className: "bg-primary-900/80 fixed inset-0 z-1001 flex items-center justify-center",
-          children: [
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                tabIndex: -1,
-                "data-testid": "modal-backdrop",
-                className: "absolute inset-0 cursor-default border-none bg-transparent p-0",
-                onClick: n,
-                "aria-label": "Close modal"
-              }
-            ),
-            /* @__PURE__ */ e("div", { className: "pointer-events-none relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ t("div", { className: "pointer-events-auto relative", children: [
-              s && /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
-                  onClick: n,
-                  "aria-label": "Close",
-                  children: /* @__PURE__ */ e(b, {})
-                }
-              ),
-              a
-            ] }) })
-          ]
+          onClick: u,
+          children: /* @__PURE__ */ o("div", { className: "pointer-events-none relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ a(
+            "div",
+            {
+              className: "pointer-events-auto relative",
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              children: [
+                s && /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
+                    onClick: n,
+                    "aria-label": "Close",
+                    children: /* @__PURE__ */ o(y, {})
+                  }
+                ),
+                i
+              ]
+            }
+          ) })
         }
       ),
       document.body
@@ -66,5 +66,5 @@ const x = ({ trigger: r, children: a, isOpen: o, setIsOpen: l, showClose: s, onT
   ] });
 };
 export {
-  x as Modal
+  w as Modal
 };

package/dist/components/NavMenuItem.js

@@ -1,75 +1,67 @@
 "use client";
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { useState as g, useCallback as v, useRef as w, useEffect as x } from "react";
-import { ChevronDownIcon as R } from "./ChevronDownIcon.js";
-import { ChevronRightIcon as D } from "./ChevronRightIcon.js";
-const _ = (l) => {
-  const { hasDropdown: C, isNested: I, isOpen: b, onToggle: r, dataQa: N } = l, [k, L] = g(!1), [O, m] = g(null), s = b ?? k, n = v(
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as p, useCallback as T, useRef as $, useEffect as j } from "react";
+import { ChevronDownIcon as P } from "./ChevronDownIcon.js";
+import { ChevronRightIcon as R } from "./ChevronRightIcon.js";
+const D = (l) => {
+  const { hasDropdown: g, isNested: w, isOpen: v, onToggle: i, dataQa: x } = l, [C, I] = p(!1), [b, u] = p(null), s = v ?? C, n = T(
     (e) => {
-      e || m(null), r ? r(e) : L(e);
+      e || u(null), i ? i(e) : I(e);
     },
-    [r]
-  ), c = w(null);
-  x(() => {
+    [i]
+  ), r = $(null);
+  j(() => {
     if (!s) return;
-    const e = (d) => {
-      c.current && !c.current.contains(d.target) && n(!1);
+    const e = (c) => {
+      r.current && !r.current.contains(c.target) && n(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [s, n]);
-  const f = {
+  const m = {
     topLevel: {
       liClass: "relative py-2",
       triggerClass: "hover:text-neutral-600",
       dropdownPosition: "top-full left-0",
-      Icon: R
+      Icon: P
     },
     nested: {
       liClass: "relative",
       triggerClass: "p-1 hover:bg-primary-100 w-full rounded min-w-48.5",
       dropdownPosition: "top-0 left-full -mt-4 pl-6",
-      Icon: D
+      Icon: R
     }
-  }, o = I ? f.nested : f.topLevel, y = o.Icon, a = v(() => {
+  }, o = w ? m.nested : m.topLevel, N = o.Icon, f = () => {
     n(!1), l.onItemClick && l.onItemClick();
-  }, [l.onItemClick, n]), h = w(null);
-  x(() => {
-    const e = h.current;
-    if (e)
-      return e.addEventListener("click", a), () => {
-        e.removeEventListener("click", a);
-      };
-  }, [a]);
-  const E = (e) => {
+  }, k = (e) => {
     e.stopPropagation(), n(!s);
-  }, M = () => {
+  }, O = () => {
     globalThis.window.matchMedia("(hover: hover)").matches && n(!0);
-  }, T = () => {
+  }, y = () => {
     globalThis.window.matchMedia("(hover: hover)").matches && n(!1);
   };
-  if (C) {
-    const { dropdownItems: e, label: d } = l;
-    return /* @__PURE__ */ u(
+  if (g) {
+    const { dropdownItems: e, label: c } = l;
+    return /* @__PURE__ */ d(
       "li",
       {
-        ref: c,
+        ref: r,
         className: o.liClass,
-        onMouseEnter: M,
-        onMouseLeave: T,
+        onMouseEnter: O,
+        onMouseLeave: y,
         children: [
-          /* @__PURE__ */ u(
+          /* @__PURE__ */ d(
             "button",
             {
-              "data-qa": N,
+              "data-qa": x,
               className: `text-small flex w-full cursor-pointer items-center justify-between gap-1 text-nowrap text-neutral-800 transition-colors ${o.triggerClass}`,
               "aria-haspopup": "menu",
               "aria-expanded": s,
-              onClick: E,
+              onClick: k,
               children: [
-                /* @__PURE__ */ t("span", { className: "text-medium", children: d }),
-                /* @__PURE__ */ t(y, { fill: "#000", width: 20, height: 20 })
+                /* @__PURE__ */ t("span", { className: "text-medium", children: c }),
+                /* @__PURE__ */ t(N, { fill: "#000", width: 20, height: 20 })
               ]
             }
           ),
@@ -77,18 +69,18 @@ const _ = (l) => {
             "div",
             {
               className: `absolute z-50 min-w-48 transition-all duration-200 ${o.dropdownPosition} ${s ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"}`,
-              children: /* @__PURE__ */ t("div", { className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg", children: /* @__PURE__ */ t("ul", { className: "flex flex-col gap-2", children: e.map((i) => /* @__PURE__ */ t(
-                _,
+              children: /* @__PURE__ */ t("div", { className: "rounded-md border border-neutral-200 bg-white p-4 shadow-lg", children: /* @__PURE__ */ t("ul", { className: "flex flex-col gap-2", children: e.map((a) => /* @__PURE__ */ t(
+                D,
                 {
-                  ...i,
+                  ...a,
                   isNested: !0,
-                  onItemClick: a,
-                  isOpen: O === i.id,
-                  onToggle: (P) => {
-                    m(P ? i.id : null);
+                  onItemClick: f,
+                  isOpen: b === a.id,
+                  onToggle: (E) => {
+                    u(E ? a.id : null);
                   }
                 },
-                i.id
+                a.id
               )) }) })
             }
           )
@@ -96,18 +88,18 @@ const _ = (l) => {
       }
     );
   }
-  const { link: $, tag: p, bold: j } = l;
-  return /* @__PURE__ */ t("li", { ref: h, className: o.liClass, children: /* @__PURE__ */ u(
+  const { link: L, tag: h, bold: M } = l;
+  return /* @__PURE__ */ t("li", { className: o.liClass, onClick: f, children: /* @__PURE__ */ d(
     "span",
     {
       className: `text-small relative flex w-full items-center gap-1 text-nowrap text-neutral-800 transition-colors ${o.triggerClass} `,
       children: [
-        /* @__PURE__ */ t("span", { className: `text-medium flex-1 ${j ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`, children: $ }),
-        p && /* @__PURE__ */ t("span", { className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold", children: p })
+        /* @__PURE__ */ t("span", { className: `text-medium flex-1 ${M ? "font-bold" : ""} [&_a]:after:absolute [&_a]:after:inset-0`, children: L }),
+        h && /* @__PURE__ */ t("span", { className: "bg-secondary-200 text-extra-small flex h-4.5 w-5.25 items-center justify-center rounded align-middle font-bold", children: h })
       ]
     }
   ) });
 };
 export {
-  _ as NavMenuItem
+  D as NavMenuItem
 };

package/dist/components/Tooltips.js

@@ -1,13 +1,13 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { QuestionIcon as t } from "./QuestionIcon.js";
-import { Markdown as s } from "./Markdown.js";
-const n = ({ title: r, content: l }) => /* @__PURE__ */ o("div", { className: "border-secondary-200 hidden flex-col gap-4 rounded border p-6 md:flex", children: [
+import { Markdown as a } from "./Markdown.js";
+const i = ({ title: r, content: l }) => /* @__PURE__ */ o("div", { className: "border-secondary-200 hidden flex-col gap-4 rounded border p-6 md:flex", children: [
   /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5", children: [
     /* @__PURE__ */ e(t, { fill: "var(--color-secondary-600)" }),
-    /* @__PURE__ */ e("h5", { className: "text-small font-semibold text-neutral-900", children: r })
+    /* @__PURE__ */ e("p", { className: "text-small font-bold text-neutral-900", children: r })
   ] }),
-  /* @__PURE__ */ e(s, { className: "text-small", variant: "tooltip", content: l })
+  /* @__PURE__ */ e(a, { className: "text-small", variant: "tooltip", content: l })
 ] });
 export {
-  n as Tooltips
+  i as Tooltips
 };

package/dist/components/UnorderedList.js

@@ -1,21 +1,15 @@
-import { jsx as r } from "react/jsx-runtime";
-import c from "clsx";
-const u = ({ variant: t = "default", children: e }) => {
-  const l = {
-    default: "flex list-inside list-disc flex-col px-4 text-neutral-900",
-    legal: "list-outside list-disc pl-8 pr-4 text-neutral-800",
-    ratafia: "list-outside list-disc pl-5 pr-1 text-white/85 marker:text-white/60",
-    tooltip: "flex list-inside list-disc flex-col px-4 text-neutral-900",
-    unsubscribe: "w-full list-outside list-disc pl-10 text-neutral-800"
-  }, s = {
-    default: "bg-primary-50 gap-4 mb-4 py-2 flex list-inside list-disc flex-col px-4 text-neutral-900",
+import { jsx as i } from "react/jsx-runtime";
+import a from "clsx";
+const c = ({ variant: s = "default", children: e }) => {
+  const t = {
+    default: "bg-primary-50 mb-4 py-2 list-disc space-y-4 px-4 text-neutral-900 list-outside [&_li]:ml-4",
     legal: "space-y-4 mb-4 py-2 list-outside list-disc pl-8 pr-4 text-neutral-800",
-    ratafia: "mb-3 space-y-2 py-0",
+    ratafia: "mb-3 space-y-2 py-0 list-outside list-disc pl-5 pr-1 text-white/85 marker:text-white/60",
     tooltip: "gap-2 marker:text-secondary-600 flex list-inside list-disc flex-col px-4 text-neutral-900",
     unsubscribe: "mb-4 py-2 w-full list-outside list-disc pl-10 text-neutral-800"
-  }, i = s[t] ?? s.default, a = l[t] ?? l.default;
-  return /* @__PURE__ */ r("ul", { className: c(i, a), children: e });
+  }, l = t[s] ?? t.default;
+  return /* @__PURE__ */ i("ul", { className: a(l), children: e });
 };
 export {
-  u as UnorderedList
+  c as UnorderedList
 };

package/dist/components/UploadZone.js

@@ -10,13 +10,12 @@ const b = ({
   fileSizeText: o,
   disclaimer: i,
   onAddDocument: r,
-  onDropDocument: s,
-  containerClassName: m = "",
+  onDropDocument: m,
+  containerClassName: s = "",
   dataQa: p
 }) => /* @__PURE__ */ l(
   "div",
   {
-    role: "presentation",
     onDragOver: (e) => {
       e.preventDefault();
     },
@@ -24,11 +23,11 @@ const b = ({
       e.preventDefault();
     },
     onDrop: (e) => {
-      e.preventDefault(), s?.(e);
+      e.preventDefault(), m?.(e);
     },
     className: c(
       "group rounded-3xl bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140",
-      m
+      s
     ),
     children: [
       /* @__PURE__ */ t("input", { type: "file", id: "file-upload", className: "sr-only", onChange: r, multiple: !0 }),

package/dist/components/Video.js

@@ -1,8 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-const r = ({ children: o }) => (
-  // eslint-disable-next-line jsx-a11y/media-has-caption
-  /* @__PURE__ */ e("video", { className: "my-4 w-full max-w-2xl rounded-lg", controls: !0, children: o })
-);
+const r = ({ children: o }) => /* @__PURE__ */ e("video", { className: "my-4 w-full max-w-2xl rounded-lg", controls: !0, children: o });
 export {
   r as Video
 };