@npm_leadtech/legal-contracts-ui 0.90.3 → 0.91.0

package/dist/components/BannerTagSection.js

@@ -1,29 +1,29 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import n from "clsx";
-import { Markdown as d } from "./Markdown.js";
+import s from "clsx";
+import { Markdown as n } from "./Markdown.js";
 import { LinkWrapper as m } from "./LinkWrapper.js";
-const s = ({ title: r, icon: a, variant: i, className: o = "" }) => /* @__PURE__ */ t("div", { className: n("text-small flex items-center gap-1 rounded shadow-lg", {
+const d = ({ title: r, icon: a, variant: o, className: i = "" }) => /* @__PURE__ */ t("div", { className: s("text-small flex items-center gap-1 rounded shadow-lg", {
   default: "text-neutral-600 bg-neutral-25 p-2",
   highlight: "text-primary-500 font-bold bg-primary-100 border border-primary-300 p-1",
   dark: "text-white font-bold bg-primary-800 p-2"
-}[i], o), children: [
+}[o], i), children: [
   a,
   r
-] }), b = ({ title: r, description: a, cta: i, rightImage: o, tags: l }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ t("div", { className: "bg-neutral-25 mx-auto flex w-full max-w-298 rounded-2xl p-8 lg:gap-20 lg:px-16 lg:pt-12 lg:pb-0", children: [
+] }), g = ({ title: r, description: a, cta: o, rightImage: i, tags: l }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ t("div", { className: "bg-neutral-25 mx-auto flex w-full max-w-298 rounded-2xl p-8 lg:gap-20 lg:px-16 lg:pt-12 lg:pb-0", children: [
   /* @__PURE__ */ t("div", { className: "flex flex-col gap-8 lg:pb-12", children: [
     /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ e("h3", { className: "text-super-large text-primary-900 font-bold", children: r }),
-      /* @__PURE__ */ e(d, { className: "text-medium text-neutral-800 [&_p:last-child]:mb-0", content: a })
+      /* @__PURE__ */ e(n, { className: "text-medium text-neutral-800 [&_p:last-child]:mb-0", content: a })
     ] }),
-    /* @__PURE__ */ e(m, { className: "w-fit", variant: "primary-green", children: i })
+    /* @__PURE__ */ e(m, { className: "w-fit", variant: "primary-green", children: o })
   ] }),
   /* @__PURE__ */ t("div", { className: "relative hidden shrink-0 self-end lg:block", children: [
-    /* @__PURE__ */ e("div", { className: "overflow-hidden", children: o }),
-    l.top && /* @__PURE__ */ e(s, { ...l.top, className: "absolute -top-3 left-20" }),
-    l.middle && /* @__PURE__ */ e(s, { ...l.middle, className: "absolute bottom-36 -left-4" }),
-    l.bottom && /* @__PURE__ */ e(s, { ...l.bottom, className: "absolute top-19 -right-4" })
+    /* @__PURE__ */ e("div", { className: "overflow-hidden rounded-t-lg shadow", children: i }),
+    l.top && /* @__PURE__ */ e(d, { ...l.top, className: "absolute -top-3 left-20" }),
+    l.middle && /* @__PURE__ */ e(d, { ...l.middle, className: "absolute bottom-36 -left-4" }),
+    l.bottom && /* @__PURE__ */ e(d, { ...l.bottom, className: "absolute top-19 -right-4" })
   ] })
 ] }) });
 export {
-  b as BannerTagSection
+  g as BannerTagSection
 };

package/dist/components/ElectronicSignatureTemplate.js

@@ -2,26 +2,26 @@ import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { Hero2Section as s } from "./Hero2Section.js";
 import { HowItWorksSection as c } from "./HowItWorksSection.js";
 import { FastAndSimpleSection as p } from "./FastAndSimpleSection.js";
-import { FeaturesSection as x } from "./FeaturesSection.js";
-import { BannerTagSection as f } from "./BannerTagSection.js";
+import { FeaturesSection as f } from "./FeaturesSection.js";
+import { BannerTagSection as x } from "./BannerTagSection.js";
 import { FaqSection as S } from "./FaqSection.js";
-const y = ({
-  hero: e,
-  howItWorks: r,
+const N = ({
+  hero: r,
+  howItWorks: e,
   fastAndSimple: t,
   benefits: i,
   trustPilot: m,
   signAndSend: a,
   faq: n
 }) => /* @__PURE__ */ l("main", { className: "w-full flex-1 bg-neutral-50", children: [
-  /* @__PURE__ */ o(s, { ...e, variant: "esign" }),
-  /* @__PURE__ */ o(c, { ...r }),
+  /* @__PURE__ */ o(s, { ...r, variant: "esign" }),
+  /* @__PURE__ */ o(c, { ...e }),
   /* @__PURE__ */ o(p, { ...t, variant: "esign" }),
-  /* @__PURE__ */ o(x, { ...i }),
-  /* @__PURE__ */ o("section", { className: "mx-auto px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: m }) }),
-  /* @__PURE__ */ o(f, { ...a }),
+  /* @__PURE__ */ o(f, { ...i }),
+  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: m }),
+  /* @__PURE__ */ o(x, { ...a }),
   /* @__PURE__ */ o(S, { ...n, className: "mx-auto max-w-4xl px-4 py-16" })
 ] });
 export {
-  y as ElectronicSignatureTemplate
+  N as ElectronicSignatureTemplate
 };

package/dist/components/FastAndSimpleSection.js

@@ -24,10 +24,7 @@ const g = ({
           /* @__PURE__ */ e(
             n,
             {
-              className: t(
-                "text-medium [&_a]:text-primary-700 [&_p:last-child]:mb-0",
-                l ? "text-white" : "text-neutral-800"
-              ),
+              className: t("text-medium [&_p:last-child]:mb-0", l ? "text-white" : "text-neutral-800"),
               content: s
             }
           )

package/dist/components/GuidelinesSection.js

@@ -1,24 +1,22 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { SectionHeading as n } from "./SectionHeading.js";
-import { Button as c } from "./Button.js";
-const o = ({ header: t, guidelineCards: s, footerCard: a }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl space-y-12", children: [
-  /* @__PURE__ */ e(n, { align: "start", ...t }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2 xl:grid-cols-3", children: s.map((i) => /* @__PURE__ */ l("article", { className: "flex h-full flex-col gap-6 rounded-2xl bg-white p-6 shadow-sm", children: [
-    /* @__PURE__ */ e("div", { className: "bg-neutral-25 h-40 w-full rounded-lg", children: i.image }),
-    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: i.title }),
-      i.content
-    ] })
-  ] }, i.title)) }),
-  /* @__PURE__ */ l("div", { className: "flex flex-col gap-10 rounded-3xl bg-white p-8 shadow-sm lg:flex-row lg:items-center", children: [
-    /* @__PURE__ */ l("div", { className: "flex-1 space-y-4 text-neutral-800", children: [
-      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: a.title }),
-      a.content,
-      /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", ...a.cta })
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { SectionHeading as s } from "./SectionHeading.js";
+import { Button as r } from "./Button.js";
+const c = ({ header: i, guidelineCards: n, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
+  /* @__PURE__ */ l(s, { ...i, align: "start" }),
+  /* @__PURE__ */ l("div", { className: "my-8 flex flex-col gap-6 lg:mt-8 lg:mb-4 lg:flex-row", children: n.map((t) => /* @__PURE__ */ a("article", { className: "flex flex-1 flex-col rounded-2xl bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ l("div", { className: "w-full rounded-2xl", children: t.image }),
+    /* @__PURE__ */ l("p", { className: "my-6 font-sans text-lg leading-6 font-bold tracking-[-0.3px] text-neutral-800", children: t.title }),
+    /* @__PURE__ */ l("div", { className: "font-sans text-base leading-[22px] text-neutral-800 [&_li]:mb-0 [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:list-disc", children: t.content })
+  ] }, t.title)) }),
+  /* @__PURE__ */ a("div", { className: "my-8 flex flex-col justify-between overflow-hidden rounded-2xl bg-white shadow-sm lg:mb-4 lg:flex-row lg:overflow-visible lg:p-6", children: [
+    /* @__PURE__ */ a("div", { className: "order-2 flex flex-1 flex-col justify-start p-6 text-neutral-800 lg:order-1 lg:mr-12 lg:p-0", children: [
+      /* @__PURE__ */ l("p", { className: "mb-4 font-sans text-[18px] leading-[24px] font-bold tracking-[-0.3px] text-neutral-800", children: e.title }),
+      /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: e.content }),
+      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(r, { size: "large", variant: "primary-darkgreen", ...e.cta }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-secondary-50 rounded-3xl p-6", children: a.image }) })
+    /* @__PURE__ */ l("div", { className: "order-1 mb-8 w-full lg:order-2 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ l("div", { className: "w-full", children: e.image }) })
   ] })
 ] }) });
 export {
-  o as GuidelinesSection
+  c as GuidelinesSection
 };

package/dist/components/HowItWorksSection.js

@@ -4,7 +4,7 @@ const m = ({ media: a, title: d, description: i, steps: s }) => /* @__PURE__ */
   /* @__PURE__ */ e("div", { className: "relative order-2 overflow-hidden rounded-md shadow md:order-1 lg:mx-auto xl:shrink-0", children: a }),
   /* @__PURE__ */ l("div", { className: "order-1 flex flex-col gap-6 text-neutral-800 md:order-2", children: [
     /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: d }),
-    /* @__PURE__ */ e(c, { className: "text-medium [&_a]:text-primary-700 [&_p:last-child]:mb-0", content: i }),
+    /* @__PURE__ */ e(c, { className: "text-medium [&_p:last-child]:mb-0", content: i }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3 xl:grid-cols-1", children: s.map((r) => /* @__PURE__ */ e("article", { className: "bg-neutral-25 rounded p-6", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-start gap-2", children: [
       /* @__PURE__ */ l("div", { className: "flex justify-center gap-2", children: [
         r.icon,

package/dist/components/UploadZone.js

@@ -1,41 +1,41 @@
 "use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { AddIcon as x } from "./AddIcon.js";
-import c from "clsx";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { AddIcon as c } from "./AddIcon.js";
+import x from "clsx";
 import { Button as p } from "./Button.js";
 import { Markdown as d } from "./Markdown.js";
 const v = ({
-  uploadPromptText: r,
-  addDocumentLabel: a,
+  uploadPromptText: a,
+  addDocumentLabel: r,
   fileSizeText: n,
   disclaimer: o,
-  onAddDocument: l,
+  onAddDocument: t,
   onDropDocument: i,
   containerClassName: m = ""
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ l(
   "div",
   {
     onDragOver: (s) => {
       s.preventDefault();
     },
     onDrop: i,
-    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",
+    className: x(
+      "rounded-3xl bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140",
       m
     ),
     children: [
-      /* @__PURE__ */ e("input", { type: "file", id: "file-upload", className: "sr-only", onChange: l, multiple: !0 }),
-      /* @__PURE__ */ t("div", { className: "flex flex-col gap-14 rounded-2xl bg-white px-6 pt-14 pb-2 text-center", children: [
-        /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-10", children: [
-          /* @__PURE__ */ e("p", { className: "text-medium text-neutral-400 transition-all duration-500 group-hover:text-neutral-900", children: r }),
-          /* @__PURE__ */ t(p, { variant: "primary-green", className: "w-fit", onClick: l, children: [
-            /* @__PURE__ */ e(x, {}),
-            /* @__PURE__ */ e("span", { className: "text-medium font-bold", children: a })
+      /* @__PURE__ */ e("input", { type: "file", id: "file-upload", className: "sr-only", onChange: t, multiple: !0 }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col gap-14 rounded-2xl bg-white px-6 pt-14 pb-2 text-center", children: [
+        /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-10", children: [
+          /* @__PURE__ */ e("p", { className: "text-medium text-neutral-400", children: a }),
+          /* @__PURE__ */ l(p, { variant: "primary-green", className: "w-fit", onClick: t, children: [
+            /* @__PURE__ */ e(c, {}),
+            /* @__PURE__ */ e("span", { className: "text-medium font-bold", children: r })
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ e("p", { className: "text-extra-small text-nowrap text-neutral-400", children: n }),
-          /* @__PURE__ */ e(d, { className: "text-tiny text-neutral-400 [&_a]:text-neutral-400", content: o })
+          /* @__PURE__ */ e(d, { className: "text-tiny text-neutral-400", content: o })
         ] })
       ] })
     ]