@npm_leadtech/legal-contracts-ui 0.150.5 → 0.151.0

package/dist/components/AboutUsTemplate.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export declare const AboutUsTemplate: FC<AboutUsTemplateProps>;
@@ -37,7 +38,7 @@ export interface ContactUsSectionProps {
 export interface CtaSectionProps {
     title: string;
     paragraph?: ReactNode;
-    cta: LinkWrapperProps;
+    cta: LinkWrapper;
     children?: ReactNode;
     className?: string;
     contentClassName?: string;
@@ -64,7 +65,7 @@ export interface GuidelinesSectionProps {
         title: string;
         image: ReactNode;
         content: string;
-        cta: LinkWrapperProps;
+        cta: LinkWrapper;
     };
 }
 
@@ -73,7 +74,7 @@ export type IconPosition = 'left' | 'right' | 'top';
 export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta?: LinkWrapperProps;
+    cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
     firstColumnClassName?: string;
@@ -88,7 +89,7 @@ export interface Jumbotron2Props {
     variant?: 'default' | 'contact';
 }
 
-export interface LinkWrapperProps {
+export interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -97,6 +98,8 @@ export interface LinkWrapperProps {
     className?: string;
 }
 
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export interface MissionSectionProps {
     title: string;
     body: string;
@@ -154,7 +157,7 @@ export interface ValuesSectionProps {
 export interface WeHelpSectionProps {
     title: string;
     image: ReactNode;
-    cta: LinkWrapperProps;
+    cta: LinkWrapper;
     body: string;
 }
 

package/dist/components/CtaSection.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -26,7 +27,7 @@ export declare const CtaSection: FC<CtaSectionProps>;
 export declare interface CtaSectionProps {
     title: string;
     paragraph?: ReactNode;
-    cta: LinkWrapperProps;
+    cta: LinkWrapper;
     children?: ReactNode;
     className?: string;
     contentClassName?: string;
@@ -37,7 +38,7 @@ export declare const CtaSummarizedTag: FC<CtaFeatureTagProps>;
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export interface LinkWrapperProps {
+export interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -46,6 +47,8 @@ export interface LinkWrapperProps {
     className?: string;
 }
 
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/GuidelinesSection.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -18,13 +19,13 @@ export declare interface GuidelinesSectionProps {
         title: string;
         image: ReactNode;
         content: string;
-        cta: LinkWrapperProps;
+        cta: LinkWrapper;
     };
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export interface LinkWrapperProps {
+export interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -33,6 +34,8 @@ export interface LinkWrapperProps {
     className?: string;
 }
 
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/HowItWorksLawGeniusSection.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const HowItWorksLawGeniusSection: FC<HowItWorksLawGeniusSectionProps>;
+
+export declare interface HowItWorksLawGeniusSectionProps {
+    sectionTitle: string;
+    contentMarkdown: string;
+    descriptionMarkdown: string;
+    steps: ReactNode;
+    belowStepsMarkdown: string;
+    cta: ReactNode;
+    imageUrl: string | null;
+    imageAlt: string;
+}
+

package/dist/components/HowItWorksLawGeniusSection.js

@@ -0,0 +1,41 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { howItWorksLawGeniusBelowStepsMarkdownClassName as h } from "./HowItWorksTemplateTokens.js";
+import { LawGeniusImageShell as p } from "./LawGeniusImageShell.js";
+import { Markdown as t } from "./Markdown.js";
+const v = ({
+  sectionTitle: s,
+  contentMarkdown: r,
+  descriptionMarkdown: a,
+  steps: m,
+  belowStepsMarkdown: i,
+  cta: n,
+  imageUrl: c,
+  imageAlt: x
+}) => {
+  const d = a.trim().length > 0, o = i.trim().length > 0;
+  return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-ratafia mx-auto w-full max-w-6xl rounded-3xl px-8 pt-16 pb-8 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pt-16 sm:pb-10", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 text-center text-white", children: [
+      /* @__PURE__ */ e("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: s }),
+      /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: r }) }),
+      d && /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: a }) })
+    ] }),
+    /* @__PURE__ */ l("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__ */ l("div", { className: "flex min-h-0 flex-col gap-6", children: [
+        m,
+        o && /* @__PURE__ */ e(
+          t,
+          {
+            variant: "ratafia",
+            content: i,
+            className: h
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "w-full lg:w-fit", children: n })
+      ] }),
+      /* @__PURE__ */ e("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: /* @__PURE__ */ e(p, { src: c, alt: x }) })
+    ] })
+  ] }) }) });
+};
+export {
+  v as HowItWorksLawGeniusSection
+};

package/dist/components/IntroSection.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -12,14 +13,14 @@ export declare const IntroSection: FC<IntroSectionProps>;
 export declare interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta?: LinkWrapperProps;
+    cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
     firstColumnClassName?: string;
     secondColumnClassName?: string;
 }
 
-export interface LinkWrapperProps {
+export interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -28,6 +29,8 @@ export interface LinkWrapperProps {
     className?: string;
 }
 
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/LegalSection.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export declare const LegalSection: FC<LegalSectionProps>;
+
+export declare interface LegalSectionProps {
+    children: ReactNode;
+}
+

package/dist/components/LegalSection.js

@@ -0,0 +1,5 @@
+import { jsx as l } from "react/jsx-runtime";
+const o = ({ children: e }) => /* @__PURE__ */ l("section", { className: "px-4 py-10 sm:py-12 lg:py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-5xl flex-col gap-8", children: e }) });
+export {
+  o as LegalSection
+};

package/dist/components/LegalesTemplate.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+export interface Jumbotron3Props {
+    title: string;
+    domain: string;
+    className?: string;
+}
+
+export declare const LegalesTemplate: FC<LegalesTemplateProps>;
+
+export declare interface LegalesTemplateProps {
+    jumbotron: Jumbotron3Props;
+    legalSection: LegalSectionProps;
+}
+
+export interface LegalSectionProps {
+    children: ReactNode;
+}
+

package/dist/components/LegalesTemplate.js

@@ -0,0 +1,10 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { LegalSection as t } from "./LegalSection.js";
+import { Jumbotron3 as m } from "./Jumbotron3.js";
+const s = ({ jumbotron: o, legalSection: r }) => /* @__PURE__ */ l("main", { className: "bg-neutral-white flex w-full flex-col", children: [
+  /* @__PURE__ */ e(m, { ...o }),
+  /* @__PURE__ */ e(t, { ...r })
+] });
+export {
+  s as LegalesTemplate
+};

package/dist/components/LinkWrapper.d.ts

@@ -7,9 +7,7 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapperProps) => JSX.Element;
-
-export declare interface LinkWrapperProps {
+export declare interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -18,6 +16,8 @@ export declare interface LinkWrapperProps {
     className?: string;
 }
 
+export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/LinkWrapper.js

@@ -1,14 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
 import { getButtonClasses as l } from "./Button.utils.js";
 import { clsx as m } from "clsx";
-const b = ({
-  size: e,
-  variant: s,
-  iconPosition: o,
-  disabled: r = !1,
-  className: t,
-  children: a
-}) => {
+const b = ({ size: e, variant: s, iconPosition: o, disabled: r = !1, className: t, children: a }) => {
   const n = l(e, s, o, r, t);
   return /* @__PURE__ */ f("span", { className: m(n, 'relative [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]'), children: a });
 };

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/PricingPlanCard.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Markdown as d } from "./Markdown.js";
-import { LinkWrapper as m } from "./LinkWrapper.js";
+import { LinkWrapper as p } from "./LinkWrapper.js";
 const x = ({ variant: r, title: i, subtitle: s, items: o, cta: n }) => {
   const a = {
     Primary: {
@@ -30,11 +30,11 @@ const x = ({ variant: r, title: i, subtitle: s, items: o, cta: n }) => {
       l.id
     )) }),
     n != null && /* @__PURE__ */ e(
-      m,
+      p,
       {
         size: "large",
         variant: a[r].button,
-        className: "text-medium w-full max-w-52 justify-center font-bold",
+        className: "text-medium w-fit justify-center font-bold",
         children: n
       }
     )

package/dist/components/PricingPlansSection.js

@@ -1,12 +1,19 @@
-import { jsx as l, jsxs as c } from "react/jsx-runtime";
-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", 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: i }) => /* @__PURE__ */ l(s, { footnote: i, children: /* @__PURE__ */ l(r, { ...t }) }, t.title)) })
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { PricingPlanCard as i } from "./PricingPlanCard.js";
+const o = ({
+  children: e,
+  footnote: a,
+  className: s
+}) => /* @__PURE__ */ n("div", { className: `flex h-fit flex-1 flex-col gap-3 ${s || ""}`, children: [
+  e,
+  a ? /* @__PURE__ */ l("p", { className: "text-extra-small px-1 text-neutral-600", children: a }) : null
+] }), g = ({ heading: e, columns: a }) => /* @__PURE__ */ l("section", { className: "bg-white px-6 py-12", children: /* @__PURE__ */ n("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: e }),
+  /* @__PURE__ */ l("div", { className: "grid gap-6 lg:grid-cols-3", children: a.map(({ plan: s, footnote: r }, t) => {
+    const c = t === a.length - 1 ? 3 - t % 3 : 1;
+    return /* @__PURE__ */ l(o, { footnote: r, className: c === 2 ? "lg:col-span-2" : c === 3 ? "lg:col-span-3" : "", children: /* @__PURE__ */ l(i, { ...s }) }, s.title);
+  }) })
 ] }) });
 export {
-  m as PricingPlansSection
+  g as PricingPlansSection
 };

package/dist/components/PricingTemplate.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -33,7 +34,7 @@ export type IconPosition = 'left' | 'right' | 'top';
 export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta?: LinkWrapperProps;
+    cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
     firstColumnClassName?: string;
@@ -48,7 +49,7 @@ export interface Jumbotron2Props {
     variant?: 'default' | 'contact';
 }
 
-export interface LinkWrapperProps {
+export interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -57,6 +58,16 @@ export interface LinkWrapperProps {
     className?: string;
 }
 
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
+export interface PricingHeroSectionProps {
+    eyebrow: string;
+    title: string;
+    titleClassName?: string;
+    image: ReactNode;
+    paragraphs: ReactNode[];
+}
+
 export interface PricingOfferingItem {
     id: string;
     icon: ReactNode;
@@ -118,6 +129,7 @@ export declare const PricingTemplate: FC<PricingTemplateProps>;
 export declare interface PricingTemplateProps {
     jumbotron: Jumbotron2Props;
     intro: IntroSectionProps;
+    hero: PricingHeroSectionProps;
     plans: PricingPlansSectionProps;
     resources: PricingResourcesSectionProps;
     support: PricingSupportTeaserSectionProps;

package/dist/components/WeHelpSection.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export type ButtonSize = 'small' | 'default' | 'large';
@@ -7,7 +8,7 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export interface LinkWrapperProps {
+export interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
@@ -16,6 +17,8 @@ export interface LinkWrapperProps {
     className?: string;
 }
 
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
+
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;
@@ -29,7 +32,7 @@ export declare const WeHelpSection: FC<WeHelpSectionProps>;
 export declare interface WeHelpSectionProps {
     title: string;
     image: ReactNode;
-    cta: LinkWrapperProps;
+    cta: LinkWrapper;
     body: string;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.150.5",
+  "version": "0.151.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -506,6 +506,10 @@
       "import": "./dist/components/HeroSection.js",
       "types": "./dist/components/HeroSection.d.ts"
     },
+    "./components/HowItWorksLawGeniusSection": {
+      "import": "./dist/components/HowItWorksLawGeniusSection.js",
+      "types": "./dist/components/HowItWorksLawGeniusSection.d.ts"
+    },
     "./components/HowItWorksSection": {
       "import": "./dist/components/HowItWorksSection.js",
       "types": "./dist/components/HowItWorksSection.d.ts"
@@ -534,6 +538,10 @@
       "import": "./dist/components/Jumbotron3.js",
       "types": "./dist/components/Jumbotron3.d.ts"
     },
+    "./components/LegalSection": {
+      "import": "./dist/components/LegalSection.js",
+      "types": "./dist/components/LegalSection.d.ts"
+    },
     "./components/MissionSection": {
       "import": "./dist/components/MissionSection.js",
       "types": "./dist/components/MissionSection.d.ts"
@@ -562,6 +570,10 @@
       "import": "./dist/components/PreviewSection.js",
       "types": "./dist/components/PreviewSection.d.ts"
     },
+    "./components/PricingHeroSection": {
+      "import": "./dist/components/PricingHeroSection.js",
+      "types": "./dist/components/PricingHeroSection.d.ts"
+    },
     "./components/PricingOfferingsSection": {
       "import": "./dist/components/PricingOfferingsSection.js",
       "types": "./dist/components/PricingOfferingsSection.d.ts"
@@ -662,6 +674,10 @@
       "import": "./dist/components/LegalTemplate.js",
       "types": "./dist/components/LegalTemplate.d.ts"
     },
+    "./components/LegalesTemplate": {
+      "import": "./dist/components/LegalesTemplate.js",
+      "types": "./dist/components/LegalesTemplate.d.ts"
+    },
     "./components/NotFoundTemplate": {
       "import": "./dist/components/NotFoundTemplate.js",
       "types": "./dist/components/NotFoundTemplate.d.ts"