@digital-b2c/coreui-kit 0.17.19 → 0.17.20

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';
 
@@ -119,7 +118,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", "textmenu"];
 type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
@@ -159,11 +158,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 = {
@@ -178,8 +177,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';
@@ -203,7 +202,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';
@@ -219,7 +218,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;
@@ -238,9 +237,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 {
@@ -261,9 +260,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;
@@ -272,7 +271,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;
@@ -289,7 +288,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;
@@ -305,7 +304,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;
@@ -385,7 +384,7 @@ interface NewsCardProps {
     }) => React.ReactNode;
 }
 
-declare const NewsCard: ({ type, className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react_jsx_runtime.JSX.Element;
+declare const NewsCard: ({ type, className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react.JSX.Element;
 
 type BlogPostContentBodyProps = {
     children: ReactNode;
@@ -397,8 +396,8 @@ 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 {
@@ -415,7 +414,7 @@ interface SearchProps {
     className?: string;
 }
 
-declare const Search: ({ placeholder, searchCta, onSearch, variant, className, }: SearchProps) => react_jsx_runtime.JSX.Element;
+declare const Search: ({ placeholder, searchCta, onSearch, variant, className, }: SearchProps) => react.JSX.Element;
 
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     isExternal?: boolean;
@@ -424,7 +423,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;
@@ -454,7 +453,7 @@ interface TextProps extends HTMLAttributes<HTMLElement> {
 }
 
 declare const Text: {
-    ({ tag, promoteToH1, ref, children, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+    ({ tag, promoteToH1, ref, children, ...props }: TextProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -465,7 +464,7 @@ interface ColTextMenuProps extends IColTextMenuItem {
 }
 
 declare const ColTextMenu: {
-    ({ label, url, isExternal, className, renderLink, }: ColTextMenuProps): react_jsx_runtime.JSX.Element;
+    ({ label, url, isExternal, className, renderLink, }: ColTextMenuProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -506,14 +505,14 @@ interface UserMenuProps {
  *   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_runtime.JSX.Element;
+declare const UserMenu: ({ user, className, dropUp, fullWidth }: UserMenuProps) => react.JSX.Element;
 
 interface LoaderProps {
     className?: string;
 }
 
 declare const Loader: {
-    ({ className }: LoaderProps): react_jsx_runtime.JSX.Element;
+    ({ className }: LoaderProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -536,9 +535,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 = {
@@ -560,9 +559,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 {
@@ -588,7 +587,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;
@@ -615,9 +614,9 @@ interface HeroBannerProps {
     type?: 'internal' | 'external';
 }
 
-declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, type, 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, type, children, }: HeroBannerProps) => react.JSX.Element) & {
+    Title: ({ children }: HeroBannerTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: HeroBannerSubtitleProps) => react.JSX.Element;
 };
 
 interface HeroBannerCarouselItem {
@@ -634,7 +633,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;
@@ -657,7 +656,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;
@@ -695,10 +694,10 @@ interface MiniBannerProps {
     children?: ReactNode;
 }
 
-declare const MiniBanner: (({ className, variant, pretitle, title, subtitle, logo, background, cta, promoteToH1, 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, promoteToH1, 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 = {
@@ -723,9 +722,9 @@ interface MiniSectionCtaProps {
     };
 }
 
-declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, moduleStyles, 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, moduleStyles, children, }: MiniSectionCtaProps) => react.JSX.Element) & {
+    Title: ({ children }: MiniSectionCtaTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react.JSX.Element;
 };
 
 type NavigationUserMenuFallbackProps = {
@@ -753,14 +752,10 @@ interface NavDropdown extends BaseNavItem {
 /** 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.
+ * Brand bar colors shown in the top strip of the navigation.
  */
-interface NavigationBrandLogos {
-    lenscrafters?: IPicture;
-    forEyes?: IPicture;
-    optical?: IPicture;
-    pearleVision?: IPicture;
+interface NavigationBrandBar {
+    backgroundColor: string;
 }
 interface NavigationProps extends PropsWithChildren {
     className?: string;
@@ -778,11 +773,11 @@ interface NavigationProps extends PropsWithChildren {
     searchPlaceholder?: string;
     searchCta?: ICta;
     onSearch?: (query: string) => void;
-    brandLogos?: NavigationBrandLogos;
+    brandBars?: NavigationBrandBar[];
 }
 
-declare const Navigation: ((props: NavigationProps) => react_jsx_runtime.JSX.Element) & {
-    UserMenuFallback: ({ children }: NavigationUserMenuFallbackProps) => react_jsx_runtime.JSX.Element;
+declare const Navigation: ((props: NavigationProps) => react.JSX.Element) & {
+    UserMenuFallback: ({ children }: NavigationUserMenuFallbackProps) => react.JSX.Element;
 };
 
 type PracticePathCardsFooterProps = {
@@ -807,10 +802,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 = {
@@ -826,8 +821,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 = {
@@ -852,9 +847,9 @@ interface Teaser5050WithCtaProps {
     };
 }
 
-declare const Teaser5050WithCta: (({ className, variant, title, subtitle, ctas, image, children, moduleStyles, }: 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, moduleStyles, }: Teaser5050WithCtaProps) => react.JSX.Element) & {
+    Title: ({ children }: Teaser5050WithCtaTitleProps) => react.JSX.Element;
+    Subtitle: ({ children }: Teaser5050WithCtaSubtitleProps) => react.JSX.Element;
 };
 
 type EventListEmptyProps = {
@@ -876,9 +871,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 = {
@@ -898,9 +893,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 = {
@@ -920,9 +915,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 = {
@@ -941,9 +936,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 {
@@ -956,7 +951,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;
@@ -976,8 +971,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 = {
@@ -997,8 +992,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 = {
@@ -1019,8 +1014,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 = {
@@ -1036,9 +1031,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 = {
@@ -1062,9 +1057,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 = {
@@ -1084,9 +1079,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 = {
@@ -1105,8 +1100,8 @@ 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 {
@@ -1122,7 +1117,7 @@ interface QuoteSectionBlockProps {
     items?: QuoteSectionBlockItem[];
 }
 
-declare const QuoteSectionBlock: ({ className, title, items }: QuoteSectionBlockProps) => react_jsx_runtime.JSX.Element | null;
+declare const QuoteSectionBlock: ({ className, title, items }: QuoteSectionBlockProps) => react.JSX.Element | null;
 
 type PageLoaderLogoProps = {
     children: ReactNode;
@@ -1132,8 +1127,8 @@ interface PageLoaderProps extends PropsWithChildren {
     className?: string;
 }
 
-declare const PageLoader: (({ className, children }: PageLoaderProps) => react_jsx_runtime.JSX.Element) & {
-    Logo: ({ children }: PageLoaderLogoProps) => react_jsx_runtime.JSX.Element;
+declare const PageLoader: (({ className, children }: PageLoaderProps) => react.JSX.Element) & {
+    Logo: ({ children }: PageLoaderLogoProps) => react.JSX.Element;
 };
 
 interface ITwoColTextMenuSection {
@@ -1149,7 +1144,7 @@ interface TwoColTextMenuProps {
 }
 
 declare const TwoColTextMenu: {
-    ({ className, ariaLabel, sections, renderLink, }: TwoColTextMenuProps): react_jsx_runtime.JSX.Element | null;
+    ({ className, ariaLabel, sections, renderLink, }: TwoColTextMenuProps): react.JSX.Element | null;
     displayName: string;
 };
 
@@ -1181,4 +1176,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, ColTextMenu, type ColTextMenuProps, 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 IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, 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, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, 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, ColTextMenu, type ColTextMenuProps, 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 IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandBar, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, 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, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };

package/dist/index.mjs

@@ -3286,39 +3286,18 @@ var NavigationCtas = ({
 // src/widgets/Navigation/NavigationBrandBars.module.scss
 var NavigationBrandBars_module_default = {
   brandBars: "NavigationBrandBars_module_brandBars",
-  brandBar: "NavigationBrandBars_module_brandBar",
-  brandBarsUnfolded: "NavigationBrandBars_module_brandBarsUnfolded",
-  brandLogo: "NavigationBrandBars_module_brandLogo",
-  lenscrafters: "NavigationBrandBars_module_lenscrafters",
-  forEyes: "NavigationBrandBars_module_forEyes",
-  optical: "NavigationBrandBars_module_optical",
-  pearleVision: "NavigationBrandBars_module_pearleVision"
-};
-var BRANDS = [
-  { key: "lenscrafters", className: NavigationBrandBars_module_default.lenscrafters, label: "LensCrafters" },
-  { key: "forEyes", className: NavigationBrandBars_module_default.forEyes, label: "For Eyes" },
-  { key: "optical", className: NavigationBrandBars_module_default.optical, label: "Target Optical" },
-  { key: "pearleVision", className: NavigationBrandBars_module_default.pearleVision, label: "Pearle Vision" }
-];
-var NavigationBrandBars = ({
-  brandLogos,
-  unfolded = false,
-  className
-}) => {
-  const hasLogos = !!brandLogos;
-  const isUnfolded = hasLogos && unfolded;
-  return /* @__PURE__ */ jsx(
-    "div",
+  brandBar: "NavigationBrandBars_module_brandBar"
+};
+var NavigationBrandBars = ({ brandBars, className }) => {
+  if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
+  return /* @__PURE__ */ jsx("div", { className: clsx49(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsx(
+    "span",
     {
-      className: clsx49(NavigationBrandBars_module_default.brandBars, isUnfolded && NavigationBrandBars_module_default.brandBarsUnfolded, className),
-      "aria-hidden": "true",
-      children: BRANDS.map((brand) => {
-        var _a;
-        const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
-        return /* @__PURE__ */ jsx("span", { className: clsx49(NavigationBrandBars_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsx("img", { className: NavigationBrandBars_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
-      })
-    }
-  );
+      className: NavigationBrandBars_module_default.brandBar,
+      style: { backgroundColor: bar.backgroundColor }
+    },
+    `${bar.backgroundColor}-${index}`
+  )) });
 };
 var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
 var useActivePath = () => {
@@ -3565,7 +3544,7 @@ var NavigationMobile = ({
   searchPlaceholder,
   searchCta,
   onSearch,
-  brandLogos,
+  brandBars,
   isOpen,
   onClose,
   isExternal = false,
@@ -3720,14 +3699,7 @@ var NavigationMobile = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(
-          NavigationBrandBars,
-          {
-            brandLogos,
-            unfolded: false,
-            className: NavigationMobile_module_default.mobileBrandBars
-          }
-        ),
+        /* @__PURE__ */ jsx(NavigationBrandBars, { brandBars, className: NavigationMobile_module_default.mobileBrandBars }),
         /* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
           var _a, _b, _c, _d;
           const subMenuId = `${baseId}-submenu-${index}`;
@@ -3855,7 +3827,7 @@ var Navigation2 = (props) => {
     searchPlaceholder = "Search resources",
     searchCta,
     onSearch,
-    brandLogos
+    brandBars
   } = props;
   const isExternal = variant !== "internal";
   const slots = resolveCompoundSlots(props.children, {
@@ -3875,7 +3847,6 @@ var Navigation2 = (props) => {
   const dropdownOpen = openIndex !== null && !isTabletBelow;
   const isTransparent = !!transparent && isAtTop && !isHovered && !dropdownOpen;
   const openItem = openIndex !== null ? (_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a[openIndex] : void 0;
-  const showLogoUnfolded = !!brandLogos && isAtTop && !dropdownOpen;
   const openDropdown = (index) => {
     if (closeTimer.current) clearTimeout(closeTimer.current);
     setOpenIndex(index);
@@ -4031,13 +4002,7 @@ var Navigation2 = (props) => {
               )
             ] })
           ] }) }),
-          !isExternal && /* @__PURE__ */ jsx(
-            NavigationBrandBars,
-            {
-              brandLogos,
-              unfolded: showLogoUnfolded && !isMobileMenuOpen
-            }
-          ),
+          !isExternal && /* @__PURE__ */ jsx(NavigationBrandBars, { brandBars }),
           dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsx(
             NavigationDropdown,
             {
@@ -4066,7 +4031,7 @@ var Navigation2 = (props) => {
         searchPlaceholder,
         searchCta,
         onSearch,
-        brandLogos,
+        brandBars,
         isOpen: isMobileMenuOpen,
         onClose: () => setIsMobileMenuOpen(false),
         isExternal,