@npm_leadtech/legal-contracts-ui 0.93.1 → 0.93.2

package/dist/components/AboutUsTemplate.d.ts

@@ -13,7 +13,7 @@ export declare interface AboutUsTemplateProps {
     howWeHelp: WeHelpSectionProps;
     guidelines: GuidelinesSectionProps;
     experts: ExpertsSectionProps;
-    trustPilot: ReactNode;
+    trustPilot: TrustPilotSectionProps;
     partners: PartnersSectionProps;
     cta: CtaSectionProps;
     contactUs: ContactUsSectionProps;
@@ -128,6 +128,12 @@ export interface StorylineProps {
     }[];
 }
 
+export interface TrustPilotSectionProps {
+    trustPilot: React.ReactNode;
+    content: string;
+    title: string;
+}
+
 export interface ValuesSectionProps {
     title: string;
     children: ReactNode;

package/dist/components/AboutUsTemplate.js

@@ -1,42 +1,43 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { MissionSection as S } from "./MissionSection.js";
-import { ValuesSection as u } from "./ValuesSection.js";
-import { Storyline as d } from "./Storyline.js";
-import { WeHelpSection as b } from "./WeHelpSection.js";
-import { GuidelinesSection as h } from "./GuidelinesSection.js";
-import { ExpertsSection as w } from "./ExpertsSection.js";
+import { jsxs as S, jsx as o } from "react/jsx-runtime";
+import { MissionSection as u } from "./MissionSection.js";
+import { ValuesSection as x } from "./ValuesSection.js";
+import { Storyline as b } from "./Storyline.js";
+import { WeHelpSection as d } from "./WeHelpSection.js";
+import { GuidelinesSection as j } from "./GuidelinesSection.js";
+import { ExpertsSection as y } from "./ExpertsSection.js";
+import { TrustPilotSection as C } from "./TrustPilotSection.js";
 import { PartnersSection as N } from "./PartnersSection.js";
-import { CtaSection as j } from "./CtaSection.js";
-import { ContactUsSection as y } from "./ContactUsSection.js";
-import { Jumbotron2 as C } from "./Jumbotron2.js";
-import { IntroSection as U } from "./IntroSection.js";
-const W = ({
-  jumbotron: r,
-  intro: t,
+import { CtaSection as P } from "./CtaSection.js";
+import { ContactUsSection as T } from "./ContactUsSection.js";
+import { Jumbotron2 as U } from "./Jumbotron2.js";
+import { IntroSection as g } from "./IntroSection.js";
+const v = ({
+  jumbotron: t,
+  intro: r,
   mission: m,
-  coreValues: e,
-  storyline: i,
+  coreValues: i,
+  storyline: e,
   howWeHelp: n,
-  guidelines: l,
-  experts: s,
-  trustPilot: c,
-  partners: f,
-  cta: p,
+  guidelines: p,
+  experts: f,
+  trustPilot: s,
+  partners: c,
+  cta: l,
   contactUs: a
-}) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(C, { ...r }),
-  /* @__PURE__ */ o(U, { ...t, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(S, { ...m }),
-  /* @__PURE__ */ o(u, { ...e }),
-  /* @__PURE__ */ o(d, { ...i }),
-  /* @__PURE__ */ o(b, { ...n }),
-  /* @__PURE__ */ o(h, { ...l }),
-  /* @__PURE__ */ o(w, { ...s }),
-  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: c }),
-  /* @__PURE__ */ o(N, { ...f }),
+}) => /* @__PURE__ */ S("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(U, { ...t }),
+  /* @__PURE__ */ o(g, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(u, { ...m }),
+  /* @__PURE__ */ o(x, { ...i }),
+  /* @__PURE__ */ o(b, { ...e }),
+  /* @__PURE__ */ o(d, { ...n }),
   /* @__PURE__ */ o(j, { ...p }),
-  /* @__PURE__ */ o(y, { ...a })
+  /* @__PURE__ */ o(y, { ...f }),
+  /* @__PURE__ */ o(C, { ...s }),
+  /* @__PURE__ */ o(N, { ...c }),
+  /* @__PURE__ */ o(P, { ...l }),
+  /* @__PURE__ */ o(T, { ...a })
 ] });
 export {
-  W as AboutUsTemplate
+  v as AboutUsTemplate
 };

package/dist/components/Anchor.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
 
 export interface AnchorProps extends React.ComponentProps<'a'> {
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/Anchor.js

@@ -1,23 +1,24 @@
-import { jsx as u } from "react/jsx-runtime";
-import h from "clsx";
-const v = ({ children: o, variant: i = "default", className: l = "", ...e }) => {
-  const t = e.href || "", r = t.toLowerCase(), c = r.startsWith("mailto:"), n = r.startsWith("tel:"), a = {
+import { jsx as d } from "react/jsx-runtime";
+import p from "clsx";
+const v = ({ children: o, variant: i = "default", className: c = "", ...e }) => {
+  const t = e.href || "", r = t.toLowerCase(), l = r.startsWith("mailto:"), a = r.startsWith("tel:"), n = {
     default: "text-neutral-900 underline ",
-    legal: "text-primary-700 cursor-pointer"
-  }, f = a[i] ?? a.default, s = t.startsWith("http") && !n && !c, d = (() => {
-    if (!n) return t;
+    legal: "text-primary-700 cursor-pointer",
+    "about-us": "text-primary-700 cursor-pointer"
+  }, f = n[i] ?? n.default, s = t.startsWith("http") && !a && !l, u = (() => {
+    if (!a) return t;
     try {
       return decodeURIComponent(t).replace(/\s/g, "");
     } catch {
       return t.replace(/%20/g, "").replace(/\s/g, "");
     }
   })();
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ d(
     "a",
     {
       ...e,
-      href: d,
-      className: h(l, f),
+      href: u,
+      className: p(c, f),
       target: s ? "_blank" : void 0,
       rel: s ? "noopener noreferrer" : void 0,
       children: o

package/dist/components/Blockquote.d.ts

@@ -1,4 +1,8 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Blockquote: ({ children }: React.ComponentProps<"blockquote">) => JSX.Element;
+export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
+
+export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
+}
 

package/dist/components/Blockquote.js

@@ -1,5 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-const e = ({ children: o }) => /* @__PURE__ */ r("blockquote", { className: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic", children: o });
+const l = ({ children: t, variant: a = "default" }) => /* @__PURE__ */ r("blockquote", { className: {
+  default: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic",
+  "about-us": "my-4 text-gray-700 italic bg-neutral-25 pt-4 px-4 pb-0.5"
+}[a], children: t });
 export {
-  e as Blockquote
+  l as Blockquote
 };

package/dist/components/ContactBanner.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import "react";
-import { useScroll as r } from "../shared/hooks/useScroll.js";
-import { SinglePhoneIcon as d } from "./SinglePhoneIcon.js";
-const f = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours: a }) => {
-  const i = r(10);
+import { useScroll as i } from "../shared/hooks/useScroll.js";
+import { InfoIcon as d } from "./InfoIcon.js";
+const h = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours: a }) => {
+  const r = i(10);
   return /* @__PURE__ */ e(
     "section",
     {
-      className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${i ? "h-0 py-0" : "h-8.75 py-2"}`,
+      className: `flex w-full justify-center border-b border-neutral-200 bg-neutral-50 px-4 transition-all duration-500 ease-in-out ${r ? "h-0 py-0" : "h-8.75 py-2"}`,
       children: /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center justify-center gap-4 text-center text-neutral-900 md:text-left", children: [
         s && /* @__PURE__ */ e("p", { className: "text-small hidden sm:block", children: s }),
         /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(d, {}) }),
@@ -22,5 +22,5 @@ const f = ({ contactText: s, phoneNumber: l, contactHoursText: t, contactHours:
   );
 };
 export {
-  f as ContactBanner
+  h as ContactBanner
 };

package/dist/components/ElectronicSignatureTemplate.d.ts

@@ -23,7 +23,6 @@ export declare interface ElectronicSignatureTemplateProps {
     trustPilot: ReactNode;
     signAndSend: BannerTagSectionProps;
     faq: FaqSectionProps;
-    toast: ToastProps;
 }
 
 export interface FaqItemProps {
@@ -109,15 +108,6 @@ export interface TagProps {
     className?: string;
 }
 
-export interface ToastProps {
-    show: boolean;
-    title: string;
-    message: string;
-    type?: 'success' | 'error' | 'default';
-    onClose: () => void;
-    duration?: number;
-}
-
 export interface UploadZoneProps {
     uploadPromptText: string;
     addDocumentLabel: string;

package/dist/components/ElectronicSignatureTemplate.js

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

package/dist/components/ExpertsSection.js

@@ -1,15 +1,22 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { SectionHeading as n } from "./SectionHeading.js";
-const c = ({ header: t, experts: l }) => l.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-primary-50 px-4 py-16", children: /* @__PURE__ */ a("div", { className: "mx-auto max-w-6xl space-y-10", children: [
-  /* @__PURE__ */ e(n, { ...t }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: l.map((i) => /* @__PURE__ */ a("article", { className: "flex items-center gap-4 rounded-2xl bg-white p-4 shadow-sm", children: [
-    i.image,
-    /* @__PURE__ */ a("div", { children: [
-      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: i.name }),
-      /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: i.title })
-    ] })
-  ] }, i.name)) })
+const r = ({ header: i, experts: a }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "bg-primary-50 px-6 pt-12 pb-8 md:pb-12", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl xl:max-w-7xl", children: [
+  /* @__PURE__ */ e("div", { className: "mx-auto mb-20 w-11/12 text-center md:w-full", children: /* @__PURE__ */ e(n, { align: "center", ...i }) }),
+  /* @__PURE__ */ e("div", { className: "mt-8 flex flex-col items-center justify-center gap-8 md:flex-row md:flex-wrap", children: a.map((t) => /* @__PURE__ */ l(
+    "article",
+    {
+      className: "flex w-80 flex-row items-center justify-start gap-6 rounded-2xl bg-white p-4 shadow-sm lg:w-96",
+      children: [
+        /* @__PURE__ */ e("div", { className: "min-w-28 shrink-0 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-lg", children: t.image }),
+        /* @__PURE__ */ l("div", { className: "flex flex-col items-start justify-start", children: [
+          /* @__PURE__ */ e("p", { className: "mb-2 w-3/4 min-w-fit font-sans text-lg leading-6 font-bold tracking-tight text-neutral-800", children: t.name }),
+          /* @__PURE__ */ e("p", { className: "font-sans text-base leading-snug font-normal tracking-tight text-neutral-800", children: t.title })
+        ] })
+      ]
+    },
+    t.name
+  )) })
 ] }) });
 export {
-  c as ExpertsSection
+  r as ExpertsSection
 };

package/dist/components/Header2.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
 
 export interface Header2Props extends React.ComponentProps<'h2'> {
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/InfoIcon.js

@@ -1,14 +1,12 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
-const o = (C) => /* @__PURE__ */ l("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ l(
+const n = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", ...t, children: /* @__PURE__ */ o(
   "path",
   {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 12C2 6.47 6.47 2 12 2C17.53 2 22 6.47 22 12C22 17.53 17.53 22 12 22C6.47 22 2 17.53 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12ZM11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12V16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16V12ZM12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7Z",
-    fill: C.fill ?? "#1E2021"
+    fill: "var(--neutral-900)",
+    d: "M16.675 12.817a9.5 9.5 0 0 1-2.942-.467.81.81 0 0 0-.841.2l-1.309 1.642c-2.358-1.125-4.566-3.25-5.741-5.692l1.625-1.383a.85.85 0 0 0 .2-.85A9.3 9.3 0 0 1 7.2 3.325a.83.83 0 0 0-.825-.825H3.492c-.45 0-.992.2-.992.825C2.5 11.067 8.942 17.5 16.675 17.5c.592 0 .825-.525.825-.983v-2.875a.83.83 0 0 0-.825-.825"
   }
 ) });
 export {
-  o as InfoIcon
+  n as InfoIcon
 };

package/dist/components/Markdown.d.ts

@@ -6,6 +6,6 @@ export declare interface MarkdownProps {
     content: string;
     className?: string;
     useCustom?: boolean;
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/Markdown.js

@@ -1,51 +1,51 @@
 import { jsx as r } from "react/jsx-runtime";
-import a, { defaultUrlTransform as i } from "react-markdown";
-import s from "rehype-raw";
-import f from "remark-gfm";
-import { Anchor as l } from "./Anchor.js";
-import { Blockquote as d } from "./Blockquote.js";
-import { Code as c } from "./Code.js";
+import a, { defaultUrlTransform as s } from "react-markdown";
+import i from "rehype-raw";
+import l from "remark-gfm";
+import { Anchor as f } from "./Anchor.js";
+import { Blockquote as c } from "./Blockquote.js";
+import { Code as d } from "./Code.js";
 import { Header1 as h } from "./Header1.js";
 import { Header2 as u } from "./Header2.js";
 import { Header3 as C } from "./Header3.js";
-import { Header4 as T } from "./Header4.js";
-import { OrderedList as b } from "./OrderedList.js";
-import { Paragraph as k } from "./Paragraph.js";
-import { TableRow as w, TableHeader as g, TableData as H, Table as x } from "./Table.js";
-import { UnorderedList as P } from "./UnorderedList.js";
-import { Video as R } from "./Video.js";
-import { Emphasis as U } from "./Emphasis.js";
-import q from "clsx";
-const y = (e) => e.startsWith("tel:") ? e : i(e), $ = ({ content: e, className: t = "", useCustom: n = !0, variant: m = "default" }) => {
+import { Header4 as b } from "./Header4.js";
+import { OrderedList as k } from "./OrderedList.js";
+import { Paragraph as T } from "./Paragraph.js";
+import { TableRow as w, TableHeader as g, TableData as H, Table as q } from "./Table.js";
+import { UnorderedList as x } from "./UnorderedList.js";
+import { Video as P } from "./Video.js";
+import { Emphasis as R } from "./Emphasis.js";
+import U from "clsx";
+const y = (m) => m.startsWith("tel:") ? m : s(m), v = ({ content: m, className: t = "", useCustom: n = !0, variant: e = "default" }) => {
   const p = {
     h1: h,
-    h2: (o) => /* @__PURE__ */ r(u, { variant: m, ...o }),
+    h2: (o) => /* @__PURE__ */ r(u, { variant: e, ...o }),
     h3: C,
-    h4: T,
-    p: (o) => /* @__PURE__ */ r(k, { variant: m, ...o }),
-    a: (o) => /* @__PURE__ */ r(l, { variant: m, ...o }),
-    ul: (o) => /* @__PURE__ */ r(P, { variant: m, ...o }),
-    ol: (o) => /* @__PURE__ */ r(b, { variant: m, ...o }),
-    code: c,
-    blockquote: d,
-    video: R,
-    table: x,
+    h4: b,
+    p: (o) => /* @__PURE__ */ r(T, { variant: e, ...o }),
+    a: (o) => /* @__PURE__ */ r(f, { variant: e, ...o }),
+    ul: (o) => /* @__PURE__ */ r(x, { variant: e, ...o }),
+    ol: (o) => /* @__PURE__ */ r(k, { variant: e, ...o }),
+    code: d,
+    blockquote: (o) => /* @__PURE__ */ r(c, { variant: e, ...o }),
+    video: P,
+    table: q,
     td: H,
     th: g,
     tr: w,
-    em: U
+    em: R
   };
-  return /* @__PURE__ */ r("div", { className: q("w-full min-w-0", t), children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: U("w-full min-w-0", t), children: /* @__PURE__ */ r(
     a,
     {
-      rehypePlugins: [s],
-      remarkPlugins: [f],
+      rehypePlugins: [i],
+      remarkPlugins: [l],
       urlTransform: y,
       components: n ? p : void 0,
-      children: e
+      children: m
     }
   ) });
 };
 export {
-  $ as Markdown
+  v as Markdown
 };

package/dist/components/OrderedList.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const OrderedList: ({ variant, children }: OrderedListProps) => JSX.Element;
 
 export interface OrderedListProps extends React.ComponentProps<'ol'> {
-    variant?: 'default' | 'tooltip' | 'legal';
+    variant?: 'default' | 'tooltip' | 'legal' | 'about-us';
 }
 

package/dist/components/Paragraph.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
 
 export interface ParagraphProps extends React.ComponentProps<'p'> {
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/ProductInfo.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
 import { Note as a } from "./Note.js";
 import { HistoryIcon as i } from "./HistoryIcon.js";
-import { DocOutlineIcon as m } from "./DocOutlineIcon.js";
-import { DoneCircleIcon as o } from "./DoneCircleIcon.js";
+import { DoneCircleIcon as m } from "./DoneCircleIcon.js";
+import { DocOutlineIcon as o } from "./DocOutlineIcon.js";
 const u = ({ lastUpdate: n, reviewer: t, 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: [
   /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 sm:gap-4", children: [
     /* @__PURE__ */ l(a, { children: [
@@ -12,14 +12,14 @@ const u = ({ lastUpdate: n, reviewer: t, alsoKnownAs: r }) => /* @__PURE__ */ e(
     !!t && /* @__PURE__ */ l(s, { children: [
       /* @__PURE__ */ e("span", { className: "hidden h-5 w-px bg-neutral-600 sm:block", "aria-hidden": !0 }),
       /* @__PURE__ */ l(a, { children: [
-        /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
+        /* @__PURE__ */ e(m, { className: "size-4.5", fill: "var(--neutral-600)" }),
         t
       ] })
     ] })
   ] }),
   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(--neutral-600)" }),
+      /* @__PURE__ */ e(o, { className: "size-4.5", fill: "var(--neutral-600)" }),
       " ",
       r.label
     ] }),

package/dist/components/TrustPilotSection.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const TrustPilotSection: ({ trustPilot, content, title }: TrustPilotSectionProps) => JSX.Element;
+
+export declare interface TrustPilotSectionProps {
+    trustPilot: React.ReactNode;
+    content: string;
+    title: string;
+}
+

package/dist/components/TrustPilotSection.js

@@ -0,0 +1,10 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Markdown as a } from "./Markdown.js";
+const i = ({ trustPilot: e, content: l, title: r }) => /* @__PURE__ */ s("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: [
+  /* @__PURE__ */ t("h2", { className: "text-super-large mb-8 text-center font-bold text-neutral-800", children: r }),
+  /* @__PURE__ */ t(a, { content: l, variant: "about-us" }),
+  /* @__PURE__ */ t("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ t("div", { className: "mx-auto w-full max-w-254 md:h-34", children: e }) })
+] });
+export {
+  i as TrustPilotSection
+};

package/dist/components/UiComponents.d.ts

@@ -3,10 +3,14 @@ import { JSX } from 'react/jsx-runtime';
 export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
 
 export interface AnchorProps extends React.ComponentProps<'a'> {
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
-export declare const Blockquote: ({ children }: React.ComponentProps<"blockquote">) => JSX.Element;
+export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
+
+export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
+}
 
 export declare const Code: ({ children, className }: React.ComponentProps<"code">) => JSX.Element;
 
@@ -17,7 +21,7 @@ export declare const Header1: ({ children }: React.ComponentProps<"h1">) => JSX.
 export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
 
 export interface Header2Props extends React.ComponentProps<'h2'> {
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 export declare const Header3: ({ children }: React.ComponentProps<"h3">) => JSX.Element;
@@ -27,13 +31,13 @@ export declare const Header4: ({ children }: React.ComponentProps<"h4">) => JSX.
 export declare const OrderedList: ({ variant, children }: OrderedListProps) => JSX.Element;
 
 export interface OrderedListProps extends React.ComponentProps<'ol'> {
-    variant?: 'default' | 'tooltip' | 'legal';
+    variant?: 'default' | 'tooltip' | 'legal' | 'about-us';
 }
 
 export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
 
 export interface ParagraphProps extends React.ComponentProps<'p'> {
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 export declare const Table: ({ children }: React.ComponentProps<"table">) => JSX.Element;
@@ -47,7 +51,7 @@ export declare const TableRow: ({ children }: React.ComponentProps<"tr">) => JSX
 export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
 
 export interface UnorderedListProps extends React.ComponentProps<'ul'> {
-    variant?: 'default' | 'tooltip' | 'legal';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 export declare const Video: ({ children }: React.ComponentProps<"video">) => JSX.Element;

package/dist/components/UnorderedList.d.ts

@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
 export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
 
 export interface UnorderedListProps extends React.ComponentProps<'ul'> {
-    variant?: 'default' | 'tooltip' | 'legal';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 

package/dist/components/UnsubscribeTemplate.d.ts

@@ -8,7 +8,7 @@ export interface MarkdownProps {
     content: string;
     className?: string;
     useCustom?: boolean;
-    variant?: 'default' | 'legal' | 'tooltip';
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
 }
 
 export declare const UnsubscribeTemplate: FC<UnsubscribeTemplateProps>;