@npm_leadtech/legal-contracts-ui 0.17.1 → 0.17.2

package/dist/components/HomeTemplate.d.ts

@@ -57,14 +57,14 @@ export interface HeroSectionProps {
 export declare const HomeTemplate: FC<HomeTemplateProps>;
 
 export declare interface HomeTemplateProps {
-    hero: HeroSectionProps;
-    moreTemplates: MoreTemplatesSectionProps;
-    process: ProcessSectionProps;
-    categories: CategoriesSectionProps;
-    ratafia: RatafiaSectionProps;
-    trust: TrustSectionProps;
-    faqTeaser: FaqTeaserSectionProps;
-    articles: ArticlesSectionProps;
+    hero?: HeroSectionProps;
+    moreTemplates?: MoreTemplatesSectionProps;
+    process?: ProcessSectionProps;
+    categories?: CategoriesSectionProps;
+    ratafia?: RatafiaSectionProps;
+    trust?: TrustSectionProps;
+    faqTeaser?: FaqTeaserSectionProps;
+    articles?: ArticlesSectionProps;
 }
 
 export type IconPosition = 'left' | 'right' | 'top';

package/dist/components/HomeTemplate.js

@@ -1,32 +1,32 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import "react";
-import { HeroSection as a } from "./HeroSection.js";
-import { MoreTemplatesSection as f } from "./MoreTemplatesSection.js";
-import { ProcessSection as S } from "./ProcessSection.js";
-import { CategoriesSection as l } from "./CategoriesSection.js";
-import { RatafiaSection as x } from "./RatafiaSection.js";
-import { TrustSection as T } from "./TrustSection.js";
-import { FaqTeaserSection as j } from "./FaqTeaserSection.js";
-import { ArticlesSection as u } from "./ArticlesSection.js";
-const P = ({
-  hero: r,
-  moreTemplates: t,
-  process: e,
-  categories: m,
-  ratafia: i,
-  trust: c,
+import { HeroSection as S } from "./HeroSection.js";
+import { MoreTemplatesSection as s } from "./MoreTemplatesSection.js";
+import { ProcessSection as l } from "./ProcessSection.js";
+import { CategoriesSection as x } from "./CategoriesSection.js";
+import { RatafiaSection as a } from "./RatafiaSection.js";
+import { TrustSection as j } from "./TrustSection.js";
+import { FaqTeaserSection as H } from "./FaqTeaserSection.js";
+import { ArticlesSection as T } from "./ArticlesSection.js";
+const g = ({
+  hero: m,
+  moreTemplates: r,
+  process: t,
+  categories: i,
+  ratafia: e,
+  trust: n,
   faqTeaser: p,
-  articles: s
-}) => /* @__PURE__ */ n("main", { className: "flex-1", children: [
-  /* @__PURE__ */ o(a, { ...r }),
-  /* @__PURE__ */ o(f, { ...t }),
-  /* @__PURE__ */ o(S, { ...e }),
-  /* @__PURE__ */ o(l, { ...m }),
-  /* @__PURE__ */ o(x, { ...i }),
-  /* @__PURE__ */ o(T, { ...c }),
-  /* @__PURE__ */ o(j, { ...p }),
-  /* @__PURE__ */ o(u, { ...s })
+  articles: c
+}) => /* @__PURE__ */ f("main", { className: "flex-1", children: [
+  m && /* @__PURE__ */ o(S, { ...m }),
+  r && /* @__PURE__ */ o(s, { ...r }),
+  t && /* @__PURE__ */ o(l, { ...t }),
+  i && /* @__PURE__ */ o(x, { ...i }),
+  e && /* @__PURE__ */ o(a, { ...e }),
+  n && /* @__PURE__ */ o(j, { ...n }),
+  p && /* @__PURE__ */ o(H, { ...p }),
+  c && /* @__PURE__ */ o(T, { ...c })
 ] });
 export {
-  P as HomeTemplate
+  g as HomeTemplate
 };

package/dist/components/index.d.ts

@@ -0,0 +1,656 @@
+import { ComponentPropsWithRef } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
+import { default as default_2 } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
+import { default as default_3 } from '../../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
+import { FC } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
+
+export declare const ArticlesSection: FC<ArticlesSectionProps>;
+
+export declare interface ArticlesSectionProps {
+    header: SectionHeadingProps;
+    articles?: Array<{
+        title: string;
+        image: ReactNode;
+        excerpt: string;
+        cta: ReactNode;
+    }>;
+    cta: ButtonProps;
+}
+
+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';
+}
+
+export declare const BenefitsBar: FC<BenefitsBarProps>;
+
+export declare interface BenefitsBarProps {
+    benefits: {
+        icon: ReactNode;
+        label: string;
+    }[];
+}
+
+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?: ButtonVariant;
+    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' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
+
+export declare const CategoriesSection: FC<CategoriesSectionProps>;
+
+export declare interface CategoriesSectionProps {
+    header: SectionHeadingProps;
+    categories?: Array<{
+        title: string;
+        description: string;
+        icon: ReactNode;
+        cta: ButtonProps;
+    }>;
+    cta: ButtonProps;
+}
+
+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 ContactUsSection: FC<ContactUsSectionProps>;
+
+export declare interface ContactUsSectionProps {
+    header: SectionHeadingProps;
+    contactOptions: Array<{
+        title: string;
+        description: string;
+        icon: ReactNode;
+        helper?: string;
+    }>;
+}
+
+export declare const ContentItem: FC;
+
+export declare const CtaSection: FC<CtaSectionProps>;
+
+export declare interface CtaSectionProps {
+    title: string;
+    cta: ButtonProps;
+    children: ReactNode;
+}
+
+export declare const DocEditFillIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const DocumentCard: FC<DocumentCardProps>;
+
+export declare interface DocumentCardProps {
+    title: string;
+    description: string;
+    featured?: boolean;
+    className?: string;
+}
+
+export declare const DocumentCategories: FC<DocumentCategoriesProps>;
+
+export declare interface DocumentCategoriesProps {
+    title: string;
+    categories: Array<{
+        id: string;
+        title: string;
+        icon: ReactNode;
+    }>;
+}
+
+export declare const DocumentSection: FC<DocumentSectionProps>;
+
+export declare interface DocumentSectionProps {
+    id: string;
+    title: string;
+    description: string;
+    icon: ReactNode;
+    documents: DocumentCardProps[];
+}
+
+export declare const DoneCircleIcon: 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;
+    extra?: string;
+}
+
+export declare const FaqSection: FC<FaqSectionProps>;
+
+export declare interface FaqSectionProps {
+    title?: string;
+    description?: ReactNode;
+    faqItems: FaqItemProps[];
+    className?: string;
+}
+
+export declare const FaqTeaserSection: FC<FaqTeaserSectionProps>;
+
+export declare interface FaqTeaserSectionProps {
+    header: SectionHeadingProps;
+    questions?: Array<{
+        id: string;
+        content: ReactNode;
+    }>;
+    cta: ButtonProps;
+}
+
+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: default_2.ReactNode;
+}
+
+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;
+    isMobileMenuOpen?: boolean;
+    onOpenMobileMenu?: () => void;
+    onCloseMobileMenu?: () => void;
+    mobileMenuSections?: MobileMenuSection[];
+    mobileContactInfo?: MobileContactInfo;
+    seeAllDocumentsLabel?: string;
+    seeAllDocumentsHref?: string;
+    userActions?: ReactNode;
+    languageSelectorProps?: LanguageSelectorProps;
+    searchBarProps: 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;
+    listNote?: string;
+    backgroundImage?: string;
+}
+
+export declare const HighlightedText: React_2.FC<{
+    text: string;
+    highlight: string;
+}>;
+
+export declare type IconPosition = 'left' | 'right' | 'top';
+
+export declare const InfoIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+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;
+}
+
+export declare const Item: FC<ItemProps>;
+
+export declare interface ItemProps {
+    image: ReactNode;
+    title: string;
+    description: string;
+    documentUrl?: string;
+    actions?: ReactNode;
+    variant?: 'default' | 'card';
+    className?: string;
+}
+
+export declare const JumboCard: FC<JumboCardProps>;
+
+export declare interface JumboCardProps {
+    title: string;
+    description: string;
+    subtitle: string;
+    image: ReactNode;
+}
+
+export declare const Jumbotron: FC<JumbotronProps>;
+
+export declare const Jumbotron2: FC<Jumbotron2Props>;
+
+export declare interface Jumbotron2Props {
+    title: string;
+    subtitle?: string;
+    className?: string;
+}
+
+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: default_2.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 LegalSection: FC<LegalSectionProps>;
+
+export declare interface LegalSectionProps {
+    children: ReactNode;
+}
+
+export declare const LinkedinIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const MailFillIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const Markdown: default_3.FC<MarkdownProps>;
+
+export declare interface MarkdownProps {
+    content: string;
+    className: string;
+}
+
+export declare const MarkdownSection: FC<MarkdownSectionProps>;
+
+export declare interface MarkdownSectionProps {
+    header: SectionHeadingProps;
+    children: ReactNode;
+}
+
+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 interface MobileMenuSection {
+    title?: string;
+    icon?: ReactNode;
+    items: {
+        label: string;
+        href?: string;
+    }[];
+    seeAllLabel?: string;
+    seeAllHref?: string;
+}
+
+export declare const MoreTemplatesSection: FC<MoreTemplatesSectionProps>;
+
+export declare interface MoreTemplatesSectionProps {
+    header: SectionHeadingProps;
+    moreDocuments?: ItemProps[];
+}
+
+export declare const NavMenu: FC<NavMenuProps>;
+
+export declare const NavMenuItem: FC<NavMenuItemProps>;
+
+export declare interface NavMenuItemProps {
+    label: string;
+    href?: string;
+    hasDropdown?: boolean;
+    dropdownItems?: NavMenuItemProps[];
+    dropdownContent?: ReactNode;
+    tag?: string;
+    isNested?: boolean;
+}
+
+export declare interface NavMenuProps {
+    navItems: NavMenuItemProps[];
+}
+
+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 const Preform: FC<PreformProps>;
+
+export declare const PreformOption: FC<PreformOptionProps>;
+
+export declare interface PreformOptionProps {
+    label: string;
+    selected: boolean;
+    icon: ReactNode;
+}
+
+export declare interface PreformProps {
+    trustedBadge?: TrustedBadgeProps;
+    title?: string;
+    options: PreformOptionProps[];
+    cta: ButtonProps;
+}
+
+export declare const PreviewDownload: FC<PreviewDownloadProps>;
+
+export declare interface PreviewDownloadProps {
+    title: string;
+    preview?: ReactNode;
+    cta: ButtonProps;
+    footerText: string;
+    pdfDownload: ButtonProps;
+    wordDownload: ButtonProps;
+}
+
+export declare const PreviewSection: FC<PreviewSectionProps>;
+
+export declare interface PreviewSectionProps {
+    title?: string;
+    documentPreview?: ReactNode;
+    cta: ButtonProps;
+}
+
+export declare const PrivateIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const ProcessSection: FC<ProcessSectionProps>;
+
+export declare interface ProcessSectionProps {
+    image: ReactNode;
+    header: SectionHeadingProps;
+    steps: Array<{
+        title: string;
+        description: string;
+        image: ReactNode;
+    }>;
+}
+
+export declare const ProductInfo: FC<ProductInfoProps>;
+
+export declare interface ProductInfoProps {
+    lastUpdate: ReactNode;
+    reviewer?: ReactNode;
+    alsoKnownAs?: ReactNode;
+}
+
+export declare const RatafiaSection: FC<RatafiaSectionProps>;
+
+export declare interface RatafiaSectionProps {
+    title: string;
+    content: ReactNode;
+    benefits: Array<{
+        label: string;
+        icon: ReactNode;
+    }>;
+    cta: ButtonProps;
+}
+
+export declare const RealStateIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+export declare const SaveIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
+
+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;
+    noResultsText?: string;
+    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';
+}
+
+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 const TableOfContents: FC<TableOfContentsProps>;
+
+export declare interface TableOfContentsProps {
+    title: string;
+    contents?: Array<{
+        title: string;
+        link: string;
+    }>;
+}
+
+export declare const TikTokIcon: 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?: Array<{
+        label: string;
+        icon: ReactNode;
+    }>;
+    cta: ButtonProps;
+}
+
+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.17.1",
+  "version": "0.17.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",