@npm_leadtech/legal-contracts-ui 0.146.0 → 0.147.1

package/dist/components/JumboDocs.js

@@ -11,13 +11,13 @@ const j = ({
   pdfDownload: t,
   wordDownload: n
 }) => {
-  const [f, x] = u(!1), i = g(null);
+  const [f, p] = u(!1), i = g(null);
   return b(() => {
     const a = i.current;
     if (!a) return;
     const m = new IntersectionObserver(
-      ([p]) => {
-        x(!p.isIntersecting);
+      ([x]) => {
+        p(!x.isIntersecting);
       },
       { threshold: 0 }
     );
@@ -35,7 +35,7 @@ const j = ({
           /* @__PURE__ */ e("div", { className: "border border-neutral-200 shadow", children: d }),
           /* @__PURE__ */ l("div", { className: "flex flex-col gap-8 self-start", children: [
             /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ e("h2", { className: "text-big md:text-large font-bold", children: o }),
+              /* @__PURE__ */ e("p", { className: "text-big md:text-large font-bold", children: o }),
               /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
               c.length > 0 && /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4 md:gap-8", children: c.map((a) => /* @__PURE__ */ l("li", { className: "text-small flex gap-2", children: [
                 /* @__PURE__ */ e("span", { className: "text-primary-500", children: "•" }),

package/dist/components/MobileMenu.js

@@ -47,7 +47,7 @@ const k = ({
               children: [
                 e.title && /* @__PURE__ */ l("div", { className: `flex items-center gap-2 px-6 ${i ? "bg-neutral-50 py-4" : ""}`, children: [
                   e.icon != null && /* @__PURE__ */ r("span", { className: "text-primary-700", children: e.icon }),
-                  /* @__PURE__ */ r("h4", { className: "text-medium font-semibold", children: e.title })
+                  /* @__PURE__ */ r("p", { className: "text-medium font-semibold", children: e.title })
                 ] }),
                 e.items != null && /* @__PURE__ */ l("ul", { className: `flex flex-col gap-4 ${i ? "p-6" : "px-6 py-4"}`, children: [
                   e.items.map((a) => /* @__PURE__ */ l("li", { className: "text-medium flex items-center gap-1", children: [

package/dist/components/Modal.js

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

package/dist/components/Preform.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsxs as c, Fragment as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, Fragment as x, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Tooltips as p } from "./Tooltips.js";
+import { Tooltips as n } from "./Tooltips.js";
 import { PreformMobile as a } from "./PreformMobile.js";
 import { PreformOption as f } from "./PreformOption.js";
 import { TrustedBadge as i } from "./TrustedBadge.js";
 import { Input as h } from "./Input.js";
 import { LinkWrapper as t } from "./LinkWrapper.js";
-const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: x }) => /* @__PURE__ */ c(n, { children: [
+const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: p }) => /* @__PURE__ */ c(x, { children: [
   /* @__PURE__ */ e("section", { className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ c("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
     /* @__PURE__ */ e(i, { ...s }),
-    m?.isVisible && /* @__PURE__ */ c(n, { children: [
-      /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
+    m?.isVisible && /* @__PURE__ */ c(x, { children: [
+      /* @__PURE__ */ e("p", { className: "text-medium sm:text-large font-bold", children: m.label }),
       /* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
         m.options.map((r) => /* @__PURE__ */ e(
           "div",
@@ -43,7 +43,7 @@ const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tool
       ] })
     ] }),
     /* @__PURE__ */ e(t, { variant: "primary-green", children: o }),
-    x.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: x.map((r) => /* @__PURE__ */ e(p, { ...r }, r.title)) })
+    p.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: p.map((r) => /* @__PURE__ */ e(n, { ...r }, r.title)) })
   ] }) }),
   /* @__PURE__ */ e(
     a,

package/dist/components/PricingTemplate.d.ts

@@ -134,7 +134,7 @@ export declare interface PricingTemplateProps {
     resources: PricingResourcesSectionProps;
     support: PricingSupportTeaserSectionProps;
     offerings: PricingOfferingsSectionProps;
-    faq: FaqSectionProps;
+    faq: FaqSectionProps | null;
 }
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/PricingTemplate.js

@@ -1,34 +1,34 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { PricingResourcesSection as a } from "./PricingResourcesSection.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { PricingResourcesSection as c } from "./PricingResourcesSection.js";
 import { Jumbotron2 as s } from "./Jumbotron2.js";
 import { IntroSection as f } from "./IntroSection.js";
 import { PricingPlansSection as p } from "./PricingPlansSection.js";
 import { PricingOfferingsSection as u } from "./PricingOfferingsSection.js";
 import { PricingSupportTeaserSection as x } from "./PricingSupportTeaserSection.js";
 import { FaqSection as g } from "./FaqSection.js";
-const j = ({
-  jumbotron: r,
-  intro: n,
+const h = ({
+  jumbotron: e,
+  intro: r,
   plans: i,
-  support: e,
-  offerings: m,
-  faq: l,
-  resources: o
-}) => /* @__PURE__ */ c("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ t(s, { ...r, className: "bg-primary-50 w-full py-4 text-3xl" }),
-  /* @__PURE__ */ t(f, { ...n, className: "bg-primary-50" }),
+  support: m,
+  offerings: l,
+  faq: o,
+  resources: n
+}) => /* @__PURE__ */ a("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ t(s, { ...e, className: "bg-primary-50 w-full py-4 text-3xl" }),
+  /* @__PURE__ */ t(f, { ...r, className: "bg-primary-50" }),
   /* @__PURE__ */ t(p, { ...i }),
   /* @__PURE__ */ t(
-    a,
+    c,
     {
-      firstColumnContent: o.firstColumnContent,
-      secondColumnContent: o.secondColumnContent
+      firstColumnContent: n.firstColumnContent,
+      secondColumnContent: n.secondColumnContent
     }
   ),
-  /* @__PURE__ */ t(u, { ...m }),
-  /* @__PURE__ */ t(x, { ...e }),
-  /* @__PURE__ */ t("div", { className: "bg-neutral-25 flex w-full justify-center pt-12 pb-20", children: /* @__PURE__ */ t(g, { ...l, className: "w-full max-w-300 px-5", variant: "pricing" }) })
+  /* @__PURE__ */ t(u, { ...l }),
+  /* @__PURE__ */ t(x, { ...m }),
+  !!o?.faqItems && o?.faqItems.length && /* @__PURE__ */ t("div", { className: "bg-neutral-25 flex w-full justify-center pt-12 pb-20", children: /* @__PURE__ */ t(g, { ...o, className: "w-full max-w-300 px-5", variant: "pricing" }) })
 ] });
 export {
-  j as PricingTemplate
+  h as PricingTemplate
 };

package/dist/components/SaveIcon.js

@@ -1,14 +1,31 @@
 import { jsx as l } from "react/jsx-runtime";
 import "react";
-const i = (e) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", ...e, children: /* @__PURE__ */ l(
-  "path",
+const i = ({
+  fill: a = "var(--color-neutral-900)",
+  width: e = 16,
+  height: o = 16,
+  ...n
+}) => /* @__PURE__ */ l(
+  "svg",
   {
-    fill: "var(--color-neutral-900)",
-    fillRule: "evenodd",
-    d: "m10.028 7.423-1.306 1.45V1.806a.722.722 0 0 0-1.444 0v7.067l-1.306-1.45a.759.759 0 0 0-1.129 1.014l2.412 2.691a1 1 0 0 0 1.49 0l2.412-2.69a.76.76 0 0 0-1.13-1.015m3.028 1.633a.722.722 0 1 1 1.444 0v5.528a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V9.056a.722.722 0 0 1 1.444 0v4.916h10.112z",
-    clipRule: "evenodd"
+    className: "shrink-0",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: o,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...n,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: a,
+        fillRule: "evenodd",
+        d: "m10.028 7.423-1.306 1.45V1.806a.722.722 0 0 0-1.444 0v7.067l-1.306-1.45a.759.759 0 0 0-1.129 1.014l2.412 2.691a1 1 0 0 0 1.49 0l2.412-2.69a.76.76 0 0 0-1.13-1.015m3.028 1.633a.722.722 0 1 1 1.444 0v5.528a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V9.056a.722.722 0 0 1 1.444 0v4.916h10.112z",
+        clipRule: "evenodd"
+      }
+    )
   }
-) });
+);
 export {
   i as SaveIcon
 };