@npm_leadtech/legal-contracts-ui 0.151.0 → 0.152.1

package/dist/components/AboutUsTemplate.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export declare const AboutUsTemplate: FC<AboutUsTemplateProps>;
@@ -38,7 +37,7 @@ export interface ContactUsSectionProps {
 export interface CtaSectionProps {
     title: string;
     paragraph?: ReactNode;
-    cta: LinkWrapper;
+    cta: LinkWrapperProps;
     children?: ReactNode;
     className?: string;
     contentClassName?: string;
@@ -65,7 +64,7 @@ export interface GuidelinesSectionProps {
         title: string;
         image: ReactNode;
         content: string;
-        cta: LinkWrapper;
+        cta: LinkWrapperProps;
     };
 }
 
@@ -74,7 +73,7 @@ export type IconPosition = 'left' | 'right' | 'top';
 export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta?: LinkWrapper;
+    cta?: LinkWrapperProps;
     className?: string;
     containerClassName?: string;
     firstColumnClassName?: string;
@@ -89,7 +88,7 @@ export interface Jumbotron2Props {
     variant?: 'default' | 'contact';
 }
 
-export interface LinkWrapper {
+export interface LinkWrapperProps {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -98,8 +97,6 @@ export interface LinkWrapper {
     className?: string;
 }
 
-declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
 export interface MissionSectionProps {
     title: string;
     body: string;
@@ -157,7 +154,7 @@ export interface ValuesSectionProps {
 export interface WeHelpSectionProps {
     title: string;
     image: ReactNode;
-    cta: LinkWrapper;
+    cta: LinkWrapperProps;
     body: string;
 }
 

package/dist/components/Anchor.js

@@ -1,6 +1,6 @@
 import { jsx as x } from "react/jsx-runtime";
 import m from "clsx";
-const w = ({ children: o, variant: l = "default", className: c = "", ...t }) => {
+const w = ({ children: l, variant: o = "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: o, variant: l = "default", className: c = "", ...t }) =>
     unsubscribe: r,
     cookies: "text-white",
     story: "text-neutral-800 underline"
-  }, f = i[l] ?? i.default, h = e.startsWith("http"), d = (() => {
+  }, f = i[o] ?? i.default, h = e.startsWith("http"), d = (() => {
     if (!a) return e;
     try {
-      return decodeURIComponent(e).replace(/\s/g, "");
+      return decodeURIComponent(e).replaceAll(/\s/g, "");
     } catch {
-      return e.replace(/%20/g, "").replace(/\s/g, "");
+      return e.replaceAll("%20", "").replaceAll(/\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: o });
+  return /* @__PURE__ */ x("a", { ...t, href: d, className: m(c, f), target: s, rel: g, children: l });
 };
 export {
   w as Anchor

package/dist/components/CtaSection.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -27,7 +26,7 @@ export declare const CtaSection: FC<CtaSectionProps>;
 export declare interface CtaSectionProps {
     title: string;
     paragraph?: ReactNode;
-    cta: LinkWrapper;
+    cta: LinkWrapperProps;
     children?: ReactNode;
     className?: string;
     contentClassName?: string;
@@ -38,7 +37,7 @@ export declare const CtaSummarizedTag: FC<CtaFeatureTagProps>;
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export interface LinkWrapper {
+export interface LinkWrapperProps {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -47,8 +46,6 @@ export interface LinkWrapper {
     className?: string;
 }
 
-declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/FaqItem.js

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -19,13 +18,13 @@ export declare interface GuidelinesSectionProps {
         title: string;
         image: ReactNode;
         content: string;
-        cta: LinkWrapper;
+        cta: LinkWrapperProps;
     };
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export interface LinkWrapper {
+export interface LinkWrapperProps {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -34,8 +33,6 @@ export interface LinkWrapper {
     className?: string;
 }
 
-declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/Input.js

@@ -19,7 +19,7 @@ const z = ({
   errorMessage: v,
   ...w
 }) => {
-  const [n, c] = p(!1), [N, a] = p(!1);
+  const [n, c] = p(!1), [N, r] = 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,64 +27,58 @@ const z = ({
         " ",
         o && /* @__PURE__ */ e("span", { className: "text-neutral-800", children: "*" })
       ] }),
-      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" })
-              }
+      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"
             ),
-            /* @__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" })
-                      }
-                    )
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      )
+            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__ */ e(
       "input",
@@ -99,8 +93,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: (r) => {
-          b?.(r.target.value);
+        onChange: (a) => {
+          b?.(a.target.value);
         },
         ...w
       }

package/dist/components/IntroSection.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -13,14 +12,14 @@ export declare const IntroSection: FC<IntroSectionProps>;
 export declare interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta?: LinkWrapper;
+    cta?: LinkWrapperProps;
     className?: string;
     containerClassName?: string;
     firstColumnClassName?: string;
     secondColumnClassName?: string;
 }
 
-export interface LinkWrapper {
+export interface LinkWrapperProps {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -29,8 +28,6 @@ export interface LinkWrapper {
     className?: string;
 }
 
-declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/LinkWrapper.d.ts

@@ -7,7 +7,9 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export declare interface LinkWrapper {
+export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapperProps) => JSX.Element;
+
+export declare interface LinkWrapperProps {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -16,8 +18,6 @@ export declare interface LinkWrapper {
     className?: string;
 }
 
-export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/LinkWrapper.js

@@ -1,7 +1,14 @@
 import { jsx as f } from "react/jsx-runtime";
 import { getButtonClasses as l } from "./Button.utils.js";
 import { clsx as m } from "clsx";
-const b = ({ size: e, variant: s, iconPosition: o, disabled: r = !1, className: t, children: a }) => {
+const b = ({
+  size: e,
+  variant: s,
+  iconPosition: o,
+  disabled: r = !1,
+  className: t,
+  children: a
+}) => {
   const n = l(e, s, o, r, t);
   return /* @__PURE__ */ f("span", { className: m(n, 'relative [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]'), children: a });
 };

package/dist/components/Modal.js

@@ -1,64 +1,64 @@
 "use client";
-import { jsxs as a, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as t, Fragment as u, jsx as e } from "react/jsx-runtime";
 import { useEffect as m } from "react";
-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);
+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);
   }, n = () => {
     l(!1);
-  }, u = (e) => {
-    e.target === e.currentTarget && n();
   };
   return m(() => {
-    if (!t) return;
-    const e = document.body.style.overflow;
+    if (!o) return;
+    const d = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = e;
+      document.body.style.overflow = d;
     };
-  }, [t]), /* @__PURE__ */ a(f, { children: [
-    !!r && /* @__PURE__ */ o(
+  }, [o]), /* @__PURE__ */ t(u, { children: [
+    !!r && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         "aria-label": "zoom",
-        onClick: d,
+        onClick: c,
         className: "flex w-full cursor-pointer justify-center",
         children: r
       }
     ),
-    t && p(
-      /* @__PURE__ */ o(
+    o && f(
+      /* @__PURE__ */ t(
         "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",
-          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
-              ]
-            }
-          ) })
+          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
+            ] }) })
+          ]
         }
       ),
       document.body
@@ -66,5 +66,5 @@ const w = ({ trigger: r, children: i, isOpen: t, setIsOpen: l, showClose: s, onT
   ] });
 };
 export {
-  w as Modal
+  x as Modal
 };

package/dist/components/NavMenuItem.js

@@ -1,67 +1,75 @@
 "use client";
-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(
+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(
     (e) => {
-      e || u(null), i ? i(e) : I(e);
+      e || m(null), r ? r(e) : L(e);
     },
-    [i]
-  ), r = $(null);
-  j(() => {
+    [r]
+  ), c = w(null);
+  x(() => {
     if (!s) return;
-    const e = (c) => {
-      r.current && !r.current.contains(c.target) && n(!1);
+    const e = (d) => {
+      c.current && !c.current.contains(d.target) && n(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [s, n]);
-  const m = {
+  const f = {
     topLevel: {
       liClass: "relative py-2",
       triggerClass: "hover:text-neutral-600",
       dropdownPosition: "top-full left-0",
-      Icon: P
+      Icon: R
     },
     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: R
+      Icon: D
     }
-  }, o = w ? m.nested : m.topLevel, N = o.Icon, f = () => {
+  }, o = I ? f.nested : f.topLevel, y = o.Icon, a = v(() => {
     n(!1), l.onItemClick && l.onItemClick();
-  }, k = (e) => {
+  }, [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) => {
     e.stopPropagation(), n(!s);
-  }, O = () => {
+  }, M = () => {
     globalThis.window.matchMedia("(hover: hover)").matches && n(!0);
-  }, y = () => {
+  }, T = () => {
     globalThis.window.matchMedia("(hover: hover)").matches && n(!1);
   };
-  if (g) {
-    const { dropdownItems: e, label: c } = l;
-    return /* @__PURE__ */ d(
+  if (C) {
+    const { dropdownItems: e, label: d } = l;
+    return /* @__PURE__ */ u(
       "li",
       {
-        ref: r,
+        ref: c,
         className: o.liClass,
-        onMouseEnter: O,
-        onMouseLeave: y,
+        onMouseEnter: M,
+        onMouseLeave: T,
         children: [
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ u(
             "button",
             {
-              "data-qa": x,
+              "data-qa": N,
               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: k,
+              onClick: E,
               children: [
-                /* @__PURE__ */ t("span", { className: "text-medium", children: c }),
-                /* @__PURE__ */ t(N, { fill: "#000", width: 20, height: 20 })
+                /* @__PURE__ */ t("span", { className: "text-medium", children: d }),
+                /* @__PURE__ */ t(y, { fill: "#000", width: 20, height: 20 })
               ]
             }
           ),
@@ -69,18 +77,18 @@ const D = (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((a) => /* @__PURE__ */ t(
-                D,
+              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(
+                _,
                 {
-                  ...a,
+                  ...i,
                   isNested: !0,
-                  onItemClick: f,
-                  isOpen: b === a.id,
-                  onToggle: (E) => {
-                    u(E ? a.id : null);
+                  onItemClick: a,
+                  isOpen: O === i.id,
+                  onToggle: (P) => {
+                    m(P ? i.id : null);
                   }
                 },
-                a.id
+                i.id
               )) }) })
             }
           )
@@ -88,18 +96,18 @@ const D = (l) => {
       }
     );
   }
-  const { link: L, tag: h, bold: M } = l;
-  return /* @__PURE__ */ t("li", { className: o.liClass, onClick: f, children: /* @__PURE__ */ d(
+  const { link: $, tag: p, bold: j } = l;
+  return /* @__PURE__ */ t("li", { ref: h, className: o.liClass, children: /* @__PURE__ */ u(
     "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 ${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 })
+        /* @__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 })
       ]
     }
   ) });
 };
 export {
-  D as NavMenuItem
+  _ as NavMenuItem
 };

package/dist/components/PricingTemplate.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -34,7 +33,7 @@ export type IconPosition = 'left' | 'right' | 'top';
 export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta?: LinkWrapper;
+    cta?: LinkWrapperProps;
     className?: string;
     containerClassName?: string;
     firstColumnClassName?: string;
@@ -49,7 +48,7 @@ export interface Jumbotron2Props {
     variant?: 'default' | 'contact';
 }
 
-export interface LinkWrapper {
+export interface LinkWrapperProps {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -58,16 +57,6 @@ export interface LinkWrapper {
     className?: string;
 }
 
-declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
-export interface PricingHeroSectionProps {
-    eyebrow: string;
-    title: string;
-    titleClassName?: string;
-    image: ReactNode;
-    paragraphs: ReactNode[];
-}
-
 export interface PricingOfferingItem {
     id: string;
     icon: ReactNode;
@@ -129,7 +118,6 @@ export declare const PricingTemplate: FC<PricingTemplateProps>;
 export declare interface PricingTemplateProps {
     jumbotron: Jumbotron2Props;
     intro: IntroSectionProps;
-    hero: PricingHeroSectionProps;
     plans: PricingPlansSectionProps;
     resources: PricingResourcesSectionProps;
     support: PricingSupportTeaserSectionProps;

package/dist/components/UploadZone.js

@@ -10,12 +10,13 @@ const b = ({
   fileSizeText: o,
   disclaimer: i,
   onAddDocument: r,
-  onDropDocument: m,
-  containerClassName: s = "",
+  onDropDocument: s,
+  containerClassName: m = "",
   dataQa: p
 }) => /* @__PURE__ */ l(
   "div",
   {
+    role: "presentation",
     onDragOver: (e) => {
       e.preventDefault();
     },
@@ -23,11 +24,11 @@ const b = ({
       e.preventDefault();
     },
     onDrop: (e) => {
-      e.preventDefault(), m?.(e);
+      e.preventDefault(), s?.(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",
-      s
+      m
     ),
     children: [
       /* @__PURE__ */ t("input", { type: "file", id: "file-upload", className: "sr-only", onChange: r, multiple: !0 }),

package/dist/components/Video.js

@@ -1,5 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-const r = ({ children: o }) => /* @__PURE__ */ e("video", { className: "my-4 w-full max-w-2xl rounded-lg", controls: !0, children: o });
+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 })
+);
 export {
   r as Video
 };

package/dist/components/WeHelpSection.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -8,7 +7,7 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export interface LinkWrapper {
+export interface LinkWrapperProps {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -17,8 +16,6 @@ export interface LinkWrapper {
     className?: string;
 }
 
-declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;
@@ -32,7 +29,7 @@ export declare const WeHelpSection: FC<WeHelpSectionProps>;
 export declare interface WeHelpSectionProps {
     title: string;
     image: ReactNode;
-    cta: LinkWrapper;
+    cta: LinkWrapperProps;
     body: string;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.151.0",
+  "version": "0.152.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -506,10 +506,6 @@
       "import": "./dist/components/HeroSection.js",
       "types": "./dist/components/HeroSection.d.ts"
     },
-    "./components/HowItWorksLawGeniusSection": {
-      "import": "./dist/components/HowItWorksLawGeniusSection.js",
-      "types": "./dist/components/HowItWorksLawGeniusSection.d.ts"
-    },
     "./components/HowItWorksSection": {
       "import": "./dist/components/HowItWorksSection.js",
       "types": "./dist/components/HowItWorksSection.d.ts"
@@ -538,10 +534,6 @@
       "import": "./dist/components/Jumbotron3.js",
       "types": "./dist/components/Jumbotron3.d.ts"
     },
-    "./components/LegalSection": {
-      "import": "./dist/components/LegalSection.js",
-      "types": "./dist/components/LegalSection.d.ts"
-    },
     "./components/MissionSection": {
       "import": "./dist/components/MissionSection.js",
       "types": "./dist/components/MissionSection.d.ts"
@@ -570,10 +562,6 @@
       "import": "./dist/components/PreviewSection.js",
       "types": "./dist/components/PreviewSection.d.ts"
     },
-    "./components/PricingHeroSection": {
-      "import": "./dist/components/PricingHeroSection.js",
-      "types": "./dist/components/PricingHeroSection.d.ts"
-    },
     "./components/PricingOfferingsSection": {
       "import": "./dist/components/PricingOfferingsSection.js",
       "types": "./dist/components/PricingOfferingsSection.d.ts"
@@ -674,10 +662,6 @@
       "import": "./dist/components/LegalTemplate.js",
       "types": "./dist/components/LegalTemplate.d.ts"
     },
-    "./components/LegalesTemplate": {
-      "import": "./dist/components/LegalesTemplate.js",
-      "types": "./dist/components/LegalesTemplate.d.ts"
-    },
     "./components/NotFoundTemplate": {
       "import": "./dist/components/NotFoundTemplate.js",
       "types": "./dist/components/NotFoundTemplate.d.ts"

package/dist/components/HowItWorksLawGeniusSection.d.ts

@@ -1,16 +0,0 @@
-import { FC } from 'react';
-import { ReactNode } from 'react';
-
-export declare const HowItWorksLawGeniusSection: FC<HowItWorksLawGeniusSectionProps>;
-
-export declare interface HowItWorksLawGeniusSectionProps {
-    sectionTitle: string;
-    contentMarkdown: string;
-    descriptionMarkdown: string;
-    steps: ReactNode;
-    belowStepsMarkdown: string;
-    cta: ReactNode;
-    imageUrl: string | null;
-    imageAlt: string;
-}
-

package/dist/components/HowItWorksLawGeniusSection.js

@@ -1,41 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { howItWorksLawGeniusBelowStepsMarkdownClassName as h } from "./HowItWorksTemplateTokens.js";
-import { LawGeniusImageShell as p } from "./LawGeniusImageShell.js";
-import { Markdown as t } from "./Markdown.js";
-const v = ({
-  sectionTitle: s,
-  contentMarkdown: r,
-  descriptionMarkdown: a,
-  steps: m,
-  belowStepsMarkdown: i,
-  cta: n,
-  imageUrl: c,
-  imageAlt: x
-}) => {
-  const d = a.trim().length > 0, o = i.trim().length > 0;
-  return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-ratafia mx-auto w-full max-w-6xl rounded-3xl px-8 pt-16 pb-8 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pt-16 sm:pb-10", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 text-center text-white", children: [
-      /* @__PURE__ */ e("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: s }),
-      /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: r }) }),
-      d && /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: a }) })
-    ] }),
-    /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:grid lg:grid-cols-[minmax(0,1fr)_minmax(0,1.05fr)] lg:items-stretch lg:gap-10", children: [
-      /* @__PURE__ */ l("div", { className: "flex min-h-0 flex-col gap-6", children: [
-        m,
-        o && /* @__PURE__ */ e(
-          t,
-          {
-            variant: "ratafia",
-            content: i,
-            className: h
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "w-full lg:w-fit", children: n })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "relative z-10 mx-auto flex min-h-0 w-full max-w-77 shrink-0 items-center justify-center overflow-hidden rounded-lg md:mx-0 md:max-w-none", children: /* @__PURE__ */ e(p, { src: c, alt: x }) })
-    ] })
-  ] }) }) });
-};
-export {
-  v as HowItWorksLawGeniusSection
-};

package/dist/components/LegalSection.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { ReactNode } from 'react';
-
-export declare const LegalSection: FC<LegalSectionProps>;
-
-export declare interface LegalSectionProps {
-    children: ReactNode;
-}
-

package/dist/components/LegalSection.js

@@ -1,5 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-const o = ({ children: e }) => /* @__PURE__ */ l("section", { className: "px-4 py-10 sm:py-12 lg:py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-5xl flex-col gap-8", children: e }) });
-export {
-  o as LegalSection
-};

package/dist/components/LegalesTemplate.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { ReactNode } from 'react';
-
-export interface Jumbotron3Props {
-    title: string;
-    domain: string;
-    className?: string;
-}
-
-export declare const LegalesTemplate: FC<LegalesTemplateProps>;
-
-export declare interface LegalesTemplateProps {
-    jumbotron: Jumbotron3Props;
-    legalSection: LegalSectionProps;
-}
-
-export interface LegalSectionProps {
-    children: ReactNode;
-}
-

package/dist/components/LegalesTemplate.js

@@ -1,10 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { LegalSection as t } from "./LegalSection.js";
-import { Jumbotron3 as m } from "./Jumbotron3.js";
-const s = ({ jumbotron: o, legalSection: r }) => /* @__PURE__ */ l("main", { className: "bg-neutral-white flex w-full flex-col", children: [
-  /* @__PURE__ */ e(m, { ...o }),
-  /* @__PURE__ */ e(t, { ...r })
-] });
-export {
-  s as LegalesTemplate
-};

package/dist/components/PricingHeroSection.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { ReactNode } from 'react';
-
-export declare const PricingHeroSection: FC<PricingHeroSectionProps>;
-
-export declare interface PricingHeroSectionProps {
-    eyebrow: string;
-    title: string;
-    titleClassName?: string;
-    image: ReactNode;
-    paragraphs: ReactNode[];
-}
-

package/dist/components/PricingHeroSection.js

@@ -1,21 +0,0 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-const m = ({
-  eyebrow: a,
-  title: t,
-  titleClassName: r = "font-lora text-hero text-neutral-800",
-  image: c,
-  paragraphs: s
-}) => /* @__PURE__ */ e("section", { className: "bg-primary-50 px-6 py-12 md:px-12 lg:px-24 lg:py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto flex max-w-6xl flex-col gap-10", children: [
-  /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-    /* @__PURE__ */ e("span", { className: "text-small font-bold tracking-[0.2em] text-neutral-600", children: a }),
-    /* @__PURE__ */ e("div", { className: "h-px w-24 bg-neutral-200" }),
-    /* @__PURE__ */ e("h1", { className: r, children: t })
-  ] }),
-  /* @__PURE__ */ l("div", { className: "flex flex-col gap-8 lg:flex-row", children: [
-    /* @__PURE__ */ e("div", { className: "lg:w-1/2", children: c }),
-    /* @__PURE__ */ e("div", { className: "text-medium space-y-4 text-neutral-800 lg:w-1/2", children: s.map((i, n) => /* @__PURE__ */ e("p", { children: i }, `hero-paragraph-${n.toString()}`)) })
-  ] })
-] }) });
-export {
-  m as PricingHeroSection
-};