@digital-b2c/coreui-kit 0.14.6 → 0.15.0

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, CSSProperties } from 'react';
 
@@ -85,6 +84,7 @@ declare const svgs: {
     tiltedRight: string;
     xBlack: string;
     xWhite: string;
+    user: string;
 };
 type IconType = keyof typeof svgs;
 interface IconProps extends react__default.ComponentPropsWithRef<'svg'> {
@@ -117,7 +117,7 @@ interface BrandsStripProps {
     size?: 'small';
 }
 
-declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
+declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react.JSX.Element;
 
 declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack"];
 type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
@@ -157,11 +157,11 @@ interface CardProps {
 }
 
 declare const Card: {
-    ({ className, variant, title, subtitle, cta, icon, logo, children, ref, }: CardProps): react_jsx_runtime.JSX.Element;
+    ({ className, variant, title, subtitle, cta, icon, logo, children, ref, }: CardProps): react.JSX.Element;
     displayName: string;
 } & {
-    Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
+    Title: ({ children }: CardTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: CardSubtitleProps) => react.JSX.Element;
 };
 
 type CountingCardTitleProps = {
@@ -176,8 +176,8 @@ interface CountingCardProps {
     children?: ReactNode;
 }
 
-declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
+declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react.JSX.Element) & {
+    Title: ({ children }: CountingCardTitleProps) => react.JSX.Element;
 };
 
 type ResourceView = 'grid' | 'list';
@@ -201,7 +201,7 @@ interface ResourceCardItemProps {
     }) => React.ReactNode;
 }
 
-declare const ResourceCardItem: ({ item, view, variant, renderLink }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
+declare const ResourceCardItem: ({ item, view, variant, renderLink }: ResourceCardItemProps) => react.JSX.Element;
 
 type FilterOption = 'all' | 'pdf' | 'externalLink';
 type SortOption = 'latest' | 'oldest' | 'az' | 'za';
@@ -217,7 +217,7 @@ interface FilterBarProps {
     onSearchChange: (v: string) => void;
 }
 
-declare function FilterBar({ view, onViewChange, isMobile, filterValue, onFilterChange, sortValue, onSortChange, searchValue, onSearchChange, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+declare function FilterBar({ view, onViewChange, isMobile, filterValue, onFilterChange, sortValue, onSortChange, searchValue, onSearchChange, }: FilterBarProps): react.JSX.Element;
 
 type InfoCardSubtitleProps = {
     children: ReactNode;
@@ -236,9 +236,9 @@ interface InfoCardProps {
     children?: ReactNode;
 }
 
-declare const InfoCard: (({ className, title, subtitle, icon, badge, children }: InfoCardProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: InfoCardTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: InfoCardSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCard: (({ className, title, subtitle, icon, badge, children }: InfoCardProps) => react.JSX.Element) & {
+    Title: ({ children }: InfoCardTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: InfoCardSubtitleProps) => react.JSX.Element;
 };
 
 interface PaginationProps {
@@ -259,9 +259,9 @@ interface PaginationProps {
     }) => ReactNode;
 }
 
-declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, showEllipsis, boundaryCount, siblingCount, hidePagesBorder, renderLink, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, showEllipsis, boundaryCount, siblingCount, hidePagesBorder, renderLink, }: PaginationProps) => react.JSX.Element;
 
-declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
+declare const Picture: ({ className, ...props }: PictureProps) => react.JSX.Element;
 
 interface PracticeCardProps {
     className?: string;
@@ -270,7 +270,7 @@ interface PracticeCardProps {
     image?: IPicture;
 }
 
-declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
+declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react.JSX.Element;
 
 interface SidebarCategory {
     label: string;
@@ -290,7 +290,7 @@ interface SidebarProps {
     onSelect: (index: number) => void;
 }
 
-declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react.JSX.Element;
 
 interface UpcomingEventCardProps {
     className?: string;
@@ -306,7 +306,7 @@ interface UpcomingEventCardProps {
     showImage?: boolean;
 }
 
-declare const UpcomingEventCard: ({ className, image, date, title, location, description, cta, direction, showImage, }: UpcomingEventCardProps) => react_jsx_runtime.JSX.Element;
+declare const UpcomingEventCard: ({ className, image, date, title, location, description, cta, direction, showImage, }: UpcomingEventCardProps) => react.JSX.Element;
 
 type BadgeBaseProps = {
     children?: ReactNode;
@@ -384,7 +384,7 @@ interface NewsCardProps {
     }) => React.ReactNode;
 }
 
-declare const NewsCard: ({ className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react_jsx_runtime.JSX.Element;
+declare const NewsCard: ({ className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react.JSX.Element;
 
 type BlogPostContentBodyProps = {
     children: ReactNode;
@@ -396,10 +396,65 @@ interface BlogPostContentProps {
     body?: ReactNode;
 }
 
-declare const BlogPostContent: (({ className, body, children }: BlogPostContentProps) => react_jsx_runtime.JSX.Element) & {
-    Body: ({ children }: BlogPostContentBodyProps) => react_jsx_runtime.JSX.Element;
+declare const BlogPostContent: (({ className, body, children }: BlogPostContentProps) => react.JSX.Element) & {
+    Body: ({ children }: BlogPostContentBodyProps) => react.JSX.Element;
 };
 
+interface SearchProps {
+    placeholder?: string;
+    /** Optional CTA. When it has a `url`, submitting navigates to `${url}?q=<query>`. */
+    searchCta?: ICta;
+    /** Called with the trimmed query when the search is submitted. */
+    onSearch?: (query: string) => void;
+    /**
+     * `pill` renders the persistent pill style; `expandable` (default) renders an
+     * icon button that expands into the input on click.
+     */
+    variant?: 'expandable' | 'pill';
+    className?: string;
+}
+
+declare const Search: ({ placeholder, searchCta, onSearch, variant, className, }: SearchProps) => react.JSX.Element;
+
+interface UserMenuItem {
+    label: string;
+    /** Renders the item as a link. */
+    url?: string;
+    isExternal?: boolean;
+    /** Called when the item is activated. */
+    onClick?: () => void;
+    /** `danger` renders the item in the notification-red treatment (e.g. Log out). */
+    variant?: 'default' | 'danger';
+}
+interface UserMenuUser {
+    /** Display name shown next to the avatar. */
+    label: string;
+    /** Optional link the button navigates to (used when `menuItems` is empty). */
+    url?: string;
+    isExternal?: boolean;
+    /** Optional avatar image; falls back to a default user icon. */
+    avatar?: IPicture;
+    /** Items shown in the dropdown menu opened by the button. */
+    menuItems?: UserMenuItem[];
+}
+interface UserMenuProps {
+    user: UserMenuUser;
+    className?: string;
+    /** Opens the menu above the button instead of below (e.g. in a footer). */
+    dropUp?: boolean;
+    /** Stretches the button to fill the width of its container. */
+    fullWidth?: boolean;
+}
+
+/**
+ * Reusable user / account button.
+ *
+ * - With `menuItems`, renders a button that toggles a dropdown menu (closes on
+ *   Escape or outside interaction).
+ * - Without `menuItems`, renders a plain link (when `url` is set) or button.
+ */
+declare const UserMenu: ({ user, className, dropUp, fullWidth }: UserMenuProps) => react.JSX.Element;
+
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     isExternal?: boolean;
     renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -407,7 +462,7 @@ interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     }) => ReactNode;
 }
 
-declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
+declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react.JSX.Element;
 
 interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
@@ -446,9 +501,9 @@ interface CardCollectionProps {
     theme?: 'dark' | 'light';
 }
 
-declare const CardCollection: (({ className, variant, theme, title, subtitle, cards, ctaLabel, children, }: CardCollectionProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: CardCollectionTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: CardCollectionSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const CardCollection: (({ className, variant, theme, title, subtitle, cards, ctaLabel, children, }: CardCollectionProps) => react.JSX.Element) & {
+    Title: ({ children }: CardCollectionTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: CardCollectionSubtitleProps) => react.JSX.Element;
 };
 
 type ContactModuleSubtitleProps = {
@@ -470,9 +525,9 @@ interface ContactModuleProps {
     animateBlur?: boolean;
 }
 
-declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, animateBlur, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: ContactModuleTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: ContactModuleSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, animateBlur, }: ContactModuleProps) => react.JSX.Element) & {
+    Title: ({ children }: ContactModuleTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: ContactModuleSubtitleProps) => react.JSX.Element;
 };
 
 interface IFooterLink {
@@ -498,7 +553,7 @@ interface FooterProps {
     supportContacts?: IFooterSupportGroup[];
 }
 
-declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react_jsx_runtime.JSX.Element;
+declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react.JSX.Element;
 
 type HeroBannerSubtitleProps = {
     children: ReactNode;
@@ -524,9 +579,9 @@ interface HeroBannerProps {
     children?: ReactNode;
 }
 
-declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: HeroBannerTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react.JSX.Element) & {
+    Title: ({ children }: HeroBannerTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: HeroBannerSubtitleProps) => react.JSX.Element;
 };
 
 interface HeroBannerCarouselItem {
@@ -543,7 +598,7 @@ interface HeroBannerCarouselProps {
     navNextIcon?: string;
 }
 
-declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
+declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react.JSX.Element | null;
 
 interface InternalBrandsTabProps {
     title?: string;
@@ -566,7 +621,7 @@ interface InternalBrandsTabProps {
     }[];
 }
 
-declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
+declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react.JSX.Element;
 
 type MiniBannerGoBackProps = {
     children: ReactNode;
@@ -603,10 +658,10 @@ interface MiniBannerProps {
     children?: ReactNode;
 }
 
-declare const MiniBanner: (({ className, variant, pretitle, title, subtitle, logo, background, cta, children, }: MiniBannerProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: MiniBannerTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: MiniBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
-    GoBack: ({ children }: MiniBannerGoBackProps) => react_jsx_runtime.JSX.Element;
+declare const MiniBanner: (({ className, variant, pretitle, title, subtitle, logo, background, cta, children, }: MiniBannerProps) => react.JSX.Element) & {
+    Title: ({ children }: MiniBannerTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: MiniBannerSubtitleProps) => react.JSX.Element;
+    GoBack: ({ children }: MiniBannerGoBackProps) => react.JSX.Element;
 };
 
 type MiniSectionCtaSubtitleProps = {
@@ -627,9 +682,9 @@ interface MiniSectionCtaProps {
     children?: ReactNode;
 }
 
-declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react.JSX.Element) & {
+    Title: ({ children }: MiniSectionCtaTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react.JSX.Element;
 };
 
 interface BaseNavItem {
@@ -639,26 +694,49 @@ interface BaseNavItem {
 interface NavLink {
     type: 'link';
     cta?: ICta;
+    /** Marks the item as the current page (adds the active treatment). */
+    isActive?: boolean;
+    variant?: 'subMenuSpacer';
 }
 interface NavDropdown extends BaseNavItem {
     type: 'dropdown';
     items: NavItem[];
     cta?: ICta;
+    /** Marks the item as the current page (adds the active treatment). */
+    isActive?: boolean;
 }
+/** A single top-level navigation entry, shared by the external and internal navigation. */
 type NavItem = NavLink | NavDropdown;
+/**
+ * Brand logos shown in the "unfolded" color bar at the top of the page.
+ * When omitted the color bars stay as thin 8px strips.
+ */
+interface NavigationBrandLogos {
+    lenscrafters?: IPicture;
+    forEyes?: IPicture;
+    optical?: IPicture;
+    pearleVision?: IPicture;
+}
 interface NavigationProps {
     className?: string;
-    variant?: 'transparent';
+    variant?: 'external' | 'internal' | '' | null;
+    transparent?: boolean;
     mainLogo?: string;
+    logoAlt?: string;
     homeCta?: string;
     loginCta?: ICta;
     rightButton?: ICta;
     navigationItems?: {
         items: NavItem[];
     };
+    user?: UserMenuUser;
+    searchPlaceholder?: string;
+    searchCta?: ICta;
+    onSearch?: (query: string) => void;
+    brandLogos?: NavigationBrandLogos;
 }
 
-declare const Navigation: (props: NavigationProps) => react_jsx_runtime.JSX.Element;
+declare const Navigation: (props: NavigationProps) => react.JSX.Element;
 
 type PracticePathCardsFooterProps = {
     children: ReactNode;
@@ -682,10 +760,10 @@ interface PracticePathCardsProps {
     cta?: ICta;
 }
 
-declare const PracticePathCards: (({ className, children, cards, title, subtitle, footer, cta, }: PracticePathCardsProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: PracticePathCardsTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: PracticePathCardsSubtitleProps) => react_jsx_runtime.JSX.Element;
-    Footer: ({ children }: PracticePathCardsFooterProps) => react_jsx_runtime.JSX.Element;
+declare const PracticePathCards: (({ className, children, cards, title, subtitle, footer, cta, }: PracticePathCardsProps) => react.JSX.Element) & {
+    Title: ({ children }: PracticePathCardsTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: PracticePathCardsSubtitleProps) => react.JSX.Element;
+    Footer: ({ children }: PracticePathCardsFooterProps) => react.JSX.Element;
 };
 
 type Teaser5050With3TextTitleProps = {
@@ -701,8 +779,8 @@ interface Teaser5050With3TextProps {
     children?: ReactNode;
 }
 
-declare const Teaser5050With3Text: (({ className, variant, title, cards, image, children, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: Teaser5050With3TextTitleProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050With3Text: (({ className, variant, title, cards, image, children, }: Teaser5050With3TextProps) => react.JSX.Element) & {
+    Title: ({ children }: Teaser5050With3TextTitleProps) => react.JSX.Element;
 };
 
 type Teaser5050WithCtaSubtitleProps = {
@@ -724,9 +802,9 @@ interface Teaser5050WithCtaProps {
     bgColor?: string;
 }
 
-declare const Teaser5050WithCta: (({ className, variant, title, subtitle, ctas, image, children, bgColor, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: Teaser5050WithCtaTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: Teaser5050WithCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050WithCta: (({ className, variant, title, subtitle, ctas, image, children, bgColor, }: Teaser5050WithCtaProps) => react.JSX.Element) & {
+    Title: ({ children }: Teaser5050WithCtaTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: Teaser5050WithCtaSubtitleProps) => react.JSX.Element;
 };
 
 type EventListEmptyProps = {
@@ -748,9 +826,9 @@ interface EventListProps extends PropsWithChildren {
     variant?: 'internalEventList';
 }
 
-declare const EventList: (({ className, title, items, cta, backgroundColor, variant, children, }: EventListProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: EventListTitleProps) => react_jsx_runtime.JSX.Element;
-    Empty: ({ children }: EventListEmptyProps) => react_jsx_runtime.JSX.Element;
+declare const EventList: (({ className, title, items, cta, backgroundColor, variant, children, }: EventListProps) => react.JSX.Element) & {
+    Title: ({ children }: EventListTitleProps) => react.JSX.Element;
+    Empty: ({ children }: EventListEmptyProps) => react.JSX.Element;
 };
 
 type TextEventRichTextProps = {
@@ -770,9 +848,9 @@ interface TextEventProps {
     children?: ReactNode;
 }
 
-declare const TextEvent: ((props: TextEventProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: TextEventTitleProps) => react_jsx_runtime.JSX.Element;
-    RichText: ({ children }: TextEventRichTextProps) => react_jsx_runtime.JSX.Element;
+declare const TextEvent: ((props: TextEventProps) => react.JSX.Element) & {
+    Title: ({ children }: TextEventTitleProps) => react.JSX.Element;
+    RichText: ({ children }: TextEventRichTextProps) => react.JSX.Element;
 };
 
 type TextBodyBodyProps = {
@@ -790,9 +868,9 @@ interface TextBodyProps {
     children?: ReactNode;
 }
 
-declare const TextBody: ((props: TextBodyProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: TextBodyTitleProps) => react_jsx_runtime.JSX.Element;
-    Body: ({ children }: TextBodyBodyProps) => react_jsx_runtime.JSX.Element;
+declare const TextBody: ((props: TextBodyProps) => react.JSX.Element) & {
+    Title: ({ children }: TextBodyTitleProps) => react.JSX.Element;
+    Body: ({ children }: TextBodyBodyProps) => react.JSX.Element;
 };
 
 type TextCenterCtaInBottomSubtitleProps = {
@@ -811,9 +889,9 @@ interface TextCenterCtaInBottomProps {
     children?: ReactNode;
 }
 
-declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: TextCenterCtaInBottomTitleProps) => react_jsx_runtime.JSX.Element;
-    Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
+declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react.JSX.Element) & {
+    Title: ({ children }: TextCenterCtaInBottomTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react.JSX.Element;
 };
 
 interface ResourcesGridListProps {
@@ -826,7 +904,7 @@ interface ResourcesGridListProps {
     children?: ReactNode;
 }
 
-declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
+declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react.JSX.Element;
 
 type BlogCardGridTitleProps = {
     children: ReactNode;
@@ -846,8 +924,8 @@ interface BlogCardGridProps extends PropsWithChildren {
     }) => 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;
+declare const BlogCardGrid: (({ title, items, backgroundColor, cta, className, hasContainer, gridProps, gridItemProps, renderLink, children, }: BlogCardGridProps) => react.JSX.Element) & {
+    Title: ({ children }: BlogCardGridTitleProps) => react.JSX.Element;
 };
 
 type FeaturedNewsHighlightsTitleProps = {
@@ -867,8 +945,8 @@ interface FeaturedNewsHighlightsProps extends PropsWithChildren {
     }) => 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;
+declare const FeaturedNewsHighlights: (({ variant, title, items, backgroundColor, cta, className, hasContainer, renderLink, children, }: FeaturedNewsHighlightsProps) => react.JSX.Element) & {
+    Title: ({ children }: FeaturedNewsHighlightsTitleProps) => react.JSX.Element;
 };
 
 type NewsCardListPaginationProps = {
@@ -889,8 +967,8 @@ interface NewsCardListProps extends PropsWithChildren {
     }) => React.ReactNode;
 }
 
-declare const NewsCardList: (({ items, backgroundColor, className, currentPage, searchValue, onSearchChange, onSearchSubmit, searchInputProps, renderLink, children, }: NewsCardListProps) => react_jsx_runtime.JSX.Element) & {
-    Pagination: ({ children }: NewsCardListPaginationProps) => react_jsx_runtime.JSX.Element;
+declare const NewsCardList: (({ items, backgroundColor, className, currentPage, searchValue, onSearchChange, onSearchSubmit, searchInputProps, renderLink, children, }: NewsCardListProps) => react.JSX.Element) & {
+    Pagination: ({ children }: NewsCardListPaginationProps) => react.JSX.Element;
 };
 
 type BlogPostBodyProps = {
@@ -906,9 +984,9 @@ interface BlogPostProps extends PropsWithChildren, Omit<NewsCardProps, 'descript
     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;
+declare const BlogPost: (({ title, description: body, image, date, tag, relatedArticles, className, children, }: BlogPostProps) => react.JSX.Element) & {
+    Title: ({ children }: BlogPostTitleProps) => react.JSX.Element;
+    Body: ({ children }: BlogPostBodyProps) => react.JSX.Element;
 };
 
 type BlogSearchResultsListPaginationProps = {
@@ -932,9 +1010,9 @@ interface BlogSearchResultsListProps extends PropsWithChildren {
     }) => React.ReactNode;
 }
 
-declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, searchInputProps, className, renderLink, children, }: BlogSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
-    Search: ({ children }: BlogSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
-    Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
+declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, onSearchSubmit, searchValue, searchInputProps, className, renderLink, children, }: BlogSearchResultsListProps) => react.JSX.Element) & {
+    Search: ({ children }: BlogSearchResultsListSearchProps) => react.JSX.Element;
+    Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react.JSX.Element;
 };
 
 type GlobalSearchResultsListPaginationProps = {
@@ -954,9 +1032,9 @@ interface GlobalSearchResultsListProps extends PropsWithChildren {
     }) => React.ReactNode;
 }
 
-declare const GlobalSearchResultsList: (({ items, searchResult, className, renderLink, children, }: GlobalSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
-    Search: ({ children }: GlobalSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
-    Pagination: ({ children, }: GlobalSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
+declare const GlobalSearchResultsList: (({ items, searchResult, className, renderLink, children, }: GlobalSearchResultsListProps) => react.JSX.Element) & {
+    Search: ({ children }: GlobalSearchResultsListSearchProps) => react.JSX.Element;
+    Pagination: ({ children, }: GlobalSearchResultsListPaginationProps) => react.JSX.Element;
 };
 
 type TextCenterWithMediaTitleProps = {
@@ -975,10 +1053,25 @@ interface TextCenterWithMediaProps {
     children?: ReactNode;
 }
 
-declare const TextCenterWithMedia: (({ className, title, thumbnail, videoUrl, loop, mute, hideControl, autoPlay, children, }: TextCenterWithMediaProps) => react_jsx_runtime.JSX.Element) & {
-    Title: ({ children }: TextCenterWithMediaTitleProps) => react_jsx_runtime.JSX.Element;
+declare const TextCenterWithMedia: (({ className, title, thumbnail, videoUrl, loop, mute, hideControl, autoPlay, children, }: TextCenterWithMediaProps) => react.JSX.Element) & {
+    Title: ({ children }: TextCenterWithMediaTitleProps) => react.JSX.Element;
 };
 
+interface QuoteSectionBlockItem {
+    quoteLogo: string;
+    bodyText: ReactNode;
+    displayPhoto: string;
+    displayName: string;
+    jobTitleLogo: string;
+}
+interface QuoteSectionBlockProps {
+    className?: string;
+    title?: string;
+    items?: QuoteSectionBlockItem[];
+}
+
+declare const QuoteSectionBlock: ({ className, title, items }: QuoteSectionBlockProps) => react.JSX.Element | null;
+
 type IntersectionObserverOptions = {
     threshold?: number | number[];
     rootMargin?: string;
@@ -1004,4 +1097,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, 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, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Navigation, type NavigationProps, 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, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver, useIsAtTop };
+export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, 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, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useIntersectionObserver, useIsAtTop };