@npm_leadtech/legal-contracts-ui 0.76.0 → 0.77.0

package/dist/components/PricingContactChannelsSection.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface PricingContactChannel {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export declare const PricingContactChannelsSection: FC<PricingContactChannelsSectionProps>;
+
+export declare interface PricingContactChannelsSectionProps {
+    title: string;
+    description: string;
+    channels: PricingContactChannel[];
+}
+

package/dist/components/PricingContactChannelsSection.js

@@ -0,0 +1,19 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { SectionHeading as c } from "./SectionHeading.js";
+const d = ({
+  title: a,
+  description: t,
+  channels: s
+}) => /* @__PURE__ */ e("section", { className: "bg-white px-6 py-12 md:px-12 lg:px-24", children: /* @__PURE__ */ l("div", { className: "mx-auto flex max-w-6xl flex-col gap-8", children: [
+  /* @__PURE__ */ e(c, { title: a, description: t }),
+  /* @__PURE__ */ e("div", { className: "grid gap-4 lg:grid-cols-2", children: s.map((i) => /* @__PURE__ */ l("div", { className: "bg-neutral-25 flex items-start gap-4 rounded-2xl p-6", children: [
+    /* @__PURE__ */ e("div", { className: "text-primary-700 rounded-md bg-white p-3 shadow-sm", children: i.icon }),
+    /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ e("p", { className: "text-medium font-bold text-neutral-900", children: i.title }),
+      /* @__PURE__ */ e("p", { className: "text-small text-neutral-700", children: i.description })
+    ] })
+  ] }, i.id)) })
+] }) });
+export {
+  d as PricingContactChannelsSection
+};

package/dist/components/PricingHeroSection.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const PricingHeroSection: FC<PricingHeroSectionProps>;
+
+export declare interface PricingHeroSectionProps {
+    eyebrow: string;
+    title: string;
+    titleClassName?: string;
+    image: ReactNode;
+    paragraphs: ReactNode[];
+}
+

package/dist/components/PricingHeroSection.js

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+const m = ({
+  eyebrow: a,
+  title: t,
+  titleClassName: r = "font-lora text-hero text-neutral-800",
+  image: c,
+  paragraphs: s
+}) => /* @__PURE__ */ e("section", { className: "bg-primary-50 px-6 py-12 md:px-12 lg:px-24 lg:py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto flex max-w-6xl flex-col gap-10", children: [
+  /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+    /* @__PURE__ */ e("span", { className: "text-small font-bold tracking-[0.2em] text-neutral-600", children: a }),
+    /* @__PURE__ */ e("div", { className: "h-px w-24 bg-neutral-200" }),
+    /* @__PURE__ */ e("h1", { className: r, children: t })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "flex flex-col gap-8 lg:flex-row", children: [
+    /* @__PURE__ */ e("div", { className: "lg:w-1/2", children: c }),
+    /* @__PURE__ */ e("div", { className: "text-medium space-y-4 text-neutral-800 lg:w-1/2", children: s.map((i, n) => /* @__PURE__ */ e("p", { children: i }, `hero-paragraph-${n.toString()}`)) })
+  ] })
+] }) });
+export {
+  m as PricingHeroSection
+};

package/dist/components/PricingOfferingsSection.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface PricingOfferingItem {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export declare const PricingOfferingsSection: FC<PricingOfferingsSectionProps>;
+
+export declare interface PricingOfferingsSectionProps {
+    heading: string;
+    items: PricingOfferingItem[];
+}
+

package/dist/components/PricingOfferingsSection.js

@@ -0,0 +1,15 @@
+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: [
+    /* @__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 }),
+      /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: i.description })
+    ] })
+  ] }, i.id)) })
+] }) });
+export {
+  c as PricingOfferingsSection
+};

package/dist/components/PricingPlanCard.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+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 PricingPlanCard: FC<PricingPlanCardProps>;
+
+export declare interface PricingPlanCardProps {
+    variant: PricingPlanVariant;
+    title: string;
+    subtitle: string;
+    items: ReactNode[];
+    highlight?: ReactNode;
+    cta?: {
+        label: string;
+        buttonVariant: ButtonVariant;
+    };
+}
+
+export declare type PricingPlanVariant = 'free' | 'trial' | 'premium';
+
+export declare const PricingPremiumHighlight: FC;
+
+export declare const PricingTrialHighlight: FC;
+

package/dist/components/PricingPlanCard.js

@@ -0,0 +1,61 @@
+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 }),
+    /* @__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
+  ] });
+}, 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
+};

package/dist/components/PricingPlansSection.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+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 PricingPlanCardProps {
+    variant: PricingPlanVariant;
+    title: string;
+    subtitle: string;
+    items: ReactNode[];
+    highlight?: ReactNode;
+    cta?: {
+        label: string;
+        buttonVariant: ButtonVariant;
+    };
+}
+
+export declare interface PricingPlanColumnProps {
+    plan: PricingPlanCardProps;
+    footnote?: string;
+}
+
+export declare const PricingPlansSection: FC<PricingPlansSectionProps>;
+
+export declare interface PricingPlansSectionProps {
+    heading: string;
+    columns: PricingPlanColumnProps[];
+}
+
+export type PricingPlanVariant = 'free' | 'trial' | 'premium';
+

package/dist/components/PricingPlansSection.js

@@ -0,0 +1,12 @@
+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: [
+  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: [
+  /* @__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)) })
+] }) });
+export {
+  m as PricingPlansSection
+};

package/dist/components/PricingSupportTeaserSection.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare interface PricingSupportTeaserCard {
+    id: string;
+    icon: ReactNode;
+    content: ReactNode;
+}
+
+export declare const PricingSupportTeaserSection: FC<PricingSupportTeaserSectionProps>;
+
+export declare interface PricingSupportTeaserSectionProps {
+    cards: PricingSupportTeaserCard[];
+}
+

package/dist/components/PricingSupportTeaserSection.js

@@ -0,0 +1,8 @@
+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)) }) });
+export {
+  a as PricingSupportTeaserSection
+};

package/dist/components/PricingTemplate.d.ts

@@ -0,0 +1,102 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+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 FaqItemProps {
+    question: string;
+    answer: string;
+    showMoreText?: string;
+    collapsedButtonText?: string;
+    expandedButtonText?: string;
+}
+
+export interface FaqSectionProps {
+    title: string;
+    description: string;
+    faqItems: FaqItemProps[];
+    className?: string;
+}
+
+export interface PricingContactChannel {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export interface PricingContactChannelsSectionProps {
+    title: string;
+    description: string;
+    channels: PricingContactChannel[];
+}
+
+export interface PricingHeroSectionProps {
+    eyebrow: string;
+    title: string;
+    titleClassName?: string;
+    image: ReactNode;
+    paragraphs: ReactNode[];
+}
+
+export interface PricingOfferingItem {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export interface PricingOfferingsSectionProps {
+    heading: string;
+    items: PricingOfferingItem[];
+}
+
+export declare interface PricingPlanCardProps {
+    variant: PricingPlanVariant;
+    title: string;
+    subtitle: string;
+    items: ReactNode[];
+    highlight?: ReactNode;
+    cta?: {
+        label: string;
+        buttonVariant: ButtonVariant;
+    };
+}
+
+export interface PricingPlanColumnProps {
+    plan: PricingPlanCardProps;
+    footnote?: string;
+}
+
+export interface PricingPlansSectionProps {
+    heading: string;
+    columns: PricingPlanColumnProps[];
+}
+
+export declare type PricingPlanVariant = 'free' | 'trial' | 'premium';
+
+export declare const PricingPremiumHighlight: FC;
+
+export interface PricingSupportTeaserCard {
+    id: string;
+    icon: ReactNode;
+    content: ReactNode;
+}
+
+export interface PricingSupportTeaserSectionProps {
+    cards: PricingSupportTeaserCard[];
+}
+
+export declare const PricingTemplate: FC<PricingTemplateProps>;
+
+export declare interface PricingTemplateProps {
+    hero: PricingHeroSectionProps;
+    plans: PricingPlansSectionProps;
+    support: PricingSupportTeaserSectionProps;
+    offerings: PricingOfferingsSectionProps;
+    contact: PricingContactChannelsSectionProps;
+    faq: FaqSectionProps;
+}
+
+export declare const PricingTrialHighlight: FC;
+

package/dist/components/PricingTemplate.js

@@ -0,0 +1,21 @@
+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" }) }) })
+] });
+export {
+  j as PricingPremiumHighlight,
+  H as PricingTemplate,
+  w as PricingTrialHighlight
+};

package/dist/components/index.d.ts

@@ -799,6 +799,89 @@ export declare interface PreviewSectionProps {
     cta: ReactNode;
 }
 
+export declare interface PricingContactChannel {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export declare const PricingContactChannelsSection: FC<PricingContactChannelsSectionProps>;
+
+export declare interface PricingContactChannelsSectionProps {
+    title: string;
+    description: string;
+    channels: PricingContactChannel[];
+}
+
+export declare const PricingHeroSection: FC<PricingHeroSectionProps>;
+
+export declare interface PricingHeroSectionProps {
+    eyebrow: string;
+    title: string;
+    titleClassName?: string;
+    image: ReactNode;
+    paragraphs: ReactNode[];
+}
+
+export declare interface PricingOfferingItem {
+    id: string;
+    icon: ReactNode;
+    title: string;
+    description: string;
+}
+
+export declare const PricingOfferingsSection: FC<PricingOfferingsSectionProps>;
+
+export declare interface PricingOfferingsSectionProps {
+    heading: string;
+    items: PricingOfferingItem[];
+}
+
+export declare const PricingPlanCard: FC<PricingPlanCardProps>;
+
+export declare interface PricingPlanCardProps {
+    variant: PricingPlanVariant;
+    title: string;
+    subtitle: string;
+    items: ReactNode[];
+    highlight?: ReactNode;
+    cta?: {
+        label: string;
+        buttonVariant: ButtonVariant;
+    };
+}
+
+export declare interface PricingPlanColumnProps {
+    plan: PricingPlanCardProps;
+    footnote?: string;
+}
+
+export declare const PricingPlansSection: FC<PricingPlansSectionProps>;
+
+export declare interface PricingPlansSectionProps {
+    heading: string;
+    columns: PricingPlanColumnProps[];
+}
+
+export declare type PricingPlanVariant = 'free' | 'trial' | 'premium';
+
+export declare const PricingPremiumHighlight: FC;
+
+export declare interface PricingSupportTeaserCard {
+    id: string;
+    icon: ReactNode;
+    content: ReactNode;
+}
+
+export declare const PricingSupportTeaserSection: FC<PricingSupportTeaserSectionProps>;
+
+export declare interface PricingSupportTeaserSectionProps {
+    cards: PricingSupportTeaserCard[];
+}
+
+export declare const PricingTrialHighlight: FC;
+
 export declare const PrintIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const PrivateIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;