@npm_leadtech/legal-contracts-ui 0.58.4 → 0.58.6

package/dist/components/Preform.d.ts

@@ -1,33 +1,21 @@
 import { FC } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
 import { ReactNode } from 'react';
 
-export declare interface BaseOptionProps {
+export declare type InputFieldData = {
     isVisible: boolean;
-}
-
-export type CreateOption<T, P> = BaseOptionProps & P & {
-    type: T;
-};
-
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label: string;
     id: string;
+    label: string;
     name: string;
-    type?: HTMLInputTypeAttribute;
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: string;
-    onInputChange?: (str: string) => void;
-}
-
-export declare type OptionProps = CreateOption<'input', InputProps> | CreateOption<'radio', PreformOptionProps>;
+    value: string;
+    placeholder: string;
+    onChange: (str: string) => void;
+};
 
 export declare const Preform: FC<PreformProps>;
 
 export interface PreformOptionProps {
-    id: string;
     label: string;
+    value: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;
@@ -35,15 +23,20 @@ export interface PreformOptionProps {
 
 export declare interface PreformProps {
     trustedBadge: TrustedBadgeProps;
-    title?: string;
-    options: OptionProps[];
     cta: ReactNode;
-    radioSelected?: string;
-    onClickRadio?: (str: string) => void;
-    inputValue?: string;
-    onInputChange?: (str: string) => void;
+    radioFieldData?: RadioFieldData;
+    inputFieldData?: InputFieldData;
 }
 
+export declare type RadioFieldData = {
+    isVisibile: boolean;
+    label: string;
+    name: string;
+    options: PreformOptionProps[];
+    radioSelected: string;
+    onClick: (str: string) => void;
+};
+
 export interface TrustedBadgeProps {
     children: ReactNode;
 }

package/dist/components/Preform.js

@@ -1,32 +1,42 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { TrustedBadge as p } from "./TrustedBadge.js";
-import { PreformOption as f } from "./PreformOption.js";
-import { Input as n } from "./Input.js";
-const h = ({
-  trustedBadge: r,
-  title: a,
-  options: s,
-  cta: m,
-  radioSelected: t,
-  onClickRadio: c,
-  inputValue: i,
-  onInputChange: x
-}) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ d("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
-  /* @__PURE__ */ e(p, { ...r }),
-  /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: a }),
-  /* @__PURE__ */ e("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: s.map((l) => {
-    if (l.isVisible)
-      return l.type === "radio" ? /* @__PURE__ */ e(
+import { jsx as l, jsxs as c, Fragment as a } from "react/jsx-runtime";
+import { TrustedBadge as n } from "./TrustedBadge.js";
+import { PreformOption as o } from "./PreformOption.js";
+import { Input as p } from "./Input.js";
+const i = ({ trustedBadge: r, cta: x, inputFieldData: e, radioFieldData: m }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ c("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
+  /* @__PURE__ */ l(n, { ...r }),
+  m?.isVisibile && /* @__PURE__ */ c(a, { children: [
+    /* @__PURE__ */ l("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
+    /* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
+      m.options.map((s) => /* @__PURE__ */ l(
         "div",
         {
           className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-          children: /* @__PURE__ */ e(f, { ...l, selected: l.id === t, onClick: c })
+          children: /* @__PURE__ */ l(
+            o,
+            {
+              ...s,
+              selected: s.value === m.radioSelected,
+              onClick: m.onClick
+            }
+          )
         },
-        l.id
-      ) : /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(n, { ...l, value: i, onInputChange: x }) }, l.id);
-  }) }),
-  m
+        s.value
+      )),
+      e?.isVisible && /* @__PURE__ */ l("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ l(
+        p,
+        {
+          id: e.id,
+          label: e.label,
+          name: e.name,
+          placeholder: e.placeholder,
+          value: e.value,
+          onInputChange: e.onChange
+        }
+      ) }, e.name)
+    ] })
+  ] }),
+  x
 ] }) });
 export {
-  h as Preform
+  i as Preform
 };

package/dist/components/PreformOption.d.ts

@@ -4,8 +4,8 @@ import { ReactNode } from 'react';
 export declare const PreformOption: FC<PreformOptionProps>;
 
 export declare interface PreformOptionProps {
-    id: string;
     label: string;
+    value: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;

package/dist/components/PreformOption.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import "react";
-const m = ({ id: o, label: l, selected: r, icon: n, onClick: t }) => /* @__PURE__ */ i(
+const m = ({ value: o, label: l, selected: r, icon: n, onClick: t }) => /* @__PURE__ */ i(
   "button",
   {
     className: `group flex w-full cursor-pointer items-center gap-2 rounded border-2 p-2 hover:bg-neutral-50 sm:flex-col sm:p-4 ${r ? "border-primary-900" : "border-neutral-200"}`,

package/dist/components/ProductTemplate.d.ts

@@ -1,16 +1,11 @@
 import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
 import { ReactNode } from 'react';
 
 export interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Alternative';
 }
 
-export interface BaseOptionProps {
-    isVisible: boolean;
-}
-
 export interface BaseSubtypeDocumentProps {
     id: string;
     link: ReactNode;
@@ -56,10 +51,6 @@ export interface ContentItemProps {
     subtypeDocs: SubtypeDocumentProps[];
 }
 
-export type CreateOption<T, P> = BaseOptionProps & P & {
-    type: T;
-};
-
 export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
     format: 'Default';
     createDocButton: ButtonProps;
@@ -93,16 +84,15 @@ export interface ImageWithPreviewProps {
     large: ReactNode;
 }
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label: string;
+export type InputFieldData = {
+    isVisible: boolean;
     id: string;
+    label: string;
     name: string;
-    type?: HTMLInputTypeAttribute;
-    placeholder?: string;
-    required?: boolean;
-    tooltip?: string;
-    onInputChange?: (str: string) => void;
-}
+    value: string;
+    placeholder: string;
+    onChange: (str: string) => void;
+};
 
 export interface JumbotronProps {
     title: string;
@@ -115,11 +105,9 @@ export interface LinkedProductProps {
     children: ReactNode;
 }
 
-export type OptionProps = CreateOption<'input', InputProps> | CreateOption<'radio', PreformOptionProps>;
-
 export interface PreformOptionProps {
-    id: string;
     label: string;
+    value: string;
     icon: ReactNode;
     selected: boolean;
     onClick?: (str: string) => void;
@@ -127,13 +115,9 @@ export interface PreformOptionProps {
 
 export interface PreformProps {
     trustedBadge: TrustedBadgeProps;
-    title?: string;
-    options: OptionProps[];
     cta: ReactNode;
-    radioSelected?: string;
-    onClickRadio?: (str: string) => void;
-    inputValue?: string;
-    onInputChange?: (str: string) => void;
+    radioFieldData?: RadioFieldData;
+    inputFieldData?: InputFieldData;
 }
 
 export interface PreviewDownloadProps {
@@ -176,6 +160,15 @@ export declare interface ProductTemplateProps {
     tryNowSection: TryNowSectionProps;
 }
 
+export type RadioFieldData = {
+    isVisibile: boolean;
+    label: string;
+    name: string;
+    options: PreformOptionProps[];
+    radioSelected: string;
+    onClick: (str: string) => void;
+};
+
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/index.d.ts

@@ -0,0 +1,884 @@
+import { ComponentPropsWithRef } 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';
+
+export declare const AlternativeSubtypeDocument: FC<AlternativeSubtypeDocumentProps>;
+
+export declare interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {
+    format: 'Alternative';
+}
+
+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 interface BaseSubtypeDocumentProps {
+    id: string;
+    link: ReactNode;
+    sampleImage: ReactNode;
+    pdfDownload: ButtonProps;
+    wordDownload: ButtonProps;
+}
+
+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;
+    articles: {
+        title: string;
+        image: ReactNode;
+        description: string;
+        cta: ReactNode;
+    }[];
+    cta: ButtonProps;
+}
+
+export declare const Breadcrumb: FC<BreadcrumbProps>;
+
+export declare interface BreadcrumbProps {
+    breadcrumbs?: Array<{
+        label: string;
+        href?: string;
+    }>;
+    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, ...props }: ButtonProps) => JSX.Element;
+
+export declare interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ResponsiveButtonVariant;
+    iconPosition?: IconPosition;
+}
+
+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 Card: FC<CardProps>;
+
+export declare interface CardProps {
+    title?: ReactNode;
+    children?: ReactNode;
+}
+
+export declare const CategoriesSection: FC<CategoriesSectionProps>;
+
+export declare interface CategoriesSectionProps {
+    header: SectionHeadingProps;
+    categories: {
+        title: string;
+        description: string;
+        icon: ReactNode;
+        cta: ButtonProps;
+    }[];
+    cta: ButtonProps;
+}
+
+export declare const Checkbox: FC<CheckboxProps>;
+
+export declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    id: string;
+    name: string;
+    required?: boolean;
+    children: ReactNode;
+}
+
+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 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;
+}
+
+export declare const ContactFormSection: FC;
+
+export declare interface ContactMethod {
+    icon: React.ReactNode;
+    label: string;
+    helper?: string;
+    href?: string;
+}
+
+export declare const ContactMethodCard: FC<ContactMethod>;
+
+export declare const ContactMethodsSection: FC<ContactMethodsSectionProps>;
+
+export declare interface ContactMethodsSectionProps {
+    items: ContactMethod[];
+    title?: ReactNode;
+}
+
+export declare const ContactUsSection: FC<ContactUsSectionProps>;
+
+export declare interface ContactUsSectionProps {
+    header: SectionHeadingProps;
+    contactOptions: Array<{
+        title: string;
+        description: string;
+        icon: ReactNode;
+        helper?: 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: string | null;
+    docsModules: DocsModuleProps | null;
+    subtypeDocs: SubtypeDocumentProps[];
+}
+
+export declare const CtaSection: FC<CtaSectionProps>;
+
+export declare interface CtaSectionProps {
+    title: string;
+    cta: ButtonProps;
+    children: ReactNode;
+}
+
+export declare const DefaultSubtypeDocument: FC<DefaultSubtypeDocumentProps>;
+
+export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
+    format: 'Default';
+    createDocButton: ButtonProps;
+    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 interface DocsModuleProps {
+    pdfDownload: ButtonProps;
+    wordDownload: ButtonProps;
+}
+
+export declare const DocsModules: FC<DocsModuleProps>;
+
+export declare const DocumentCategories: FC<DocumentCategoriesProps>;
+
+export declare interface DocumentCategoriesProps {
+    title: string;
+    categories: Array<{
+        id: string;
+        title: string;
+        icon: ReactNode;
+    }>;
+}
+
+export declare const DocumentItem: FC<DocumentItemProps>;
+
+export declare interface DocumentItemProps {
+    id: string;
+    title: string;
+    description: string;
+    featured?: boolean;
+    className?: string;
+}
+
+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 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;
+}
+
+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;
+}
+
+export declare const FaqTeaserSection: FC<FaqTeaserSectionProps>;
+
+export declare interface FaqTeaserSectionProps {
+    header: SectionHeadingProps;
+    questions: {
+        id: string;
+        content: ReactNode;
+    }[];
+    cta: ButtonProps;
+    bgImage: ReactNode;
+}
+
+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 declare interface FooterNavProps {
+    title: string;
+    links: ReactNode[];
+}
+
+export declare interface FooterProps {
+    nav: Array<FooterNavProps>;
+    contactInfo: {
+        phoneNumber: string;
+        contactHoursText: string;
+        contactHours: string;
+    };
+    logoGray?: ReactNode;
+    socialLinks?: ReactNode[];
+    legalLinks?: ReactNode[];
+    disclaimerText?: string;
+    copyrightText?: string;
+    trustPilotWidget?: ReactNode;
+    languageSelector?: ReactNode;
+}
+
+export declare interface FormattedLanguageItem {
+    code: string;
+    name: string;
+    url?: string;
+    flag: ReactNode;
+}
+
+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: ReactNode;
+    }>;
+    footerCard: {
+        title: string;
+        image: ReactNode;
+        content: ReactNode;
+        cta: ButtonProps;
+    };
+}
+
+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 const HeroSection: FC<HeroSectionProps>;
+
+export declare interface HeroSectionProps {
+    title: string;
+    description?: string;
+    cta: ButtonProps;
+    heroDocuments: ItemProps[];
+    listTitle?: string;
+    backgroundImage?: 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 type IconPosition = 'left' | 'right' | 'top';
+
+export declare const ImageWithPreview: FC<ImageWithPreviewProps>;
+
+export declare interface ImageWithPreviewProps {
+    small: ReactNode;
+    large: ReactNode;
+}
+
+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;
+    value: string;
+    placeholder: string;
+    onChange: (str: string) => void;
+};
+
+export declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    id: string;
+    name: string;
+    type?: HTMLInputTypeAttribute;
+    placeholder?: string;
+    required?: boolean;
+    tooltip?: string;
+    onInputChange?: (str: string) => void;
+}
+
+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: ButtonProps;
+    className?: string;
+}
+
+export declare const Item: FC<ItemProps>;
+
+export declare interface ItemProps {
+    id: string;
+    image: ReactNode;
+    title?: string;
+    description?: string;
+    documentUrl?: string;
+    actions?: ReactNode;
+    variant?: 'default' | 'card';
+    className?: string;
+    titleClassName?: string;
+}
+
+export declare const JumboCard: FC<JumboCardProps>;
+
+export declare interface JumboCardProps {
+    title: string;
+    description: string;
+    subtitle: string;
+    bgImage: ReactNode | null;
+}
+
+export declare const Jumbotron: FC<JumbotronProps>;
+
+export declare const Jumbotron2: FC<Jumbotron2Props>;
+
+export declare interface Jumbotron2Props {
+    title: string;
+    subtitle?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+
+export declare const Jumbotron3: FC<Jumbotron3Props>;
+
+export declare interface Jumbotron3Props {
+    title: string;
+}
+
+export declare interface JumbotronProps {
+    title: string;
+    description: string;
+    bgImage: ReactNode;
+}
+
+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 interface LawGeniusSectionProps {
+    title: string;
+    content: string;
+    benefits: {
+        id: string;
+        label: string;
+        icon: ReactNode;
+    }[];
+    cta: ButtonProps;
+    image: ReactNode;
+}
+
+export declare const LegalSection: FC<LegalSectionProps>;
+
+export declare interface LegalSectionProps {
+    children: ReactNode;
+}
+
+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 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;
+}
+
+export declare const MissionSection: FC<MissionSectionProps>;
+
+export declare interface MissionSectionProps {
+    title: string;
+    children: ReactNode;
+    image: ReactNode;
+}
+
+export declare interface MobileContactInfo {
+    phoneNumber: string;
+    contactHoursLabel?: string;
+    contactHours?: 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 MoreTemplatesSection: FC<PopularDocumentsProps>;
+
+export declare const NavMenu: FC<NavMenuProps>;
+
+export declare const NavMenuItem: FC<NavMenuItemProps | NavMenuLink>;
+
+export declare type NavMenuItemProps = {
+    id: string;
+    label: 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;
+};
+
+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;
+    children: ReactNode;
+    partners: Array<{
+        name: string;
+        logo: ReactNode;
+    }>;
+}
+
+export declare const PersonalIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const PhoneTalkIcon: ({ fill, ...props }: React_2.SVGProps<SVGSVGElement>) => JSX.Element;
+
+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;
+    icon: ReactNode;
+    selected: boolean;
+    onClick?: (str: string) => void;
+}
+
+export declare interface PreformProps {
+    trustedBadge: TrustedBadgeProps;
+    cta: ReactNode;
+    radioFieldData?: RadioFieldData;
+    inputFieldData?: InputFieldData;
+}
+
+export declare const PreviewDownload: FC<PreviewDownloadProps>;
+
+export declare interface PreviewDownloadProps {
+    title: string;
+    preview: ImageWithPreviewProps | null;
+    cta: ReactNode;
+    footerText: string;
+    pdfDownload: ReactNode;
+    wordDownload: ReactNode;
+}
+
+export declare const PreviewSection: FC<PreviewSectionProps>;
+
+export declare interface PreviewSectionProps {
+    title: string;
+    documentPreview: string;
+    cta: ButtonProps;
+}
+
+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 type RadioFieldData = {
+    isVisibile: 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 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: React_2.FC<SearchBarProps>;
+
+export declare interface SearchBarProps {
+    items: SearchItem[];
+    placeholder?: string;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    searchValue?: string;
+    onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    allDocumentsItem?: SearchItem;
+}
+
+export declare const SearchIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare interface SearchItem {
+    label: string;
+    href: string;
+}
+
+export declare const SectionHeading: FC<SectionHeadingProps>;
+
+export declare interface SectionHeadingProps {
+    title: string;
+    description?: string;
+    align?: 'start' | 'center';
+    titleClass?: string;
+    className?: string;
+}
+
+export declare const Select: FC<SelectProps>;
+
+export declare interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    label: string;
+    id: string;
+    name: string;
+    required?: boolean;
+    placeholder?: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+}
+
+export declare const StarsIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+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 declare const Textarea: FC<TextareaProps>;
+
+export declare interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label: string;
+    id: string;
+    name: string;
+    required?: boolean;
+    placeholder?: 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 TrustedBadge: FC<TrustedBadgeProps>;
+
+export declare interface TrustedBadgeProps {
+    children: ReactNode;
+}
+
+export declare const TrustedIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const TrustpilotSection: FC<TrustpilotSectionProps>;
+
+export declare interface TrustpilotSectionProps {
+    header: SectionHeadingProps;
+    children: ReactNode;
+}
+
+export declare const TrustSection: FC<TrustSectionProps>;
+
+export declare interface TrustSectionProps {
+    header: SectionHeadingProps;
+    trustReasons: string[];
+    cta: ButtonProps;
+    trustPilot: ReactNode;
+}
+
+export declare const TryNowSection: FC<TryNowSectionProps>;
+
+export declare interface TryNowSectionProps {
+    title: string;
+    benefits: string[];
+    cta: ButtonProps;
+}
+
+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 declare const UsFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ValuesSection: FC<ValuesSectionProps>;
+
+export declare interface ValuesSectionProps {
+    title: string;
+    children: ReactNode;
+    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;
+    children: ReactNode;
+    image: ReactNode;
+    cta: ButtonProps;
+}
+

package/package.json

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