@npm_leadtech/legal-contracts-ui 0.109.0 → 0.110.0

package/dist/components/AboutUsTemplate.d.ts

@@ -73,7 +73,7 @@ export type IconPosition = 'left' | 'right' | 'top';
 export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta: LinkWrapper;
+    cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
 }

package/dist/components/AboutUsTemplate.js

@@ -1,16 +1,16 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { IntroSection as S } from "./IntroSection.js";
-import { MissionSection as u } from "./MissionSection.js";
-import { ValuesSection as b } from "./ValuesSection.js";
-import { Storyline as y } from "./Storyline.js";
-import { WeHelpSection as N } from "./WeHelpSection.js";
-import { GuidelinesSection as d } from "./GuidelinesSection.js";
-import { ExpertsSection as g } from "./ExpertsSection.js";
-import { TrustPilotSection as j } from "./TrustPilotSection.js";
-import { PartnersSection as w } from "./PartnersSection.js";
-import { CtaSection as C } from "./CtaSection.js";
-import { ContactUsSection as P } from "./ContactUsSection.js";
-import { Jumbotron2 as T } from "./Jumbotron2.js";
+import { MissionSection as S } from "./MissionSection.js";
+import { ValuesSection as u } from "./ValuesSection.js";
+import { Storyline as b } from "./Storyline.js";
+import { WeHelpSection as y } from "./WeHelpSection.js";
+import { GuidelinesSection as N } from "./GuidelinesSection.js";
+import { ExpertsSection as d } from "./ExpertsSection.js";
+import { TrustPilotSection as g } from "./TrustPilotSection.js";
+import { PartnersSection as j } from "./PartnersSection.js";
+import { CtaSection as w } from "./CtaSection.js";
+import { ContactUsSection as C } from "./ContactUsSection.js";
+import { Jumbotron2 as P } from "./Jumbotron2.js";
+import { IntroSection as T } from "./IntroSection.js";
 const v = ({
   jumbotron: t,
   intro: r,
@@ -25,18 +25,18 @@ const v = ({
   cta: c,
   contactUs: a
 }) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(T, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
-  /* @__PURE__ */ o(S, { ...r, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(u, { ...m }),
-  /* @__PURE__ */ o(b, { ...i }),
-  /* @__PURE__ */ o(y, { ...e }),
-  /* @__PURE__ */ o(N, { ...n }),
-  /* @__PURE__ */ o(d, { ...l }),
-  /* @__PURE__ */ o(g, { ...p }),
-  /* @__PURE__ */ o(j, { ...s }),
-  /* @__PURE__ */ o(w, { ...f }),
-  /* @__PURE__ */ o(C, { ...c }),
-  /* @__PURE__ */ o(P, { ...a })
+  /* @__PURE__ */ o(P, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
+  /* @__PURE__ */ o(T, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(S, { ...m }),
+  /* @__PURE__ */ o(u, { ...i }),
+  /* @__PURE__ */ o(b, { ...e }),
+  /* @__PURE__ */ o(y, { ...n }),
+  /* @__PURE__ */ o(N, { ...l }),
+  /* @__PURE__ */ o(d, { ...p }),
+  /* @__PURE__ */ o(g, { ...s }),
+  /* @__PURE__ */ o(j, { ...f }),
+  /* @__PURE__ */ o(w, { ...c }),
+  /* @__PURE__ */ o(C, { ...a })
 ] });
 export {
   v as AboutUsTemplate

package/dist/components/FaqsTemplate.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { Jumbotron2 as x } from "./Jumbotron2.js";
-import { AsideNavMenu as i } from "./AsideNavMenu.js";
+import { AsideNavMenu as x } from "./AsideNavMenu.js";
+import { Jumbotron2 as i } from "./Jumbotron2.js";
 import { FaqSection as p } from "./FaqSection.js";
 const d = ({ jumbotron: a, asideNavMenu: r, faqSections: o }) => /* @__PURE__ */ e("main", { className: "bg-primary-50 flex-1 px-4 py-10 text-neutral-800 md:px-8", children: /* @__PURE__ */ m("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-10", children: [
-  /* @__PURE__ */ e(x, { ...a }),
+  /* @__PURE__ */ e(i, { ...a }),
   /* @__PURE__ */ m("div", { className: "flex flex-col gap-10 md:flex-row md:gap-24", children: [
-    /* @__PURE__ */ e(i, { ...r }),
+    /* @__PURE__ */ e(x, { ...r }),
     /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-10", children: o.map((l) => /* @__PURE__ */ e(p, { ...l }, l.title)) })
   ] })
 ] }) });

package/dist/components/IntroSection.d.ts

@@ -13,7 +13,7 @@ export declare const IntroSection: FC<IntroSectionProps>;
 export declare interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta: LinkWrapper;
+    cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
 }

package/dist/components/IntroSection.js

@@ -1,15 +1,15 @@
 import { jsx as m, jsxs as o } from "react/jsx-runtime";
 import { TwoColumnSection as e } from "./TwoColumnSection.js";
-import { LinkWrapper as t } from "./LinkWrapper.js";
-const b = ({ image: s, children: i, cta: l, className: r, containerClassName: a }) => /* @__PURE__ */ m(
+import { LinkWrapper as n } from "./LinkWrapper.js";
+const b = ({ image: i, children: l, cta: s, className: r, containerClassName: a }) => /* @__PURE__ */ m(
   e,
   {
     className: r ?? "",
     containerClassName: a,
-    firstColumn: /* @__PURE__ */ m("div", { className: "mb-4 md:mr-6 md:mb-0 md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-2xl xl:[&_img]:h-full xl:[&_img]:object-cover", children: s }),
+    firstColumn: /* @__PURE__ */ m("div", { className: "mb-4 md:mr-6 md:mb-0 md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-2xl xl:[&_img]:h-full xl:[&_img]:object-cover", children: i }),
     secondColumn: /* @__PURE__ */ o("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
-      i,
-      /* @__PURE__ */ m(t, { size: "large", variant: "primary-green", className: "mt-8", ...l })
+      l,
+      s && /* @__PURE__ */ m(n, { size: "large", variant: "primary-green", className: "mt-8", ...s })
     ] })
   }
 );

package/dist/components/PricingOfferingsSection.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { SectionHeading as r } from "./SectionHeading.js";
-const c = ({ heading: t, items: s }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ l("div", { className: "bg-primary-50 mx-auto flex max-w-6xl flex-col gap-8 rounded-2xl p-8", children: [
-  /* @__PURE__ */ e(r, { title: t, align: "start" }),
-  /* @__PURE__ */ e("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-5", children: s.map((i) => /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 rounded-lg bg-white p-5 shadow-sm", children: [
+import { SectionHeading as s } from "./SectionHeading.js";
+const c = ({ heading: t, items: a }) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ l("div", { className: "bg-primary-50 mx-auto flex max-w-6xl flex-col gap-8 rounded-2xl p-8", children: [
+  /* @__PURE__ */ e(s, { title: t, align: "start", className: "font-bold" }),
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 lg:flex-row", children: a.map((i) => /* @__PURE__ */ l("div", { className: "flex gap-4 rounded-lg bg-white p-5 shadow-sm lg:flex-col", children: [
     /* @__PURE__ */ e("span", { className: "bg-primary-100 text-primary-700 inline-flex w-fit items-center justify-center rounded-md p-2", children: i.icon }),
     /* @__PURE__ */ l("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e("p", { className: "text-big text-primary-900 font-bold", children: i.title }),

package/dist/components/PricingPlanCard.d.ts

@@ -9,17 +9,19 @@ export declare interface PricingPlanCardProps {
     variant: PricingPlanVariant;
     title: string;
     subtitle: string;
-    items: ReactNode[];
-    highlight?: ReactNode;
+    items: {
+        image: ReactNode;
+        text: string;
+        id: string;
+        isHighlighted?: boolean;
+        cardStyles?: PricingPlanVariant;
+    }[];
     cta?: {
         label: string;
         buttonVariant: ButtonVariant;
     };
+    icon?: ReactNode;
 }
 
-export declare type PricingPlanVariant = 'free' | 'trial' | 'premium';
-
-export declare const PricingPremiumHighlight: FC;
-
-export declare const PricingTrialHighlight: FC;
+export declare type PricingPlanVariant = 'Primary' | 'Secondary';
 

package/dist/components/PricingPlanCard.js

@@ -1,61 +1,45 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Button as m } from "./Button.js";
-const u = {
-  free: {
-    container: "bg-neutral-25",
-    chip: "bg-neutral-200 text-neutral-800",
-    bulletTone: "primary"
-  },
-  trial: {
-    container: "bg-neutral-25",
-    chip: "bg-neutral-200 text-neutral-800",
-    bulletTone: "primary"
-  },
-  premium: {
-    container: "bg-secondary-100",
-    chip: "bg-secondary-300 text-neutral-900",
-    bulletTone: "secondary"
-  }
-}, p = (n) => /* @__PURE__ */ e(
-  "svg",
-  {
-    viewBox: "0 0 16 16",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    ...n,
-    children: /* @__PURE__ */ e("path", { d: "M3 8.5 6.5 12 13 4" })
-  }
-), x = ({ children: n, tone: l }) => /* @__PURE__ */ t("li", { className: "flex items-start gap-3", children: [
-  /* @__PURE__ */ e("span", { className: `mt-1 inline-flex h-6 w-6 items-center justify-center rounded ${l === "secondary" ? "bg-secondary-200 text-secondary-700" : "bg-primary-100 text-primary-700"}`, children: /* @__PURE__ */ e(p, { className: "h-3.5 w-3.5" }) }),
-  /* @__PURE__ */ e("span", { className: "text-small text-neutral-800", children: n })
-] }), f = ({ variant: n, title: l, subtitle: s, items: i, highlight: o, cta: a }) => {
-  const r = u[n];
-  return /* @__PURE__ */ t("div", { className: `${r.container} flex h-full flex-col gap-6 rounded-2xl p-6`, children: [
-    /* @__PURE__ */ e("span", { className: `text-big w-fit rounded-lg px-4 py-2 font-bold ${r.chip}`, children: l }),
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Button as d } from "./Button.js";
+import { Markdown as m } from "./Markdown.js";
+const x = ({ variant: r, title: i, subtitle: s, items: o, cta: t }) => {
+  const a = {
+    Primary: {
+      container: "bg-neutral-25",
+      chip: "bg-neutral-200 text-neutral-800",
+      button: "primary-green"
+    },
+    Secondary: {
+      container: "bg-secondary-100",
+      chip: "bg-secondary-300 text-neutral-900",
+      button: "primary-yellow"
+    }
+  }, c = { Primary: "bg-primary-100 p-2 rounded-lg", Secondary: "bg-secondary-200 p-2 rounded-lg" };
+  return /* @__PURE__ */ n("div", { className: `${a[r].container} flex h-full flex-col gap-6 rounded-2xl p-6`, children: [
+    /* @__PURE__ */ e("span", { className: `text-big w-fit rounded-lg px-4 py-2 font-bold ${a[r].chip}`, children: i }),
     /* @__PURE__ */ e("p", { className: "text-medium font-bold text-neutral-800", children: s }),
     /* @__PURE__ */ e("div", { className: "h-px w-full bg-neutral-200" }),
-    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4", children: i.map((c, d) => /* @__PURE__ */ e(x, { tone: r.bulletTone, children: c }, `${l}-item-${d.toString()}`)) }),
-    o,
-    a ? /* @__PURE__ */ e(m, { size: "large", variant: a.buttonVariant, className: "text-medium w-full justify-center font-bold", children: a.label }) : null
+    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4", children: o.map((l) => /* @__PURE__ */ n(
+      "li",
+      {
+        className: `flex items-start gap-2 ${l.isHighlighted ? c[l.cardStyles || "Primary"] : ""}`,
+        children: [
+          /* @__PURE__ */ e("div", { className: "pt-0.5", children: l.image }),
+          /* @__PURE__ */ e(m, { content: l.text, className: "mb-0!", variant: "legal" })
+        ]
+      },
+      l.id
+    )) }),
+    t ? /* @__PURE__ */ e(
+      d,
+      {
+        size: "large",
+        variant: a[r].button,
+        className: "text-medium w-full justify-center font-bold",
+        children: t.label
+      }
+    ) : null
   ] });
-}, y = () => /* @__PURE__ */ t("div", { className: "bg-primary-100 flex gap-3 rounded-xl p-4", children: [
-  /* @__PURE__ */ e("span", { className: "text-extra-small bg-primary-700 inline-flex items-center justify-center rounded px-2 py-1 font-bold text-white", children: "AI" }),
-  /* @__PURE__ */ t("p", { className: "text-small text-neutral-800", children: [
-    /* @__PURE__ */ e("span", { className: "font-bold", children: "AI-powered legal summaries and explanations." }),
-    " Get limited access to our innovative AI tools to quickly understand any legal document."
-  ] })
-] }), b = () => /* @__PURE__ */ t("div", { className: "bg-secondary-200 flex gap-3 rounded-xl p-4", children: [
-  /* @__PURE__ */ e("span", { className: "text-extra-small bg-secondary-500 inline-flex items-center justify-center rounded px-2 py-1 font-bold text-neutral-900", children: "AI" }),
-  /* @__PURE__ */ t("p", { className: "text-small text-neutral-900", children: [
-    /* @__PURE__ */ e("span", { className: "font-bold", children: "Unlimited access to our AI-powered summarization and explanation tools" }),
-    " to save you time and improve accuracy."
-  ] })
-] });
+};
 export {
-  f as PricingPlanCard,
-  b as PricingPremiumHighlight,
-  y as PricingTrialHighlight
+  x as PricingPlanCard
 };

package/dist/components/PricingPlansSection.d.ts

@@ -7,12 +7,18 @@ export interface PricingPlanCardProps {
     variant: PricingPlanVariant;
     title: string;
     subtitle: string;
-    items: ReactNode[];
-    highlight?: ReactNode;
+    items: {
+        image: ReactNode;
+        text: string;
+        id: string;
+        isHighlighted?: boolean;
+        cardStyles?: PricingPlanVariant;
+    }[];
     cta?: {
         label: string;
         buttonVariant: ButtonVariant;
     };
+    icon?: ReactNode;
 }
 
 export declare interface PricingPlanColumnProps {
@@ -27,5 +33,5 @@ export declare interface PricingPlansSectionProps {
     columns: PricingPlanColumnProps[];
 }
 
-export type PricingPlanVariant = 'free' | 'trial' | 'premium';
+export type PricingPlanVariant = 'Primary' | 'Secondary';
 

package/dist/components/PricingPlansSection.js

@@ -1,11 +1,11 @@
 import { jsx as l, jsxs as c } from "react/jsx-runtime";
-import { PricingPlanCard as i } from "./PricingPlanCard.js";
-const s = ({ children: a, footnote: e }) => /* @__PURE__ */ c("div", { className: "flex flex-col gap-3", children: [
+import { PricingPlanCard as r } from "./PricingPlanCard.js";
+const s = ({ children: a, footnote: e }) => /* @__PURE__ */ c("div", { className: "flex h-fit flex-1 flex-col gap-3", children: [
   a,
   e ? /* @__PURE__ */ l("p", { className: "text-extra-small px-1 text-neutral-600", children: e }) : null
-] }), m = ({ heading: a, columns: e }) => /* @__PURE__ */ l("section", { className: "bg-white px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ c("div", { className: "mx-auto flex max-w-6xl flex-col gap-8", children: [
+] }), m = ({ heading: a, columns: e }) => /* @__PURE__ */ l("section", { className: "bg-white px-0 py-12", children: /* @__PURE__ */ c("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
   /* @__PURE__ */ l("h2", { className: "text-super-large text-center font-bold text-neutral-800", children: a }),
-  /* @__PURE__ */ l("div", { className: "grid gap-6 lg:grid-cols-3", children: e.map(({ plan: t, footnote: r }) => /* @__PURE__ */ l(s, { footnote: r, children: /* @__PURE__ */ l(i, { ...t }) }, t.title)) })
+  /* @__PURE__ */ l("div", { className: "grid gap-6 lg:grid-cols-3", children: e.map(({ plan: t, footnote: i }) => /* @__PURE__ */ l(s, { footnote: i, children: /* @__PURE__ */ l(r, { ...t }) }, t.title)) })
 ] }) });
 export {
   m as PricingPlansSection

package/dist/components/PricingResourcesSection.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare interface ColumnContent {
+    image: ReactNode;
+    content: string;
+}
+
+export declare const PricingResourcesSection: ({ firstColumnContent, secondColumnContent }: PricingResourcesSectionProps) => JSX.Element;
+
+export declare interface PricingResourcesSectionProps {
+    firstColumnContent: ColumnContent;
+    secondColumnContent: ColumnContent;
+}
+

package/dist/components/PricingResourcesSection.js

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { TwoColumnSection as t } from "./TwoColumnSection.js";
+import { Markdown as n } from "./Markdown.js";
+const o = ({ firstColumnContent: r, secondColumnContent: a }) => /* @__PURE__ */ e(
+  t,
+  {
+    className: "bg-neutral-25 w-full gap-4",
+    containerClassName: "gap-4 bg-neutral-25",
+    firstColumn: /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-center gap-4 rounded-xl bg-white px-6 py-4", children: [
+      /* @__PURE__ */ e("div", { className: "bg-primary-100 w-fit rounded p-1.5", children: r.image }),
+      /* @__PURE__ */ e(n, { variant: "legal", content: r.content })
+    ] }),
+    secondColumn: /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-center gap-4 rounded-xl bg-white px-6 py-4", children: [
+      /* @__PURE__ */ e("div", { className: "bg-primary-100 w-fit rounded p-1.5", children: a.image }),
+      /* @__PURE__ */ e(n, { variant: "legal", content: a.content })
+    ] })
+  }
+);
+export {
+  o as PricingResourcesSection
+};

package/dist/components/PricingSupportTeaserSection.d.ts

@@ -4,12 +4,14 @@ import { ReactNode } from 'react';
 export declare interface PricingSupportTeaserCard {
     id: string;
     icon: ReactNode;
-    content: ReactNode;
+    content: string;
 }
 
 export declare const PricingSupportTeaserSection: FC<PricingSupportTeaserSectionProps>;
 
 export declare interface PricingSupportTeaserSectionProps {
     cards: PricingSupportTeaserCard[];
+    heading: string;
+    description: string;
 }
 

package/dist/components/PricingSupportTeaserSection.js

@@ -1,8 +1,22 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-const a = ({ cards: t }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ e("div", { className: "mx-auto grid w-full max-w-6xl gap-4 lg:grid-cols-2", children: t.map((i) => /* @__PURE__ */ l("div", { className: "flex items-start gap-4 rounded-2xl bg-white p-6", children: [
-  /* @__PURE__ */ e("div", { className: "bg-primary-100 text-primary-700 rounded-md p-3", children: i.icon }),
-  /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: i.content })
-] }, i.id)) }) });
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { SectionHeading as o } from "./SectionHeading.js";
+import { Markdown as r } from "./Markdown.js";
+const d = ({ cards: a, heading: i, description: n }) => /* @__PURE__ */ l("section", { className: "px-6 py-12 md:px-12 lg:px-24", children: [
+  /* @__PURE__ */ t(
+    o,
+    {
+      title: i,
+      align: "center",
+      className: "mb-8",
+      titleClass: "font-bold text-super-large mb-4",
+      description: n
+    }
+  ),
+  /* @__PURE__ */ t("div", { className: "bg-neutral-25 mx-auto flex w-full max-w-6xl flex-col gap-4 rounded-2xl p-6 md:grid md:grid-cols-2", children: a.map((e) => /* @__PURE__ */ l("div", { className: "flex items-center gap-4 rounded-xl bg-white p-6", children: [
+    e.icon,
+    /* @__PURE__ */ t(r, { content: e.content, variant: "legal", className: "[&_a]:text-neutral-800" })
+  ] }, e.id)) })
+] });
 export {
-  a as PricingSupportTeaserSection
+  d as PricingSupportTeaserSection
 };

package/dist/components/PricingTemplate.d.ts

@@ -1,8 +1,16 @@
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+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 interface ColumnContent {
+    image: ReactNode;
+    content: string;
+}
+
 export interface FaqItemProps {
     question: string;
     answer: string;
@@ -18,6 +26,35 @@ export interface FaqSectionProps {
     className?: string;
 }
 
+export type IconPosition = 'left' | 'right' | 'top';
+
+export interface IntroSectionProps {
+    image: ReactNode;
+    children: ReactNode;
+    cta?: LinkWrapper;
+    className?: string;
+    containerClassName?: string;
+}
+
+export interface Jumbotron2Props {
+    title: string;
+    subtitle?: string;
+    className?: string;
+    children?: React.ReactNode;
+    variant?: 'default' | 'contact';
+}
+
+export interface LinkWrapper {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ResponsiveButtonVariant;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+    className?: string;
+}
+
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export interface PricingContactChannel {
     id: string;
     icon: ReactNode;
@@ -51,16 +88,22 @@ export interface PricingOfferingsSectionProps {
     items: PricingOfferingItem[];
 }
 
-export declare interface PricingPlanCardProps {
+export interface PricingPlanCardProps {
     variant: PricingPlanVariant;
     title: string;
     subtitle: string;
-    items: ReactNode[];
-    highlight?: ReactNode;
+    items: {
+        image: ReactNode;
+        text: string;
+        id: string;
+        isHighlighted?: boolean;
+        cardStyles?: PricingPlanVariant;
+    }[];
     cta?: {
         label: string;
         buttonVariant: ButtonVariant;
     };
+    icon?: ReactNode;
 }
 
 export interface PricingPlanColumnProps {
@@ -73,30 +116,44 @@ export interface PricingPlansSectionProps {
     columns: PricingPlanColumnProps[];
 }
 
-export declare type PricingPlanVariant = 'free' | 'trial' | 'premium';
+export type PricingPlanVariant = 'Primary' | 'Secondary';
 
-export declare const PricingPremiumHighlight: FC;
+export interface PricingResourcesSectionProps {
+    firstColumnContent: ColumnContent;
+    secondColumnContent: ColumnContent;
+}
 
 export interface PricingSupportTeaserCard {
     id: string;
     icon: ReactNode;
-    content: ReactNode;
+    content: string;
 }
 
 export interface PricingSupportTeaserSectionProps {
     cards: PricingSupportTeaserCard[];
+    heading: string;
+    description: string;
 }
 
 export declare const PricingTemplate: FC<PricingTemplateProps>;
 
 export declare interface PricingTemplateProps {
+    jumbotron: Jumbotron2Props;
+    intro: IntroSectionProps;
     hero: PricingHeroSectionProps;
     plans: PricingPlansSectionProps;
+    resources: PricingResourcesSectionProps;
     support: PricingSupportTeaserSectionProps;
     offerings: PricingOfferingsSectionProps;
     contact: PricingContactChannelsSectionProps;
     faq: FaqSectionProps;
 }
 
-export declare const PricingTrialHighlight: FC;
+export type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
 

package/dist/components/PricingTemplate.js

@@ -1,21 +1,34 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { PricingPremiumHighlight as j, PricingTrialHighlight as w } from "./PricingPlanCard.js";
-import { PricingHeroSection as l } from "./PricingHeroSection.js";
-import { PricingPlansSection as a } from "./PricingPlansSection.js";
-import { PricingSupportTeaserSection as g } from "./PricingSupportTeaserSection.js";
-import { PricingOfferingsSection as p } from "./PricingOfferingsSection.js";
-import { PricingContactChannelsSection as s } from "./PricingContactChannelsSection.js";
-import { FaqSection as f } from "./FaqSection.js";
-const H = ({ hero: r, plans: o, support: e, offerings: n, contact: m, faq: t }) => /* @__PURE__ */ c("main", { className: "flex w-full flex-1 flex-col bg-neutral-50", children: [
-  /* @__PURE__ */ i(l, { ...r }),
-  /* @__PURE__ */ i(a, { ...o }),
-  /* @__PURE__ */ i(g, { ...e }),
-  /* @__PURE__ */ i(p, { ...n }),
-  /* @__PURE__ */ i(s, { ...m }),
-  /* @__PURE__ */ i("section", { className: "bg-neutral-25 px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ i("div", { className: "mx-auto max-w-6xl", children: /* @__PURE__ */ i(f, { ...t, className: "gap-6" }) }) })
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { PricingResourcesSection as f } from "./PricingResourcesSection.js";
+import { Jumbotron2 as s } from "./Jumbotron2.js";
+import { IntroSection as a } 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 w = ({
+  jumbotron: r,
+  intro: n,
+  plans: i,
+  support: m,
+  offerings: e,
+  faq: l,
+  resources: t
+}) => /* @__PURE__ */ c("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
+  /* @__PURE__ */ o(s, { ...r, className: "bg-primary-50 w-full py-4 text-3xl" }),
+  /* @__PURE__ */ o(a, { ...n, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(p, { ...i }),
+  /* @__PURE__ */ o(
+    f,
+    {
+      firstColumnContent: t.firstColumnContent,
+      secondColumnContent: t.secondColumnContent
+    }
+  ),
+  /* @__PURE__ */ o(u, { ...e }),
+  /* @__PURE__ */ o(x, { ...m }),
+  /* @__PURE__ */ o(g, { ...l })
 ] });
 export {
-  j as PricingPremiumHighlight,
-  H as PricingTemplate,
-  w as PricingTrialHighlight
+  w as PricingTemplate
 };