@npm_leadtech/legal-contracts-ui 0.158.2 → 0.158.4

package/dist/components/Anchor.js

@@ -1,7 +1,7 @@
 import { jsx as x } from "react/jsx-runtime";
 import m from "clsx";
-const w = ({ children: l, variant: s = "default", className: c = "", ...t }) => {
-  const e = t.href || "", n = e.toLowerCase(), u = n.startsWith("mailto:"), a = n.startsWith("tel:"), r = "cursor-pointer text-primary-700 underline decoration-primary-700/40 underline-offset-2", i = {
+const w = ({ children: l, variant: o = "default", className: c = "", ...t }) => {
+  const e = t.href || "", n = e.toLowerCase(), u = n.startsWith("mailto:"), a = n.startsWith("tel:"), r = "cursor-pointer text-primary-700", i = {
     default: "text-neutral-900 underline",
     legal: r,
     ratafia: "cursor-pointer text-primary-200 underline decoration-white/40 underline-offset-2 hover:text-white",
@@ -10,15 +10,15 @@ const w = ({ children: l, variant: s = "default", className: c = "", ...t }) =>
     unsubscribe: r,
     cookies: "text-white",
     story: "text-neutral-800 underline"
-  }, f = i[s] ?? i.default, d = e.startsWith("http"), h = (() => {
+  }, f = i[o] ?? i.default, h = e.startsWith("http"), d = (() => {
     if (!a) return e;
     try {
       return decodeURIComponent(e).replaceAll(/\s/g, "");
     } catch {
       return e.replaceAll("%20", "").replaceAll(/\s/g, "");
     }
-  })(), o = t.target === "_blank" || d && !a && !u ? "_blank" : t.target, g = o === "_blank" ? "noopener noreferrer" : t.rel;
-  return /* @__PURE__ */ x("a", { ...t, href: h, className: m(c, f), target: o, rel: g, children: l });
+  })(), s = t.target === "_blank" || h && !a && !u ? "_blank" : t.target, g = s === "_blank" ? "noopener noreferrer" : t.rel;
+  return /* @__PURE__ */ x("a", { ...t, href: d, className: m(c, f), target: s, rel: g, children: l });
 };
 export {
   w as Anchor

package/dist/components/Checkbox.js

@@ -11,21 +11,11 @@ const d = ({
   error: o = !1,
   ...n
 }) => /* @__PURE__ */ m("label", { htmlFor: t, className: "text-medium flex cursor-pointer items-center gap-2 text-neutral-800 select-none", children: [
-  /* @__PURE__ */ r(
-    "input",
-    {
-      "data-qa": s,
-      id: t,
-      name: i,
-      type: "checkbox",
-      required: a,
-      className: "peer sr-only",
-      ...n
-    }
-  ),
+  /* @__PURE__ */ r("input", { id: t, name: i, type: "checkbox", required: a, className: "peer sr-only", ...n }),
   /* @__PURE__ */ r(
     "div",
     {
+      "data-qa": s,
       className: c(
         "flex h-5.5 w-5.5 items-center justify-center rounded transition-colors",
         "peer-focus-visible:ring-primary-500 peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2",

package/dist/components/FaqsTemplate.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { AsideNavMenu as x } from "./AsideNavMenu.js";
 import { Jumbotron2 as i } from "./Jumbotron2.js";
-import { FaqSection as t } from "./FaqSection.js";
-const d = ({ jumbotron: m, 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__ */ a("div", { className: "mx-auto flex w-full max-w-300 flex-col gap-10", children: [
-  /* @__PURE__ */ e(i, { ...m }),
-  /* @__PURE__ */ a("div", { className: "flex flex-col gap-10 md:flex-row md:gap-24", children: [
+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(i, { ...a }),
+  /* @__PURE__ */ m("div", { className: "flex flex-col gap-10 md:flex-row md:gap-24", children: [
     /* @__PURE__ */ e(x, { ...r }),
-    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-10", children: o.map((l) => /* @__PURE__ */ e(t, { ...l, variant: "legal" }, l.title)) })
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col gap-10", children: o.map((l) => /* @__PURE__ */ e(p, { ...l }, l.title)) })
   ] })
 ] }) });
 export {

package/dist/components/index.d.ts

@@ -0,0 +1,1333 @@
+import { ChangeEvent } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { ChangeEventHandler } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { ComponentProps } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { ComponentPropsWithRef } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { default as default_2 } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { FC } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { FC as FC_2 } from '../../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { HTMLInputTypeAttribute } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+import { SVGProps } from '../../../node_modules/.pnpm/react@19.2.4/node_modules/react';
+
+export declare const AddIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const AlternativeSubtypeDocument: FC<AlternativeSubtypeDocumentProps>;
+
+export declare interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {
+    format: 'Alternative';
+}
+
+export declare const Article: FC<ArticleProps>;
+
+export declare interface ArticleProps {
+    id: string;
+    title: ReactNode;
+    description: string;
+    image: ReactNode;
+    cta: ReactNode;
+    isRow?: boolean;
+}
+
+export declare const AsideNavMenu: FC<AsideNavMenuProps>;
+
+export declare interface AsideNavMenuProps {
+    menuItems: Array<{
+        label: string;
+        href: string;
+    }>;
+}
+
+export declare const Badge: FC<BadgeProps>;
+
+export declare interface BadgeProps {
+    children?: ReactNode;
+    color?: 'primary' | 'secondary';
+    className?: string;
+}
+
+export declare const BannerTagSection: FC<BannerTagSectionProps>;
+
+export declare interface BannerTagSectionProps {
+    title: string;
+    description: string;
+    cta: ReactNode;
+    rightImage: ReactNode | null;
+    tags: {
+        top: TagProps | null;
+        middle: TagProps | null;
+        bottom: TagProps | null;
+    };
+    variant: 'esign' | 'ratafia';
+}
+
+export declare interface BaseSubtypeDocumentProps {
+    id: string;
+    link: ReactNode;
+    sampleImage: ReactNode;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
+}
+
+export declare const BenefitsBar: FC<BenefitsBarProps>;
+
+export declare interface BenefitsBarProps {
+    benefits: {
+        src: string;
+        text: string;
+    }[];
+}
+
+export declare const BlogSection: FC<BlogSectionProps>;
+
+export declare interface BlogSectionProps {
+    header: SectionHeadingProps | null;
+    articles: ArticleProps[];
+    cta: ReactNode | null;
+    className?: string;
+    variant?: 'column' | 'row';
+}
+
+export declare const Breadcrumb: FC<BreadcrumbProps>;
+
+export declare interface BreadcrumbProps {
+    breadcrumbs: {
+        id: string;
+        link: ReactNode;
+    }[];
+    className?: string;
+}
+
+export declare const BusinessIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const Button: ({ children, type, size, variant, iconPosition, className, disabled, ref, dataQa, ...props }: ButtonProps) => JSX.Element;
+
+export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ResponsiveButtonVariant;
+    iconPosition?: IconPosition;
+    dataQa?: string;
+}
+
+export declare type ButtonSize = 'small' | 'default' | 'large';
+
+export declare 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 CaFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const CategoriesSection: FC<CategoriesSectionProps>;
+
+export declare interface CategoriesSectionProps {
+    header: SectionHeadingProps;
+    categories: {
+        title: string;
+        description: string;
+        icon: ReactNode;
+        cta: ReactNode;
+    }[];
+    cta: ReactNode;
+}
+
+export declare const Checkbox: FC<CheckboxProps>;
+
+export declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    dataQa?: string;
+    id: string;
+    name: string;
+    required?: boolean;
+    children: ReactNode;
+    error?: boolean;
+    errorMessage?: string;
+}
+
+export declare const CheckIcon: FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const ChevronDownIcon: ({ fill, ...props }: React_2.SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const ChevronRightIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ClearIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const CloseIcon: ({ fill, ...props }: React_2.SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const CommunicationIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ContactBanner: FC<ContactBannerProps>;
+
+export declare interface ContactBannerProps {
+    contactText?: string;
+    phoneNumber?: string;
+    contactHoursText?: string;
+    contactHours?: string;
+    isScrolled?: boolean;
+}
+
+export interface ContactFormCheckboxFieldProps extends Omit<ContactFormFieldProps, 'placeholder' | 'tooltip'> {
+    checked: boolean;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+}
+
+export interface ContactFormFeedbackProps {
+    message: string;
+    title?: string;
+    cta: ReactNode | ButtonProps;
+}
+
+export declare interface ContactFormFieldProps {
+    dataQa?: string;
+    label: string;
+    id: string;
+    name: string;
+    placeholder?: string;
+    required?: boolean;
+    tooltip?: string;
+    error?: boolean;
+    errorMessage?: string;
+}
+
+export declare const ContactFormSection: FC<ContactFormSectionProps>;
+
+export declare interface ContactFormSectionProps {
+    title: ReactNode;
+    subjectOptions: {
+        label: string;
+        value: string;
+    }[];
+    fullNameField: Omit<ContactFormTextFieldProps, 'tooltip'>;
+    emailField: Omit<ContactFormTextFieldProps, 'tooltip'>;
+    referenceNumberField: ContactFormTextFieldProps;
+    subjectField: ContactFormSelectFieldProps;
+    messageField: ContactFormTextareaFieldProps;
+    requiredFieldsText: string;
+    privacyField: ContactFormCheckboxFieldProps;
+    securityHint: string;
+    status?: 'default' | 'loading' | 'success' | 'error';
+    successFeedback: ContactFormFeedbackProps;
+    errorFeedback: ContactFormFeedbackProps;
+    onSubmit?: ComponentProps<'form'>['onSubmit'];
+    button: ButtonProps;
+}
+
+export interface ContactFormSelectFieldProps extends Omit<ContactFormFieldProps, 'tooltip'> {
+    value: string;
+    onChange: ChangeEventHandler<HTMLSelectElement>;
+}
+
+export interface ContactFormTextareaFieldProps extends Omit<ContactFormFieldProps, 'tooltip'> {
+    value: string;
+    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+}
+
+export interface ContactFormTextFieldProps extends ContactFormFieldProps {
+    value: string;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+}
+
+export declare interface ContactMethod {
+    id: string;
+    label?: ReactNode;
+    helper?: string;
+    variant: 'phone' | 'email' | 'location';
+}
+
+export declare const ContactMethodCard: FC<ContactMethod>;
+
+export declare const ContactMethodsSection: FC<ContactMethodsSectionProps>;
+
+export declare interface ContactMethodsSectionProps {
+    items: ContactMethod[];
+}
+
+export declare const ContactUsSection: FC<ContactUsSectionProps>;
+
+export declare interface ContactUsSectionProps {
+    header: SectionHeadingProps;
+    contactOptions: Array<{
+        title: string;
+        description?: string;
+        icon: ReactNode;
+        helper?: string;
+        url?: string;
+        dataQa?: string;
+    }>;
+}
+
+export declare const ContentItem: FC<ContentItemProps>;
+
+export declare interface ContentItemProps {
+    id: string;
+    title: string | null;
+    content: string | null;
+    linkedProducts: LinkedProductProps[];
+    sampleImage: ImageWithPreviewProps | null;
+    cta: ReactNode | null;
+    comingSoonCta: ReactNode | null;
+    docsModules: {
+        pdfDownload: ReactNode;
+        wordDownload: ReactNode;
+    } | null;
+    subtypeDocs: SubtypeDocumentProps[];
+}
+
+export declare const CookiesBar: FC<CookiesBarProps>;
+
+export declare interface CookiesBarProps {
+    policyMessage: string;
+    acceptButton: ButtonProps;
+}
+
+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: LinkWrapperProps;
+    children?: ReactNode;
+    className?: string;
+    contentClassName?: string;
+    childrenClassName?: string;
+}
+
+export declare const CtaSummarizedTag: FC<CtaFeatureTagProps>;
+
+export declare const DefaultSubtypeDocument: FC<DefaultSubtypeDocumentProps>;
+
+export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
+    format: 'Default';
+    createDocButton: ReactNode;
+    description: string;
+}
+
+export declare const DeFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const DocEditFillIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const DocOutlineIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+
+export declare const DocumentCategories: FC<DocumentCategoriesProps>;
+
+export declare interface DocumentCategoriesProps {
+    title: string;
+    categories: {
+        id: string;
+        title: string;
+        icon: ReactNode;
+    }[];
+}
+
+export declare const DocumentItem: FC<DocumentItemProps>;
+
+export declare interface DocumentItemProps {
+    id: string;
+    link: ReactNode;
+    description: string;
+    className?: string;
+}
+
+export declare const DocumentReviewUploadCard: FC<DocumentReviewUploadCardProps>;
+
+export declare interface DocumentReviewUploadCardProps {
+    uploadPromptText: string;
+    addDocumentLabel: string;
+    fileSizeText: string;
+    disclaimer: ReactNode;
+    onAddDocument?: () => void;
+    /** Default shows PlusIcon; override for custom icon */
+    addDocumentIcon?: ReactNode;
+    variant?: DocumentReviewUploadCardVariant;
+    className?: string;
+}
+
+export declare type DocumentReviewUploadCardVariant = 'glassOnDark' | 'embeddedOnDark';
+
+export declare const DocumentSection: FC<DocumentSectionProps>;
+
+export declare interface DocumentSectionProps {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+    documents: DocumentItemProps[];
+}
+
+export declare const DoneCircleIcon: React_2.FC<DoneCircleIconProps>;
+
+export declare interface DoneCircleIconProps extends React_2.SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+
+export declare const DoneIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const EmploymentIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const EstatePlanningIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ExpertsSection: FC<ExpertsSectionProps>;
+
+export declare interface ExpertsSectionProps {
+    header: SectionHeadingProps;
+    experts: Array<{
+        name: string;
+        title: string;
+        image: ReactNode;
+    }>;
+}
+
+export declare const FacebookIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const FamilyIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const FaqItem: FC<FaqItemProps>;
+
+export declare interface FaqItemProps {
+    question: string;
+    answer: string;
+    showMoreText?: string;
+    collapsedButtonText?: string;
+    expandedButtonText?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+    slug: string;
+}
+
+export declare const FaqItemWrapper: FC<{
+    question: ReactNode;
+    children: ReactNode;
+}>;
+
+export declare const FaqSection: FC<FaqSectionProps>;
+
+export declare interface FaqSectionProps {
+    title: string;
+    description: string;
+    faqItems: FaqItemProps[];
+    className?: string;
+    variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
+}
+
+export declare const FaqTeaserSection: FC<FaqTeaserSectionProps>;
+
+export declare interface FaqTeaserSectionProps {
+    header: SectionHeadingProps;
+    questions: {
+        id: string;
+        content: ReactNode;
+    }[];
+    cta: ReactNode;
+    bgImage: ReactNode;
+}
+
+export declare const FastAndSimpleSection: FC<FastAndSimpleSectionProps>;
+
+export declare interface FastAndSimpleSectionProps {
+    bgImage: ReactNode | null;
+    title: string;
+    description: string;
+    benefits: QuickBenefit[];
+    variant: 'esign' | 'ratafia';
+}
+
+export declare interface Features {
+    id: string;
+    title: string;
+    icon: ReactNode | null;
+    description: string;
+    upcoming: boolean;
+    upcomingText?: string;
+}
+
+export declare const FeaturesSection: FC<FeaturesSectionProps>;
+
+export declare interface FeaturesSectionProps {
+    title: string;
+    description: string;
+    features: Features[];
+    rightImage: ReactNode | null;
+}
+
+export declare const FillFormsIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const FinanceIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const Footer: FC<FooterProps>;
+
+export declare const FooterNav: FC<FooterNavProps>;
+
+export interface FooterNavItemProps {
+    id: string;
+    link: ReactNode;
+    badge?: string | null;
+}
+
+export declare interface FooterNavProps {
+    title: string;
+    links: FooterNavItemProps[];
+}
+
+export declare interface FooterProps {
+    nav: FooterNavProps[];
+    contactInfo: {
+        phoneNumber: string;
+        contactHoursText: string;
+        contactHours: string;
+        dataQa?: string;
+    };
+    logoGray?: ReactNode;
+    socialLinks?: ReactNode[];
+    legalLinks?: ReactNode[];
+    disclaimerText?: string;
+    copyrightText?: string;
+    trustPilot?: ReactNode;
+    languageSelector?: ReactNode;
+}
+
+export declare interface FormattedLanguageItem {
+    code: string;
+    name: string;
+    url?: string;
+    flag: ReactNode;
+}
+
+export declare const FreeDocumentModal: FC<FreeDocumentModalProps>;
+
+export declare interface FreeDocumentModalProps {
+    image?: ReactNode;
+    title?: string;
+    description?: string;
+    cta?: ReactNode;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+}
+
+export declare const GbFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const getButtonClasses: (size?: ButtonSize, variant?: ResponsiveButtonVariant, iconPosition?: IconPosition, disabled?: boolean, className?: string) => string;
+
+export declare const GuidelinesSection: FC<GuidelinesSectionProps>;
+
+export declare interface GuidelinesSectionProps {
+    header: SectionHeadingProps;
+    guidelineCards: Array<{
+        title: string;
+        image: ReactNode;
+        content: string;
+    }>;
+    footerCard: {
+        title: string;
+        image: ReactNode;
+        content: string;
+        cta: LinkWrapperProps;
+    };
+}
+
+export declare const HamburgerIcon: ({ fill, ...props }: React_2.SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const Header: FC<HeaderProps>;
+
+export declare interface HeaderProps {
+    logo: ReactNode;
+    navMenu: NavMenuProps;
+    searchBarProps: SearchBarProps;
+    languageSelectorProps?: LanguageSelectorProps;
+    userActions: ReactNode;
+    mobileMenu: Omit<MobileMenuProps, 'logo' | 'userActions' | 'searchBarProps'>;
+}
+
+export declare const HelpGuideIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare type Hero2Highlight = {
+    id: string;
+    label: string;
+    icon: ReactNode;
+};
+
+export declare const Hero2Section: FC<Hero2SectionProps>;
+
+export declare interface Hero2SectionProps {
+    bgLeft: ReactNode | null;
+    bgRight: ReactNode | null;
+    title: string;
+    description: string;
+    highlights: Hero2Highlight[];
+    variant: 'esign' | 'ratafia';
+    uploadZone: UploadZoneProps;
+}
+
+export declare const HeroImageShell: FC<HeroImageShellProps>;
+
+export declare interface HeroImageShellProps {
+    src: string | null;
+    alt: string;
+    priority?: boolean;
+}
+
+export declare const HeroSection: FC<HeroSectionProps>;
+
+export declare interface HeroSectionProps {
+    title: string;
+    description?: string;
+    bgImage: ReactNode | null;
+    cta?: ReactNode;
+    heroDocuments: ItemProps[];
+    listTitle?: string;
+}
+
+export declare const HighlightedText: React_2.FC<{
+    text: string;
+    highlight: string;
+}>;
+
+export declare const HistoryIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare interface HomeStepsProps {
+    image: ReactNode;
+    header: SectionHeadingProps;
+    steps: {
+        id: string;
+        title: string;
+        description: string;
+        image: ReactNode;
+    }[];
+}
+
+export declare const HowItWorksSection: FC<HowItWorksSectionProps>;
+
+export declare interface HowItWorksSectionProps {
+    media: ReactNode;
+    title: string;
+    description: string;
+    steps: HowItWorksStep[];
+    variant: 'esign' | 'ratafia';
+}
+
+export declare interface HowItWorksStep {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+}
+
+export declare type IconPosition = 'left' | 'right' | 'top';
+
+export declare const ImageWithPreview: FC<ImageWithPreviewProps>;
+
+export declare interface ImageWithPreviewProps {
+    small: ReactNode;
+    large: ReactNode;
+    onZoomClick?: () => void;
+}
+
+export declare const InfoIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const Input: FC<InputProps>;
+
+export declare type InputFieldData = {
+    isVisible: boolean;
+    id: string;
+    label: string;
+    name: string;
+    placeholder: string;
+    value: string;
+    onChange: (str: string) => void;
+    dataQa: string;
+};
+
+export declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    dataQa?: string;
+    label: string;
+    id: string;
+    name: string;
+    type?: HTMLInputTypeAttribute;
+    placeholder?: string;
+    required?: boolean;
+    tooltip?: string;
+    onInputChange?: (str: string) => void;
+    containerClassName?: string;
+    error?: boolean;
+    errorMessage?: string;
+}
+
+export declare const InstagramIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const IntroSection: FC<IntroSectionProps>;
+
+export declare interface IntroSectionProps {
+    image: ReactNode;
+    children: ReactNode;
+    cta?: LinkWrapperProps;
+    className?: string;
+    containerClassName?: string;
+    firstColumnClassName?: string;
+    secondColumnClassName?: string;
+}
+
+export declare const Item: FC<ItemProps>;
+
+export declare interface ItemProps {
+    id: string;
+    image: ReactNode;
+    description?: string;
+    url: ReactNode;
+    urlDataQaSuffix?: string;
+    variant?: 'default' | 'card';
+    className?: string;
+}
+
+export declare const JumboCard: FC<JumboCardProps>;
+
+export declare interface JumboCardProps {
+    title: string;
+    description: string;
+    subtitle?: string;
+    bgImage: ReactNode | null;
+    lastUpdate?: string;
+}
+
+export declare const JumboDocs: FC<JumboDocsProps>;
+
+export declare interface JumboDocsProps {
+    trustedBadge?: TrustedBadgeProps;
+    imagePreview: ReactNode | null;
+    title: string;
+    freeDocTexts: string[];
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
+}
+
+export declare const Jumbotron: FC<JumbotronProps>;
+
+export declare const Jumbotron2: FC<Jumbotron2Props>;
+
+export declare interface Jumbotron2Props {
+    title: ReactNode;
+    subtitle?: string;
+    className?: string;
+    children?: ReactNode;
+    variant?: 'default' | 'contact';
+}
+
+export declare const Jumbotron3: FC<Jumbotron3Props>;
+
+export declare interface Jumbotron3Props {
+    title: string;
+}
+
+export declare interface JumbotronProps {
+    title: string;
+    description: string;
+    bgImage: ReactNode | null;
+}
+
+export declare const LanguageSelector: FC<LanguageSelectorProps>;
+
+export declare interface LanguageSelectorProps {
+    currentLanguage: FormattedLanguageItem;
+    availableLanguages: FormattedLanguageItem[];
+    variant?: LanguageSelectorVariant;
+    isOpen?: boolean;
+    onToggle?: () => void;
+}
+
+export declare type LanguageSelectorVariant = 'default' | 'compact';
+
+export declare const LawGeniusImageShell: FC<LawGeniusImageShellProps>;
+
+export declare interface LawGeniusImageShellProps {
+    src: string | null;
+    alt: string;
+}
+
+export declare interface LawGeniusSectionProps {
+    title: string;
+    content: string;
+    benefits?: {
+        id: string;
+        label: string;
+        icon: ReactNode;
+    }[];
+    /** When set, renders below the markdown instead of benefit chips (e.g. stacked AI step cards). */
+    stepsSlot?: ReactNode;
+    /** Optional copy between steps and CTA (centered + steps layout only). */
+    belowStepsSlot?: ReactNode;
+    cta: ReactNode;
+    image: ReactNode;
+    /** When true with `stepsSlot`, skips LinkWrapper around `cta` (e.g. plain Button). */
+    skipCtaWrapper?: boolean;
+    sectionClassName?: string;
+    innerClassName?: string;
+}
+
+export declare const LawGeniusStepCard: FC<LawGeniusStepCardProps>;
+
+export declare interface LawGeniusStepCardProps {
+    title: string;
+    descriptionMarkdown: string;
+    iconUrl: string | null;
+    iconAlt?: string;
+}
+
+export declare const LinkedinIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare interface LinkedProductProps {
+    slug: string;
+    children: ReactNode;
+}
+
+export declare const LinkedProducts: FC<LinkedProductsProps>;
+
+export declare interface LinkedProductsProps {
+    linkedProducts: LinkedProductProps[];
+}
+
+export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapperProps) => JSX.Element;
+
+export declare interface LinkWrapperProps {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ResponsiveButtonVariant;
+    iconPosition?: IconPosition;
+    disabled?: boolean;
+    className?: string;
+}
+
+export declare const LocationIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const MailFillIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const Markdown: FC_2<MarkdownProps>;
+
+export declare interface MarkdownProps {
+    content: string;
+    className?: string;
+    useCustom?: boolean;
+    variant?: MarkdownVariants;
+}
+
+export type MarkdownVariants = 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'story';
+
+export declare const MissionSection: FC<MissionSectionProps>;
+
+export declare interface MissionSectionProps {
+    title: string;
+    body: string;
+    image: ReactNode;
+}
+
+export declare interface MobileContactInfo {
+    phoneNumber: string;
+    contactHoursLabel?: string;
+    contactHours?: string;
+    dataQa?: string;
+}
+
+export declare const MobileMenu: FC<MobileMenuProps>;
+
+export declare interface MobileMenuProps {
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    logo: ReactNode;
+    userActions: ReactNode;
+    searchBarProps: SearchBarProps;
+    sections?: MobileMenuSection[];
+    contactInfo?: MobileContactInfo;
+    openText: string;
+    closeText: string;
+}
+
+export declare interface MobileMenuSection {
+    id?: string;
+    title?: string;
+    icon: ReactNode | null;
+    items?: {
+        id: string;
+        link: ReactNode;
+        tag?: string;
+    }[];
+    seeAll?: ReactNode | null;
+    content?: ReactNode | null;
+}
+
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger }: ModalProps) => JSX.Element;
+
+export interface ModalProps {
+    trigger?: ReactNode;
+    children: ReactNode;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    showClose?: boolean;
+    onTrigger?: () => void;
+}
+
+export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;
+
+export declare const NavMenu: FC<NavMenuProps>;
+
+export declare const NavMenuItem: FC<NavMenuItemProps | NavMenuLink>;
+
+export declare type NavMenuItemProps = {
+    id: string;
+    label: string;
+    dataQa?: string;
+    dropdownItems: (NavMenuItemProps | NavMenuLink)[];
+    hasDropdown: true;
+    isNested?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
+};
+
+export declare type NavMenuLink = {
+    id: string;
+    link: ReactNode;
+    tag?: string;
+    hasDropdown: false;
+    isNested?: boolean;
+    bold?: boolean;
+    onItemClick?: () => void;
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
+    dataQa?: string;
+};
+
+export declare interface NavMenuProps {
+    navItems: (NavMenuItemProps | NavMenuLink)[];
+    className?: string;
+}
+
+export declare const Note: FC<NoteProps>;
+
+export interface NoteProps {
+    children: ReactNode;
+}
+
+export declare const PartnersSection: FC<PartnersSectionProps>;
+
+export declare interface PartnersSectionProps {
+    header: SectionHeadingProps;
+    body: string;
+    partners: Array<{
+        name: string;
+        logo: ReactNode;
+    }>;
+}
+
+export declare const PersonalIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const PhoneButton: ({ phoneNumber, className, dataQa }: PhoneButtonProps) => JSX.Element;
+
+export interface PhoneButtonProps {
+    phoneNumber: string;
+    className?: string;
+    dataQa?: string;
+}
+
+export declare const PhoneIcon: default_2.FC<{
+    width?: number;
+    height?: number;
+    fill?: string;
+}>;
+
+export declare const PhoneTalkIcon: ({ fill, ...props }: React_2.SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const PlusIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare interface PopularDocumentsProps {
+    header: SectionHeadingProps;
+    moreDocuments?: ItemProps[];
+}
+
+export declare const Preform: FC<PreformProps>;
+
+export declare const PreformOption: FC<PreformOptionProps>;
+
+export declare interface PreformOptionProps {
+    label: string;
+    value: string;
+    alternativeUrl: string | null;
+    dataQa?: string;
+    icon: ReactNode;
+    selected: boolean;
+    onClick?: (str: string) => void;
+}
+
+export declare interface PreformProps {
+    trustedBadge: TrustedBadgeProps;
+    cta: ReactNode;
+    radioFieldData?: RadioFieldData;
+    inputFieldData?: InputFieldData;
+    tooltips: TooltipsProps[];
+}
+
+export declare const PreviewDownload: FC<PreviewDownloadProps>;
+
+export declare interface PreviewDownloadProps {
+    title: string;
+    preview: ImageWithPreviewProps | null;
+    cta: ReactNode | null;
+    footerText: string;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
+    onZoomClick?: () => void;
+}
+
+export declare const PreviewSection: FC<PreviewSectionProps>;
+
+export declare interface PreviewSectionProps {
+    title: string;
+    documentPreview: string;
+    cta: ReactNode;
+    comingSoonCta: ReactNode | null;
+    onPreviewScroll?: () => void;
+}
+
+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: {
+        image: ReactNode;
+        text: string;
+        id: string;
+        isHighlighted?: boolean;
+        cardStyles?: PricingPlanVariant;
+    }[];
+    cta?: ReactNode;
+    icon?: ReactNode;
+}
+
+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 = 'Primary' | 'Secondary';
+
+export declare interface PricingSupportTeaserCard {
+    id: string;
+    icon: ReactNode;
+    content: string;
+}
+
+export declare const PricingSupportTeaserSection: FC<PricingSupportTeaserSectionProps>;
+
+export declare interface PricingSupportTeaserSectionProps {
+    cards: PricingSupportTeaserCard[];
+    heading: string;
+    description: string;
+}
+
+export declare const PrintIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const PrivateIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ProcessSection: FC<HomeStepsProps>;
+
+export declare const ProductInfo: FC<ProductInfoProps>;
+
+export declare interface ProductInfoProps {
+    lastUpdate: string;
+    reviewer?: ReactNode;
+    alsoKnownAs: {
+        label: string;
+        docs: string[];
+    };
+}
+
+export declare const QuestionIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const QuestionOutlineIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare interface QuickBenefit {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+}
+
+export declare type RadioFieldData = {
+    isVisible: boolean;
+    label: string;
+    name: string;
+    options: PreformOptionProps[];
+    radioSelected: string;
+    onClick: (str: string) => void;
+};
+
+export declare const RatafiaSection: FC<LawGeniusSectionProps>;
+
+export declare const RealStateIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ResourcesImageShell: FC<ResourcesImageShellProps>;
+
+export declare interface ResourcesImageShellProps {
+    src: string | null;
+    alt: string;
+}
+
+export declare type ResponsiveButtonVariant = ButtonVariant | {
+    initial?: ButtonVariant;
+    sm?: ButtonVariant;
+    md?: ButtonVariant;
+    lg?: ButtonVariant;
+    xl?: ButtonVariant;
+};
+
+export declare const SaveIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ScalatorIcon: ({ fill, ...props }: React_2.SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const SearchBar: FC<SearchBarProps>;
+
+export declare interface SearchBarProps {
+    items: SearchItem[];
+    placeholder?: string;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    searchValue?: string;
+    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    allDocumentsItem?: SearchItem;
+}
+
+export declare const SearchIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare interface SearchItem {
+    id: string;
+    link: ReactNode;
+}
+
+export declare const SectionHeading: FC<SectionHeadingProps>;
+
+export declare interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+    hasMaxWidth?: boolean;
+}
+
+export declare const Select: FC<SelectProps>;
+
+export declare interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    dataQa?: string;
+    label?: string;
+    id: string;
+    name: string;
+    required?: boolean;
+    placeholder?: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    containerClassName?: string;
+    error?: boolean;
+    errorMessage?: string;
+}
+
+export declare const SinglePhoneIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const SparkIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const StarsIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const StepImageShell: FC<StepImageShellProps>;
+
+export declare interface StepImageShellProps {
+    src: string | null;
+    alt: string;
+}
+
+export declare const Storyline: FC<StorylineProps>;
+
+export declare interface StorylineProps {
+    title: string;
+    text: string;
+    storyItems: {
+        title: string;
+        description: string;
+        icon: ReactNode;
+    }[];
+}
+
+export declare type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
+
+export declare const TableOfContents: FC<TableOfContentsProps>;
+
+export declare interface TableOfContentsProps {
+    title: string;
+    contents: {
+        title: string;
+        link: string;
+    }[];
+}
+
+export declare const TableOfContentsWrapper: FC<{
+    title: ReactNode;
+    children: ReactNode;
+}>;
+
+export interface TagProps {
+    title: string;
+    icon: ReactNode;
+    variant: 'default' | 'highlight' | 'dark';
+    className?: string;
+}
+
+export declare const Textarea: FC<TextareaProps>;
+
+export declare interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    dataQa?: string;
+    label: string;
+    id: string;
+    name: string;
+    required?: boolean;
+    placeholder?: string;
+    error?: boolean;
+    errorMessage?: string;
+}
+
+export declare const TikTokIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const TimeIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const Toast: ({ show, title, message, type, onClose }: ToastProps) => JSX.Element | null;
+
+export declare interface ToastProps {
+    show: boolean;
+    title: string;
+    message: string;
+    type?: 'success' | 'error' | 'default';
+    onClose: () => void;
+}
+
+export declare const Tooltips: FC<TooltipsProps>;
+
+export declare interface TooltipsProps {
+    title: string;
+    content: string;
+}
+
+export declare const TrustedBadge: FC<TrustedBadgeProps>;
+
+export declare interface TrustedBadgeProps {
+    children: ReactNode;
+}
+
+export declare const TrustedIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const TrustPilotSection: ({ trustPilot, content, title }: TrustPilotSectionProps) => JSX.Element;
+
+export declare interface TrustPilotSectionProps {
+    trustPilot?: React.ReactNode;
+    content: string;
+    title: string;
+}
+
+export declare const TrustSection: FC<TrustSectionProps>;
+
+export declare interface TrustSectionProps {
+    header: SectionHeadingProps;
+    trustReasons: string[];
+    cta: ReactNode;
+    trustPilot?: ReactNode;
+}
+
+export declare const TryNowSection: FC<TryNowSectionProps>;
+
+export declare interface TryNowSectionProps {
+    title: string;
+    benefits: string[];
+    cta: ReactNode;
+}
+
+export declare const TwoColumnSection: FC<TwoColumnSectionProps>;
+
+export declare interface TwoColumnSectionProps {
+    firstColumn: ReactNode;
+    secondColumn: ReactNode;
+    className?: string;
+    containerClassName?: string;
+}
+
+export declare const UnsubscribeSection: FC<UnsubscribeSectionProps>;
+
+export declare interface UnsubscribeSectionProps {
+    children: ReactNode;
+}
+
+export interface UploadZoneProps {
+    uploadPromptText: string;
+    addDocumentLabel: string;
+    fileSizeText: string;
+    disclaimer: string;
+    containerClassName?: string;
+    onAddDocument?: () => void;
+    onDropDocument?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dataQa?: string;
+}
+
+export declare const UsFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ValuesSection: FC<ValuesSectionProps>;
+
+export declare interface ValuesSectionProps {
+    title: string;
+    body: string;
+    image: ReactNode;
+}
+
+export declare const VerifiedIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const WeHelpSection: FC<WeHelpSectionProps>;
+
+export declare interface WeHelpSectionProps {
+    title: string;
+    image: ReactNode;
+    cta: LinkWrapperProps;
+    body: string;
+}
+
+export declare const ZoomIcon: FC<SVGProps<SVGSVGElement>>;
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.158.2",
+  "version": "0.158.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",