@digital-b2c/coreui-kit 0.10.1 → 0.11.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren, CSSProperties } from 'react';
+import * as react from 'react';
+import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, CSSProperties } from 'react';
 
 interface IPicture {
     src: string;
@@ -84,11 +84,11 @@ declare const svgs: {
     xWhite: string;
 };
 type IconType = keyof typeof svgs;
-interface IconProps extends React__default.ComponentPropsWithRef<'svg'> {
+interface IconProps extends react__default.ComponentPropsWithRef<'svg'> {
     type: IconType;
     size?: number;
 }
-declare const Icon: React__default.FC<IconProps>;
+declare const Icon: react__default.FC<IconProps>;
 
 interface ICta {
     label?: string;
@@ -126,6 +126,9 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon?: IconType;
     logo?: IPicture;
     isActive?: boolean;
+    renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: ReactNode;
+    }) => ReactNode;
 }
 
 declare const Button: React.FC<ButtonProps>;
@@ -273,24 +276,114 @@ interface SidebarProps {
 
 declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react_jsx_runtime.JSX.Element;
 
-interface LogoBarProps {
+interface UpcomingEventCardProps {
     className?: string;
-    items: ICtaHoverLogo[];
+    image?: IPicture;
+    date?: string;
+    title?: string;
+    description?: string;
+    location?: string;
+    cta?: ICta & {
+        icon?: IconType;
+    };
+    direction?: 'vertical' | 'horizontal';
+    showImage?: boolean;
 }
 
-declare const LogoBar: ({ className, items }: LogoBarProps) => react_jsx_runtime.JSX.Element | null;
+declare const UpcomingEventCard: ({ className, image, date, title, location, description, cta, direction, showImage, }: UpcomingEventCardProps) => react_jsx_runtime.JSX.Element;
+
+type BadgeBaseProps = {
+    children?: ReactNode;
+    variant?: 'default';
+    size?: 'sm' | 'md';
+    icon?: IconProps;
+    iconOnly?: boolean;
+    live?: 'polite' | 'assertive' | 'off';
+};
+type NonClickableBadgeProps = BadgeBaseProps & HTMLAttributes<HTMLSpanElement> & {
+    clickable?: false;
+};
+type ClickableBadgeProps = BadgeBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+    clickable: true;
+};
+type BadgeProps = NonClickableBadgeProps | ClickableBadgeProps;
+
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    endAction?: ReactNode;
+    hideLabel?: boolean;
+    inputClassName?: string;
+    type?: 'text' | 'number' | 'password';
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface ResponsiveSpan {
+    xl?: number;
+    lg?: number;
+    md?: number;
+    ml?: number;
+    mm?: number;
+    xs?: number;
+}
+interface GridProps extends PropsWithChildren {
+    columns?: number;
+    gap?: number | string;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+    role?: React.AriaRole;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+interface GridItemProps extends PropsWithChildren {
+    colSpan?: ResponsiveSpan;
+    rowSpan?: ResponsiveSpan;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+    role?: React.AriaRole;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+
+interface NewsCardProps {
+    className?: string;
+    image?: IPicture;
+    tag: string;
+    date: {
+        label: string;
+        value: string;
+    };
+    title: string;
+    description: string;
+    cta?: ICtaIcon;
+    direction?: 'horizontal' | 'vertical';
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const NewsCard: ({ className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react_jsx_runtime.JSX.Element;
 
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     isExternal?: boolean;
+    renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: ReactNode;
+    }) => ReactNode;
 }
 
-declare const Anchor: ({ children, isExternal, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
+declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
 
 interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
 
-declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
 
 type ConditionalWrapperProps = {
     condition: boolean;
@@ -561,20 +654,6 @@ type EventListTitleProps = {
     children: ReactNode;
 };
 
-interface UpcomingEventCardProps {
-    className?: string;
-    image?: IPicture;
-    date?: string;
-    title?: string;
-    description?: string;
-    location?: string;
-    cta?: ICta & {
-        icon?: IconType;
-    };
-    direction?: 'vertical' | 'horizontal';
-    showImage?: boolean;
-}
-
 interface EventListProps extends PropsWithChildren {
     className?: string;
     title?: ReactNode;
@@ -665,6 +744,102 @@ interface ResourcesGridListProps {
 
 declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
 
+type BlogCardGridTitleProps = {
+    children: ReactNode;
+};
+
+interface BlogCardGridProps extends PropsWithChildren {
+    className?: string;
+    title?: ReactNode;
+    items: NewsCardProps[];
+    cta?: ICtaIcon;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    hasContainer?: boolean;
+    gridProps?: GridProps;
+    gridItemProps?: GridItemProps;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const BlogCardGrid: (({ title, items, backgroundColor, cta, className, hasContainer, gridProps, gridItemProps, renderLink, children, }: BlogCardGridProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: BlogCardGridTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type FeaturedNewsHighlightsTitleProps = {
+    children: ReactNode;
+};
+
+interface FeaturedNewsHighlightsProps extends PropsWithChildren {
+    variant?: 'home';
+    className?: string;
+    title?: ReactNode;
+    items: NewsCardProps[];
+    cta?: ICtaIcon;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    hasContainer?: boolean;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const FeaturedNewsHighlights: (({ variant, title, items, backgroundColor, cta, className, hasContainer, renderLink, children, }: FeaturedNewsHighlightsProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: FeaturedNewsHighlightsTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+interface NewsCardListProps extends PropsWithChildren {
+    className?: string;
+    items: NewsCardProps[];
+    backgroundColor?: CSSProperties['backgroundColor'];
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    onSearchSubmit?: (value: string) => void;
+    searchInputProps?: InputProps;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    totalPages?: number;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const NewsCardList: ({ items, backgroundColor, className, currentPage, totalPages, searchValue, onPageChange, onSearchChange, onSearchSubmit, searchInputProps, renderLink, }: NewsCardListProps) => react_jsx_runtime.JSX.Element;
+
+type BlogPostBodyProps = {
+    children: ReactNode;
+};
+
+type BlogPostTitleProps = {
+    children: ReactNode;
+};
+
+interface BlogPostProps extends PropsWithChildren, Omit<NewsCardProps, 'description' | 'cta' | 'direction'> {
+    description: ReactNode;
+    relatedArticles?: NewsCardProps[];
+}
+
+declare const BlogPost: (({ title, description: body, image, date, tag, relatedArticles, className, children, }: BlogPostProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: BlogPostTitleProps) => react_jsx_runtime.JSX.Element;
+    Body: ({ children }: BlogPostBodyProps) => react_jsx_runtime.JSX.Element;
+};
+
+type BlogSearchResultsListSearchProps = {
+    children: ReactNode;
+};
+
+interface BlogSearchResultsListProps extends PropsWithChildren {
+    className?: string;
+    searchResult?: ReactNode;
+    items: NewsCardProps[];
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    onSearchSubmit: (value: string) => void;
+}
+
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
+    Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
+};
+
 type IntersectionObserverOptions = {
     threshold?: number | number[];
     rootMargin?: string;
@@ -688,4 +863,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren, CSSProperties } from 'react';
+import * as react from 'react';
+import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, CSSProperties } from 'react';
 
 interface IPicture {
     src: string;
@@ -84,11 +84,11 @@ declare const svgs: {
     xWhite: string;
 };
 type IconType = keyof typeof svgs;
-interface IconProps extends React__default.ComponentPropsWithRef<'svg'> {
+interface IconProps extends react__default.ComponentPropsWithRef<'svg'> {
     type: IconType;
     size?: number;
 }
-declare const Icon: React__default.FC<IconProps>;
+declare const Icon: react__default.FC<IconProps>;
 
 interface ICta {
     label?: string;
@@ -126,6 +126,9 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     icon?: IconType;
     logo?: IPicture;
     isActive?: boolean;
+    renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: ReactNode;
+    }) => ReactNode;
 }
 
 declare const Button: React.FC<ButtonProps>;
@@ -273,24 +276,114 @@ interface SidebarProps {
 
 declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react_jsx_runtime.JSX.Element;
 
-interface LogoBarProps {
+interface UpcomingEventCardProps {
     className?: string;
-    items: ICtaHoverLogo[];
+    image?: IPicture;
+    date?: string;
+    title?: string;
+    description?: string;
+    location?: string;
+    cta?: ICta & {
+        icon?: IconType;
+    };
+    direction?: 'vertical' | 'horizontal';
+    showImage?: boolean;
 }
 
-declare const LogoBar: ({ className, items }: LogoBarProps) => react_jsx_runtime.JSX.Element | null;
+declare const UpcomingEventCard: ({ className, image, date, title, location, description, cta, direction, showImage, }: UpcomingEventCardProps) => react_jsx_runtime.JSX.Element;
+
+type BadgeBaseProps = {
+    children?: ReactNode;
+    variant?: 'default';
+    size?: 'sm' | 'md';
+    icon?: IconProps;
+    iconOnly?: boolean;
+    live?: 'polite' | 'assertive' | 'off';
+};
+type NonClickableBadgeProps = BadgeBaseProps & HTMLAttributes<HTMLSpanElement> & {
+    clickable?: false;
+};
+type ClickableBadgeProps = BadgeBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+    clickable: true;
+};
+type BadgeProps = NonClickableBadgeProps | ClickableBadgeProps;
+
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    endAction?: ReactNode;
+    hideLabel?: boolean;
+    inputClassName?: string;
+    type?: 'text' | 'number' | 'password';
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface ResponsiveSpan {
+    xl?: number;
+    lg?: number;
+    md?: number;
+    ml?: number;
+    mm?: number;
+    xs?: number;
+}
+interface GridProps extends PropsWithChildren {
+    columns?: number;
+    gap?: number | string;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+    role?: React.AriaRole;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+interface GridItemProps extends PropsWithChildren {
+    colSpan?: ResponsiveSpan;
+    rowSpan?: ResponsiveSpan;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+    role?: React.AriaRole;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+
+interface NewsCardProps {
+    className?: string;
+    image?: IPicture;
+    tag: string;
+    date: {
+        label: string;
+        value: string;
+    };
+    title: string;
+    description: string;
+    cta?: ICtaIcon;
+    direction?: 'horizontal' | 'vertical';
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const NewsCard: ({ className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react_jsx_runtime.JSX.Element;
 
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     isExternal?: boolean;
+    renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: ReactNode;
+    }) => ReactNode;
 }
 
-declare const Anchor: ({ children, isExternal, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
+declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
 
 interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
 
-declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
 
 type ConditionalWrapperProps = {
     condition: boolean;
@@ -561,20 +654,6 @@ type EventListTitleProps = {
     children: ReactNode;
 };
 
-interface UpcomingEventCardProps {
-    className?: string;
-    image?: IPicture;
-    date?: string;
-    title?: string;
-    description?: string;
-    location?: string;
-    cta?: ICta & {
-        icon?: IconType;
-    };
-    direction?: 'vertical' | 'horizontal';
-    showImage?: boolean;
-}
-
 interface EventListProps extends PropsWithChildren {
     className?: string;
     title?: ReactNode;
@@ -665,6 +744,102 @@ interface ResourcesGridListProps {
 
 declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
 
+type BlogCardGridTitleProps = {
+    children: ReactNode;
+};
+
+interface BlogCardGridProps extends PropsWithChildren {
+    className?: string;
+    title?: ReactNode;
+    items: NewsCardProps[];
+    cta?: ICtaIcon;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    hasContainer?: boolean;
+    gridProps?: GridProps;
+    gridItemProps?: GridItemProps;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const BlogCardGrid: (({ title, items, backgroundColor, cta, className, hasContainer, gridProps, gridItemProps, renderLink, children, }: BlogCardGridProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: BlogCardGridTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type FeaturedNewsHighlightsTitleProps = {
+    children: ReactNode;
+};
+
+interface FeaturedNewsHighlightsProps extends PropsWithChildren {
+    variant?: 'home';
+    className?: string;
+    title?: ReactNode;
+    items: NewsCardProps[];
+    cta?: ICtaIcon;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    hasContainer?: boolean;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const FeaturedNewsHighlights: (({ variant, title, items, backgroundColor, cta, className, hasContainer, renderLink, children, }: FeaturedNewsHighlightsProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: FeaturedNewsHighlightsTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+interface NewsCardListProps extends PropsWithChildren {
+    className?: string;
+    items: NewsCardProps[];
+    backgroundColor?: CSSProperties['backgroundColor'];
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    onSearchSubmit?: (value: string) => void;
+    searchInputProps?: InputProps;
+    currentPage?: number;
+    onPageChange?: (page: number) => void;
+    totalPages?: number;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const NewsCardList: ({ items, backgroundColor, className, currentPage, totalPages, searchValue, onPageChange, onSearchChange, onSearchSubmit, searchInputProps, renderLink, }: NewsCardListProps) => react_jsx_runtime.JSX.Element;
+
+type BlogPostBodyProps = {
+    children: ReactNode;
+};
+
+type BlogPostTitleProps = {
+    children: ReactNode;
+};
+
+interface BlogPostProps extends PropsWithChildren, Omit<NewsCardProps, 'description' | 'cta' | 'direction'> {
+    description: ReactNode;
+    relatedArticles?: NewsCardProps[];
+}
+
+declare const BlogPost: (({ title, description: body, image, date, tag, relatedArticles, className, children, }: BlogPostProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: BlogPostTitleProps) => react_jsx_runtime.JSX.Element;
+    Body: ({ children }: BlogPostBodyProps) => react_jsx_runtime.JSX.Element;
+};
+
+type BlogSearchResultsListSearchProps = {
+    children: ReactNode;
+};
+
+interface BlogSearchResultsListProps extends PropsWithChildren {
+    className?: string;
+    searchResult?: ReactNode;
+    items: NewsCardProps[];
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    onSearchSubmit: (value: string) => void;
+}
+
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, className, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
+    Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
+};
+
 type IntersectionObserverOptions = {
     threshold?: number | number[];
     rootMargin?: string;
@@ -688,4 +863,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };