@npm_leadtech/legal-contracts-ui 0.97.4 → 0.98.0

package/dist/components/AboutUsTemplate.d.ts

@@ -42,12 +42,8 @@ export interface ContactUsSectionProps {
 
 export interface CtaSectionProps {
     title: string;
-    paragraph?: ReactNode;
     cta: ButtonProps;
-    children?: ReactNode;
-    className?: string;
-    contentClassName?: string;
-    childrenClassName?: string;
+    children: ReactNode;
 }
 
 export interface ExpertsSectionProps {

package/dist/components/AiLegalDocumentReviewerTemplate.d.ts

@@ -5,13 +5,13 @@ export declare const AiLegalDocumentReviewerTemplate: FC<AiLegalDocumentReviewer
 
 export declare type AiLegalDocumentReviewerTemplateProps = {
     hero: Omit<Hero2SectionProps, 'variant'>;
-    howItWorks: HowItWorksSectionProps;
+    howItWorks: Omit<HowItWorksSectionProps, 'variant'>;
     fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
     conversion: ConversionSectionProps;
     insights: FeaturesSectionProps;
     trustPilot: ReactNode;
-    askQuestions: BannerTagSectionProps;
-    faq: FaqSectionProps;
+    askQuestions: Omit<BannerTagSectionProps, 'variant'>;
+    faq: Omit<FaqSectionProps, 'className'>;
     toast?: ToastProps;
 };
 
@@ -94,6 +94,7 @@ export interface HowItWorksSectionProps {
     title: string;
     description: string;
     steps: HowItWorksStep[];
+    variant: 'esign' | 'ratafia';
 }
 
 export interface HowItWorksStep {

package/dist/components/AiLegalDocumentReviewerTemplate.js

@@ -1,32 +1,32 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { ConversionSection as s } from "./ConversionSection.js";
-import { Hero2Section as x } from "./Hero2Section.js";
-import { HowItWorksSection as f } from "./HowItWorksSection.js";
+import { Hero2Section as f } from "./Hero2Section.js";
+import { HowItWorksSection as x } from "./HowItWorksSection.js";
 import { FastAndSimpleSection as g } from "./FastAndSimpleSection.js";
 import { FeaturesSection as u } from "./FeaturesSection.js";
 import { BannerTagSection as S } from "./BannerTagSection.js";
-import { FaqSection as w } from "./FaqSection.js";
-import { Toast as d } from "./Toast.js";
+import { FaqSection as v } from "./FaqSection.js";
+import { Toast as w } from "./Toast.js";
 const H = ({
   hero: o,
   howItWorks: t,
-  fastAndSimple: e,
-  conversion: i,
+  fastAndSimple: i,
+  conversion: e,
   insights: m,
   trustPilot: n,
   askQuestions: l,
   faq: p,
-  toast: a
+  toast: r
 }) => /* @__PURE__ */ c("main", { className: "bg-neutral-25 w-full flex-1", children: [
-  /* @__PURE__ */ r(x, { ...o, variant: "ratafia" }),
-  /* @__PURE__ */ r(f, { ...t }),
-  /* @__PURE__ */ r(g, { ...e, variant: "ratafia" }),
-  /* @__PURE__ */ r(u, { ...m }),
-  /* @__PURE__ */ r(s, { ...i }),
-  /* @__PURE__ */ r("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ r("div", { className: "mx-auto w-full max-w-254 md:h-34", children: n }) }),
-  /* @__PURE__ */ r(S, { ...l, variant: "ratafia" }),
-  /* @__PURE__ */ r(w, { ...p, className: "mx-auto max-w-250 px-6 py-12 lg:px-8 lg:pb-20 xl:px-0" }),
-  a && /* @__PURE__ */ r(d, { ...a })
+  /* @__PURE__ */ a(f, { ...o, variant: "ratafia" }),
+  /* @__PURE__ */ a(x, { ...t, variant: "ratafia" }),
+  /* @__PURE__ */ a(g, { ...i, variant: "ratafia" }),
+  /* @__PURE__ */ a(u, { ...m }),
+  /* @__PURE__ */ a(s, { ...e }),
+  /* @__PURE__ */ a("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-254 md:h-34", children: n }) }),
+  /* @__PURE__ */ a(S, { ...l, variant: "ratafia" }),
+  /* @__PURE__ */ a(v, { ...p, className: "mx-auto max-w-250 px-6 py-12 lg:px-8 lg:pb-20 xl:px-0" }),
+  r && /* @__PURE__ */ a(w, { ...r })
 ] });
 export {
   H as AiLegalDocumentReviewerTemplate

package/dist/components/CtaSection.d.ts

@@ -13,36 +13,14 @@ export type ButtonSize = 'small' | 'default' | 'large';
 
 export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
 
-export declare const CtaFeatureTag: FC<CtaFeatureTagProps>;
-
-export declare interface CtaFeatureTagProps {
-    icon: string;
-    text: string;
-    className?: string;
-}
-
-export declare const CtaSample: FC<CtaSampleProps>;
-
-export declare interface CtaSampleProps {
-    image: ReactNode;
-    children?: ReactNode;
-    className?: string;
-}
-
 export declare const CtaSection: FC<CtaSectionProps>;
 
 export declare interface CtaSectionProps {
     title: string;
-    paragraph?: ReactNode;
     cta: ButtonProps;
-    children?: ReactNode;
-    className?: string;
-    contentClassName?: string;
-    childrenClassName?: string;
+    children: ReactNode;
 }
 
-export declare const CtaSummarizedTag: FC<CtaFeatureTagProps>;
-
 export type IconPosition = 'left' | 'right' | 'top';
 
 export type ResponsiveButtonVariant = ButtonVariant | {

package/dist/components/CtaSection.js

@@ -1,53 +1,12 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Button as c } from "./Button.js";
-const p = ({
-  title: a,
-  paragraph: l,
-  cta: t,
-  children: s,
-  className: m = "",
-  contentClassName: i = "",
-  childrenClassName: d = "hidden lg:flex"
-}) => /* @__PURE__ */ e("section", { className: `flex w-full justify-center px-6 py-8 md:px-8 md:py-12 ${m}`, children: /* @__PURE__ */ r(
-  "div",
-  {
-    className: `bg-primary-50 mx-auto flex w-full max-w-6xl flex-col items-center rounded-[1.25rem] px-8 pt-8 pb-0 md:px-16 md:pt-12 md:pb-0 lg:flex-row lg:items-stretch lg:gap-20 xl:pr-20 xl:pl-16 ${i}`,
-    children: [
-      /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col items-start justify-center gap-8 pb-8 md:pb-12 lg:pb-[3rem]", children: [
-        /* @__PURE__ */ r("div", { className: "flex flex-col items-start gap-4", children: [
-          /* @__PURE__ */ e("h2", { className: "text-primary-900 text-[28px] leading-[32px] font-bold tracking-tight", children: a }),
-          !!l && /* @__PURE__ */ e("div", { className: "text-super-medium text-neutral-500", children: l })
-        ] }),
-        /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", className: "px-4 py-2.5", ...t })
-      ] }),
-      !!s && /* @__PURE__ */ e("div", { className: `w-full justify-center lg:w-auto lg:items-end ${d}`, children: s })
-    ]
-  }
-) }), o = ({ image: a, children: l, className: t = "" }) => /* @__PURE__ */ r("div", { className: `relative flex items-end ${t}`, children: [
-  /* @__PURE__ */ e("div", { className: "[&_img]:rounded-t-[0.75rem] [&_img]:shadow-[0px_-2px_6px_0px_rgba(2,55,74,0.15)] md:[&_img]:max-w-[25rem] lg:[&_img]:max-h-[30rem]", children: a }),
-  l
-] }), g = ({ icon: a, text: l, className: t = "" }) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: `bg-primary-50 border-primary-200 shadow-small absolute flex items-center justify-center gap-1 rounded-md border p-1 ${t}`,
-    children: [
-      /* @__PURE__ */ e("img", { src: a, alt: "", role: "img", className: "h-4 w-4" }),
-      /* @__PURE__ */ e("span", { className: "text-primary-900 text-small font-bold", children: l })
-    ]
-  }
-), u = ({ icon: a, text: l, className: t = "" }) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: `shadow-small absolute flex items-center justify-center gap-1 rounded-md bg-neutral-50 p-2 ${t}`,
-    children: [
-      /* @__PURE__ */ e("img", { src: a, alt: "", role: "img", className: "h-5 w-5" }),
-      /* @__PURE__ */ e("span", { className: "text-small text-neutral-500", children: l })
-    ]
-  }
-);
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Button as t } from "./Button.js";
+const d = ({ title: r, cta: l, children: s }) => /* @__PURE__ */ e("section", { className: "px-4 py-16", children: /* @__PURE__ */ a("div", { className: "bg-primary-50 mx-auto max-w-6xl rounded-3xl p-10 shadow-sm lg:flex lg:items-center lg:gap-10", children: [
+  /* @__PURE__ */ a("div", { className: "flex-1 space-y-6", children: [
+    /* @__PURE__ */ e("p", { className: "text-super-large text-primary-900 font-bold", children: r }),
+    /* @__PURE__ */ e(t, { size: "large", variant: "primary-darkgreen", ...l })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "mt-10 lg:mt-0", children: /* @__PURE__ */ e("div", { className: "relative rounded-3xl bg-white shadow-lg", children: s }) })
+] }) });
 export {
-  u as CtaFeatureTag,
-  o as CtaSample,
-  p as CtaSection,
-  g as CtaSummarizedTag
+  d as CtaSection
 };

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -18,12 +18,12 @@ export declare const ElectronicSignatureTemplate: FC<ElectronicSignatureTemplate
 
 export declare interface ElectronicSignatureTemplateProps {
     hero: Omit<Hero2SectionProps, 'variant'>;
-    howItWorks: HowItWorksSectionProps;
+    howItWorks: Omit<HowItWorksSectionProps, 'variant'>;
     fastAndSimple: Omit<FastAndSimpleSectionProps, 'variant'>;
     benefits: FeaturesSectionProps;
     trustPilot: ReactNode;
-    signAndSend: BannerTagSectionProps;
-    faq: FaqSectionProps;
+    signAndSend: Omit<BannerTagSectionProps, 'variant'>;
+    faq: Omit<FaqSectionProps, 'className'>;
     toast?: ToastProps;
 }
 
@@ -87,6 +87,7 @@ export interface HowItWorksSectionProps {
     title: string;
     description: string;
     steps: HowItWorksStep[];
+    variant: 'esign' | 'ratafia';
 }
 
 export interface HowItWorksStep {

package/dist/components/ElectronicSignatureTemplate.js

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

package/dist/components/HowItWorksSection.d.ts

@@ -8,6 +8,7 @@ export declare interface HowItWorksSectionProps {
     title: string;
     description: string;
     steps: HowItWorksStep[];
+    variant: 'esign' | 'ratafia';
 }
 
 export declare interface HowItWorksStep {

package/dist/components/HowItWorksSection.js

@@ -1,22 +1,35 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Markdown as c } from "./Markdown.js";
-const m = ({ media: d, title: i, description: r, steps: s }) => /* @__PURE__ */ e("section", { className: "bg-white", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full flex-col gap-8 px-6 py-8 md:gap-12 lg:px-8 lg:py-12 xl:max-w-300 xl:flex-row xl:items-center xl:px-0", children: [
-  /* @__PURE__ */ e("div", { className: "relative order-2 overflow-hidden rounded-md shadow md:order-1 lg:mx-auto xl:shrink-0", children: d }),
-  /* @__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: i }),
-    !!r && /* @__PURE__ */ e(c, { className: "text-medium [&_a]:text-primary-700 [&_p:last-child]:mb-0", content: r }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3 xl:grid-cols-1", children: s.map((a) => /* @__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: [
-        a.icon,
-        /* @__PURE__ */ e("p", { className: "text-medium font-bold", children: a.title })
-      ] }),
-      /* @__PURE__ */ l("p", { className: "text-small", children: [
-        a.description,
-        " "
-      ] })
-    ] }) }, a.id)) })
-  ] })
-] }) });
+import i from "clsx";
+import { Markdown as m } from "./Markdown.js";
+const f = ({ media: o, title: s, description: a, steps: t, variant: c }) => {
+  const d = c === "ratafia";
+  return /* @__PURE__ */ e("section", { className: "bg-white", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full flex-col gap-8 px-6 py-8 md:gap-12 lg:px-8 lg:py-12 xl:max-w-300 xl:flex-row xl:items-center xl:px-0", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(
+          "relative overflow-hidden rounded-md shadow lg:mx-auto xl:shrink-0",
+          d ? "order-1" : "order-2 md:order-1"
+        ),
+        children: o
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: i("flex flex-col gap-6 text-neutral-800", d ? "order-2" : "order-1 md:order-2"), children: [
+      /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: s }),
+      !!a && /* @__PURE__ */ e(m, { className: "text-medium [&_a]:text-primary-700 [&_p:last-child]:mb-0", content: a }),
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3 xl:grid-cols-1", children: t.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,
+          /* @__PURE__ */ e("p", { className: "text-medium font-bold", children: r.title })
+        ] }),
+        /* @__PURE__ */ l("p", { className: "text-small", children: [
+          r.description,
+          " "
+        ] })
+      ] }) }, r.id)) })
+    ] })
+  ] }) });
+};
 export {
-  m as HowItWorksSection
+  f as HowItWorksSection
 };