@npm_leadtech/legal-contracts-ui 0.129.21 → 0.131.0

package/dist/components/ProductInfo.js

@@ -1,28 +1,27 @@
 import { jsx as e, jsxs as l, Fragment as n } from "react/jsx-runtime";
-import { Note as a } from "./Note.js";
+import { Note as c } 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: 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: [
+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: [
   /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4", children: [
-    /* @__PURE__ */ l(a, { children: [
+    /* @__PURE__ */ l(c, { children: [
       /* @__PURE__ */ e(i, { className: "size-4.5", fill: "var(--neutral-600)" }),
       /* @__PURE__ */ e("span", { children: s })
     ] }),
-    !!c && /* @__PURE__ */ l(n, { children: [
+    !!r && /* @__PURE__ */ l(n, { children: [
       /* @__PURE__ */ e("span", { className: "hidden h-5 w-px bg-neutral-600 sm:block", "aria-hidden": !0 }),
-      /* @__PURE__ */ l(a, { children: [
+      /* @__PURE__ */ l(c, { children: [
         /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
-        c
+        r
       ] })
     ] })
   ] }),
-  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))
+  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))
   ] })
 ] }) }) });
 export {

package/dist/components/RatafiaSection.js

@@ -1,45 +1,55 @@
 import { jsx as l, jsxs as e } from "react/jsx-runtime";
 import "react";
-import { clsx as i } from "clsx";
-import { Markdown as o } from "./Markdown.js";
+import { clsx as m } from "clsx";
+import { Markdown as d } from "./Markdown.js";
 import { LinkWrapper as f } from "./LinkWrapper.js";
-const j = ({
-  title: m,
+const C = ({
+  title: i,
   content: r,
-  benefits: t = [],
-  stepsSlot: d,
-  belowStepsSlot: g,
+  benefits: c = [],
+  stepsSlot: n,
+  belowStepsSlot: h,
   cta: s,
-  image: x,
-  skipCtaWrapper: h = !1,
-  sectionClassName: c,
-  innerClassName: n
+  image: t,
+  skipCtaWrapper: w = !1,
+  sectionClassName: x,
+  innerClassName: o
 }) => {
-  const p = "bg-primary-50 px-6 pb-10 pt-16 lg:px-8 lg:pb-12 lg:pt-16 xl:px-0", w = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
-  if (d != null) {
-    const a = h ? /* @__PURE__ */ l("div", { className: "w-full lg:w-fit", children: s }) : /* @__PURE__ */ l(f, { className: "w-full lg:w-fit", children: s });
-    return /* @__PURE__ */ l("section", { className: i("max-w-full overflow-x-hidden", c ?? p), children: /* @__PURE__ */ l("div", { className: i("bg-law-genius-section mx-auto w-full max-w-6xl rounded-3xl px-8 pb-8 pt-16 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pb-10 sm:pt-16", n), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-center text-white", children: [
-        /* @__PURE__ */ l("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: m }),
-        /* @__PURE__ */ l(o, { content: r, className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0" })
-      ] }),
-      /* @__PURE__ */ e("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__ */ e("div", { className: "flex min-h-0 flex-col gap-6", children: [
-          d,
-          g,
-          a
-        ] }),
-        /* @__PURE__ */ l("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: x })
-      ] })
-    ] }) }) });
+  const g = "bg-primary-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0", u = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
+  if (n != null) {
+    const a = r.trim().length > 0, p = "[&_p]:text-medium [&_p]:text-white [&_p:last-child]:mb-0", N = w ? /* @__PURE__ */ l("div", { className: "self-start", children: s }) : /* @__PURE__ */ l(f, { className: "self-start", children: s });
+    return /* @__PURE__ */ l(
+      "section",
+      {
+        className: m(
+          "max-w-full overflow-x-hidden",
+          x ?? "bg-neutral-25 md:px-ds-10xl px-6 pt-16 pb-12"
+        ),
+        children: /* @__PURE__ */ l("div", { className: m("bg-ratafia mx-auto w-full max-w-6xl rounded-2xl px-6 py-12 text-white md:py-ds-4xl md:pl-ds-4xl md:pr-ds-7xl", o), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-12 md:gap-10", children: [
+          /* @__PURE__ */ l("h2", { className: "text-super-large text-center leading-tight font-bold", children: i }),
+          /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: [
+            a && /* @__PURE__ */ l("div", { className: "hidden text-center md:block", children: /* @__PURE__ */ l(d, { content: r, className: p }) }),
+            /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-10 min-[48.0625rem]:flex-row min-[48.0625rem]:items-start", children: [
+              /* @__PURE__ */ e("div", { className: "order-2 flex min-w-0 flex-1 flex-col gap-8 min-[48.0625rem]:order-1", children: [
+                a && /* @__PURE__ */ l("div", { className: "md:hidden", children: /* @__PURE__ */ l(d, { content: r, className: p }) }),
+                /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-4", children: n }),
+                h,
+                N
+              ] }),
+              /* @__PURE__ */ l("div", { className: "relative order-1 mx-auto aspect-[449/550] w-full max-w-[17rem] shrink-0 overflow-hidden rounded-lg min-[48.0625rem]:order-2 min-[48.0625rem]:mx-0 min-[48.0625rem]:w-[calc((100%-2.5rem)/2)] min-[48.0625rem]:max-w-[calc((100%-2.5rem)/2)] xl:w-[449px] xl:max-w-[449px] xl:flex-none [&_img]:size-full [&_img]:object-contain", children: t })
+            ] })
+          ] })
+        ] }) })
+      }
+    );
   }
-  return /* @__PURE__ */ l("section", { className: i("max-w-full overflow-x-hidden", c ?? p), children: /* @__PURE__ */ e("div", { className: i(w, n), children: [
+  return /* @__PURE__ */ l("section", { className: m("max-w-full overflow-x-hidden", x ?? g), children: /* @__PURE__ */ e("div", { className: m(u, o), children: [
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: m }),
-        /* @__PURE__ */ l(o, { content: r, className: "[&_p:last-child]:mb-0" })
+        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: i }),
+        /* @__PURE__ */ l(d, { content: r, className: "[&_p:last-child]:mb-0" })
       ] }),
-      t.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: t.map((a) => /* @__PURE__ */ e(
+      c.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: c.map((a) => /* @__PURE__ */ e(
         "span",
         {
           className: "bg-primary-50 text-small text-primary-800 flex flex-nowrap gap-1 rounded-md p-1 font-semibold",
@@ -52,9 +62,9 @@ const j = ({
       )) }),
       /* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: s })
     ] }),
-    /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: x })
+    /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: t })
   ] }) });
 };
 export {
-  j as RatafiaSection
+  C as RatafiaSection
 };

package/dist/components/StepImageShell.js

@@ -1,15 +1,15 @@
 import { jsx as e } from "react/jsx-runtime";
-const a = { w: 1120, h: 816 }, r = "relative aspect-[560/408] w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-[0_25px_60px_rgba(3,42,56,0.15)]", d = "relative w-full overflow-hidden rounded-2xl shadow-[0_25px_60px_rgba(3,42,56,0.15)]", o = ({ empty: l, children: t }) => /* @__PURE__ */ e("div", { className: l ? r : d, "aria-hidden": l ? !0 : void 0, children: l ? null : t }), h = ({ src: l, alt: t }) => l ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
+const o = { w: 1120, h: 816 }, a = "relative aspect-[560/408] w-full overflow-hidden rounded-2xl bg-neutral-100", d = "relative w-full overflow-hidden rounded-2xl", r = ({ empty: l, children: t }) => /* @__PURE__ */ e("div", { className: l ? a : d, "aria-hidden": l ? !0 : void 0, children: l ? null : t }), n = ({ src: l, alt: t }) => l ? /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
   "img",
   {
     src: l,
     alt: t,
-    width: a.w,
-    height: a.h,
+    width: o.w,
+    height: o.h,
     className: "h-auto w-full max-w-full object-cover",
     loading: "lazy"
   }
-) }) : /* @__PURE__ */ e(o, { empty: !0 });
+) }) : /* @__PURE__ */ e(r, { empty: !0 });
 export {
-  h as StepImageShell
+  n as StepImageShell
 };

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 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 }) })
+  /* @__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 }) })
 ] });
 export {
   g as TrustSection

package/dist/components/TwoColumnSection.js

@@ -1,20 +1,20 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
 import { clsx as c } from "clsx";
 const t = ({
-  firstColumn: e,
-  secondColumn: o,
-  className: m,
-  containerClassName: r
-}) => /* @__PURE__ */ n("section", { className: m ?? "", children: /* @__PURE__ */ x(
+  firstColumn: o,
+  secondColumn: e,
+  className: l,
+  containerClassName: m
+}) => /* @__PURE__ */ r("section", { className: l ?? "", children: /* @__PURE__ */ x(
   "div",
   {
     className: c(
-      "container mx-auto flex max-w-300 min-w-0 flex-col justify-center px-4 py-10 md:flex-row md:flex-nowrap md:px-8",
-      r
+      "mx-auto flex w-full max-w-300 min-w-0 flex-col justify-center overflow-x-clip px-4 py-10 md:flex-row md:px-8",
+      m
     ),
     children: [
-      e,
-      o
+      o,
+      e
     ]
   }
 ) });

package/dist/components/globals.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/components/index.d.ts

@@ -166,7 +166,7 @@ export interface ContactFormFeedbackProps {
 }
 
 export declare interface ContactFormFieldProps {
-    dataQa: string;
+    dataQa?: string;
     label: string;
     id: string;
     name: string;
@@ -675,6 +675,8 @@ export declare interface IntroSectionProps {
     cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
+    firstColumnClassName?: string;
+    secondColumnClassName?: string;
 }
 
 export declare const Item: FC<ItemProps>;