formica-ui-lib 1.0.350 → 1.0.352

package/dist/componentProps/atoms/buttons/button/ButtonProps.d.ts

@@ -6,7 +6,11 @@ export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type IconPosition = "left" | "right";
 export type ButtonSize = "xs" | "sm" | "md" | "lg";
 export type ButtonAlignment = "justify-start" | "justify-center" | "justify-end" | "justify-between" | "justify-around" | "justify-evenly";
-export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> {
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children" | "onClick"> {
+    href?: string;
+    target?: React.HTMLAttributeAnchorTarget;
+    rel?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     label?: string;
     children?: React.ReactNode;
     iconType?: FaTypeClass;

package/dist/componentProps/molecules/bannercontent/featuredarticlebannercontent/FeaturedArticleBannerContentProps.d.ts

@@ -1,7 +1,9 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export interface FeaturedArticleBannerContentProps {
     heading: string;
     subheading?: string;
     articleCategory?: string;
     ctaLabel?: string;
-    onCtaClick?: () => void;
+    ctaHref?: string;
+    onCtaClick?: (event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/molecules/bannercontent/standardcopybannercontent/StandardCopyBannerContentProps.d.ts

@@ -1,7 +1,9 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export interface StandardCopyBannerContentProps {
     heading: string;
     subheading?: string;
     body?: string;
     linkLabel?: string;
-    onLinkClick?: () => void;
+    linkHref?: string;
+    onLinkClick?: (event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/molecules/cards/clickablecard/ClickableCardProps.d.ts

@@ -1,7 +1,9 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import React from "react";
 export type ClickableCardProps = {
     children: React.ReactNode;
-    onCardClick: () => void;
+    href?: string;
+    onCardClick?: (event?: NavigationClickEvent) => void;
     ariaLabel: string;
     ariaControls?: string;
     ariaExpanded?: boolean;

package/dist/componentProps/molecules/cards/columncarouselcard/ColumnCarouselCardProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export interface ColumnCarouselItem {
     id: string;
     label: string;
@@ -19,5 +20,5 @@ export type ColumnCarouselCardProps = {
     setActiveIndex: (n: number | null) => void;
     onLoaded: (id: string) => void;
     onToggleFav: (item: ColumnCarouselItem) => void;
-    onItemClick?: (item: ColumnCarouselItem) => void;
+    onItemClick?: (item: ColumnCarouselItem, event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/molecules/cards/featurecard/FeatureCardProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export type FeatureCardCtaMode = "button" | "text" | "hidden";
 export type FeatureCardStyle = "standard" | "vertical";
 export type FeatureCardClickPayload = {
@@ -6,13 +7,15 @@ export type FeatureCardClickPayload = {
     buttonLabel?: string;
 };
 export type FeatureCardProps = {
+    href?: string;
     imageSrc: string;
     imageAlt?: string;
     title: string;
     description?: string;
     buttonLabel?: string;
+    buttonHref?: string;
     ctaMode?: FeatureCardCtaMode;
     cardStyle?: FeatureCardStyle;
-    onCardClick?: () => void;
-    onCtaClick?: (payload: FeatureCardClickPayload) => void;
+    onCardClick?: (event?: NavigationClickEvent) => void;
+    onCtaClick?: (payload: FeatureCardClickPayload, event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/molecules/cards/featureproductcard/FeaturedProductCardProps.d.ts

@@ -1,8 +1,10 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export type FeaturedProductCardProps = {
+    href?: string;
     imageSrc: string;
     imageAlt?: string;
     title: string;
     brand?: string;
     decorNumber?: string | number;
-    onProductClick?: () => void;
+    onProductClick?: (event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/molecules/cards/imageoverlaycard/ImageOverlayCardProps.d.ts

@@ -1,9 +1,11 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export type ImageOverlayCardAspectRatio = "video" | "compact";
 export type ImageOverlayCardProps = {
+    href?: string;
     imageSrc: string;
     imageAlt?: string;
     label: string;
     body?: string;
     aspectRatio?: ImageOverlayCardAspectRatio;
-    onCardClick?: () => void;
+    onCardClick?: (event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/molecules/cards/infocard/InfoCardProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import type { ButtonVariant, ButtonIntent, ButtonSize } from "../../../atoms/buttons/button/ButtonProps";
 export type InfoCardAlign = "left" | "right";
 export type InfoCardLayoutVariant = "default" | "underBanner";
@@ -21,5 +22,5 @@ export interface InfoCardProps {
     buttons?: InfoCardButton[];
     align?: InfoCardAlign;
     layoutVariant?: InfoCardLayoutVariant;
-    onButtonClick?: (payload: InfoCardButtonClickPayload) => void;
+    onButtonClick?: (payload: InfoCardButtonClickPayload, event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/molecules/cards/moreinfohighlightscard/MoreInfoHighlightsCardProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import { FaTypeClass } from "../../../atoms/icon/IconProps";
 export type MoreInfoHighlightsCardProps = {
     iconType: FaTypeClass;
@@ -6,5 +7,5 @@ export type MoreInfoHighlightsCardProps = {
     body: string;
     href?: string;
     linkLabel?: string;
-    onLinkClick?: () => void;
+    onLinkClick?: (event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/molecules/cards/recentarticlecard/RecentArticleCardProps.d.ts

@@ -1,4 +1,5 @@
 import type React from "react";
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export type RecentArticleCardLayoutVariant = "default" | "mediaRightCompact" | "mediaLeftCompact";
 export interface RecentArticleCardProps {
     layoutVariant?: RecentArticleCardLayoutVariant;
@@ -13,6 +14,7 @@ export interface RecentArticleCardProps {
     publishDate?: string;
     body: string;
     buttonLabel: string;
-    onViewClick?: () => void;
+    buttonHref?: string;
+    onViewClick?: (event?: NavigationClickEvent) => void;
     actionFooter?: React.ReactNode;
 }

package/dist/componentProps/molecules/cards/swatchcard/SwatchCardProps.d.ts

@@ -1,6 +1,8 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export type SwatchStatus = "new" | "discontinued" | "comingSoon" | "sale";
 export type SwatchCardProps = {
     id?: string;
+    href?: string;
     imageSrc: string;
     imageFallbackSrc?: string;
     imageAlt: string;
@@ -8,6 +10,6 @@ export type SwatchCardProps = {
     brand: string;
     product?: string;
     decorNumber: string | number;
-    onSwatchClick?: () => void;
+    onSwatchClick?: (event?: NavigationClickEvent) => void;
     status?: SwatchStatus;
 };

package/dist/componentProps/molecules/carouselprimitives/standardcarousel/StandardCarouselProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import type React from "react";
 import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
 export interface StandardCarouselSlide {
@@ -14,6 +15,8 @@ export type StandardCarouselRenderSlideArgs<T> = {
     slide: T;
     index: number;
     isActive: boolean;
+    onPreviousClick: () => void;
+    onNextClick: () => void;
 };
 export type StandardCarouselBaseProps<T> = {
     slides: T[];
@@ -25,7 +28,7 @@ export type StandardCarouselBaseProps<T> = {
     nextArrowButtonProps?: Partial<ButtonProps>;
     autoRotateSeconds?: number;
     onSlideChange?: (index: number, slide: T) => void;
-    onSlideClick?: (slide: T, index: number) => void;
+    onSlideClick?: (slide: T, index: number, event?: NavigationClickEvent) => void;
     heightClassName?: string;
     showImageOverlay?: boolean;
 };

package/dist/componentProps/molecules/navigation/footerimagelink/FooterImageLinkProps.d.ts

@@ -1,5 +1,5 @@
 import type { FooterImageProps } from "../../../organisms/navigation/footer/FooterProps";
-export type FooterImageLinkSize = "default" | "primary" | "parent" | "affiliate";
+export type FooterImageLinkSize = "default" | "primary" | "parent" | "parent-lg" | "affiliate";
 export type FooterImageLinkProps = {
     img: FooterImageProps;
     size?: FooterImageLinkSize;

package/dist/componentProps/molecules/navigation/navdropdownitem/NavDropdownItemProps.d.ts

@@ -0,0 +1,12 @@
+import { NavLinkItem } from "../../../organisms/navigation/TopNavBarProps";
+export type NavDropdownItem = {
+    id: string;
+    label: string;
+    href?: string;
+    items?: NavLinkItem[];
+};
+export type NavDropdownItemProps = {
+    navDropdownItem: NavDropdownItem;
+    onNavItemClick?: (navItem: NavDropdownItem) => void;
+    onNavLinkClick?: (navLink: NavLinkItem) => void;
+};

package/dist/componentProps/molecules/selectors/broadviewcountryselector/BroadviewCountrySelectorProps.d.ts

@@ -0,0 +1,6 @@
+import { Country } from "../countryselector/CountrySelectorProps";
+export type BroadviewCountrySelectorProps = {
+    countries?: Country[];
+    onCountrySelect?: (country: Country) => void;
+    selectCountryLabel?: string;
+};

package/dist/componentProps/organisms/banners/brandhero/BrandHeroProps.d.ts

@@ -0,0 +1,16 @@
+type BrandHeroLabels = {
+    leftArrowLabel?: string;
+    rightArrowLabel?: string;
+};
+export type BrandHeroProps = {
+    imageSrc: string;
+    imageAlt?: string;
+    heading: string;
+    eyebrow?: string;
+    logoSrc: string;
+    logoAlt?: string;
+    labels?: BrandHeroLabels;
+    onPreviousClick?: () => void;
+    onNextClick?: () => void;
+};
+export {};

package/dist/componentProps/organisms/banners/columnbanner/ColumnBannerProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import type { ColumnCarouselItem } from "../../../molecules/cards/columncarouselcard/ColumnCarouselCardProps";
 export interface TabItem {
     label: string;
@@ -22,5 +23,5 @@ export interface ColumnBannerProps {
     favoriteIds?: string[];
     showFavorites?: boolean;
     onFavoriteToggle?: (item: CtaItem, isFavorite: boolean) => void;
-    onItemClick?: (item: CtaItem) => void;
+    onItemClick?: (item: CtaItem, event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/organisms/banners/featuredarticlebanner/FeaturedArticleBannerProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export interface FeaturedArticleBannerProps {
     imageSrc: string;
     imageAlt?: string;
@@ -5,5 +6,6 @@ export interface FeaturedArticleBannerProps {
     subheading?: string;
     articleCategory?: string;
     ctaLabel?: string;
-    onCtaClick?: () => void;
+    ctaHref?: string;
+    onCtaClick?: (event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/organisms/banners/standardcopyhero/StandardCopyHeroProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export interface StandardCopyHeroProps {
     imageSrc: string;
     imageAlt?: string;
@@ -6,5 +7,5 @@ export interface StandardCopyHeroProps {
     body: string;
     linkLabel?: string;
     linkHref?: string;
-    onLinkClick?: () => void;
+    onLinkClick?: (event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/organisms/carousels/brandherocarousel/BrandHeroCarouselProps.d.ts

@@ -0,0 +1,4 @@
+import type { BrandHeroProps } from "../../banners/brandhero/BrandHeroProps";
+import type { StandardCarouselProps } from "../../../molecules/carouselprimitives/standardcarousel/StandardCarouselProps";
+export type BrandHeroCarouselSlide = Omit<BrandHeroProps, "onPreviousClick" | "onNextClick">;
+export type BrandHeroCarouselProps = Pick<StandardCarouselProps<BrandHeroCarouselSlide>, "slides" | "loop" | "autoRotateSeconds" | "onSlideChange" | "onSlideClick">;

package/dist/componentProps/organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 export type FeaturedProductCarouselItem = {
     id: string;
     imageSrc: string;
@@ -15,5 +16,5 @@ export type FeaturedProductsCarouselProps = {
     headerAlign?: "left" | "center";
     headerVariant?: FeaturedProductsCarouselHeaderVariant;
     items: FeaturedProductCarouselItem[];
-    onItemClick?: (item: FeaturedProductCarouselItem) => void;
+    onItemClick?: (item: FeaturedProductCarouselItem, event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/organisms/collections/featurecardcollection/FeatureCardCollectionProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import type { FeatureCardProps } from "../../../molecules/cards/featurecard/FeatureCardProps";
 export type FeatureCardCollectionItem = FeatureCardProps;
 export type FeatureCardCollectionFooterButtonPayload = {
@@ -13,5 +14,5 @@ export type FeatureCardCollectionProps = {
     footerBlurb?: string;
     footerButtonLabel?: string;
     footerButtonHref?: string;
-    onFooterButtonClick?: (payload: FeatureCardCollectionFooterButtonPayload) => void;
+    onFooterButtonClick?: (payload: FeatureCardCollectionFooterButtonPayload, event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/organisms/grids/decorgrid/DecorGridProps.d.ts

@@ -1,5 +1,6 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import { SwatchCardProps } from "../../../molecules/cards/swatchcard/SwatchCardProps";
 export interface DecorGridProps {
     swatches?: SwatchCardProps[];
-    onSwatchClick?: (swatch: SwatchCardProps, index: number) => void;
+    onSwatchClick?: (swatch: SwatchCardProps, index: number, event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/organisms/grids/imageoverlaygrid/ImageOverlayGridProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../../shared/NavigationClickProps";
 import type { ImageOverlayCardProps } from "../../../molecules/cards/imageoverlaycard/ImageOverlayCardProps";
 export type ImageOverlayGridItem = Omit<ImageOverlayCardProps, "className" | "onCardClick"> & {
     id?: string;
@@ -10,5 +11,5 @@ export type ImageOverlayGridClickPayload = {
 export interface ImageOverlayGridProps {
     items: ImageOverlayGridItem[];
     layoutVariant?: ImageOverlayGridLayoutVariant;
-    onImageOverlayCardClick?: (payload: ImageOverlayGridClickPayload) => void;
+    onImageOverlayCardClick?: (payload: ImageOverlayGridClickPayload, event?: NavigationClickEvent) => void;
 }

package/dist/componentProps/organisms/navigation/AnnouncementBarProps.d.ts

@@ -1,7 +1,9 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 import type { ReactNode } from "react";
 export type AnnouncementBarProps = {
     message?: string;
     buttonLabel?: string;
-    onButtonClick?: () => void;
+    buttonHref?: string;
+    onButtonClick?: (event?: NavigationClickEvent) => void;
     children?: ReactNode;
 };

package/dist/componentProps/organisms/navigation/BrandNavBarProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 import type { NavigationLinkValue, NavigationTextValue } from "../../shared/GeneralLinkProps";
 export type BrandNavItem = {
     label: NavigationTextValue;
@@ -9,6 +10,6 @@ export type BrandNavBarProps = {
     showProPortalSelector?: boolean;
     isNorthAmerica?: boolean;
     selectedCustomerType?: CustomerTypeOption;
-    onBrandClick?: (brand: BrandNavItem) => void;
+    onBrandClick?: (brand: BrandNavItem, event?: NavigationClickEvent) => void;
     onCustomerTypeChange?: (value: CustomerTypeOption) => void;
 };

package/dist/componentProps/organisms/navigation/BroadviewNavBarProps.d.ts

@@ -0,0 +1,22 @@
+import { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
+import { NavLinkItem } from "./TopNavBarProps";
+import { NavDropdownItem } from "../../molecules/navigation/navdropdownitem/NavDropdownItemProps";
+type BroadviewNavBarLabels = {
+    logoAlt?: string;
+    logoClickLabel?: string;
+    mobileMenuToggleLabel?: string;
+    mobileMenuLabel?: string;
+    leftNavMenuLabel?: string;
+    rightNavMenuLabel?: string;
+};
+export type BroadviewNavBarProps = {
+    leftNavMenuWithSubItems?: NavDropdownItem[];
+    rightNavMenuWithSubItems?: NavDropdownItem[];
+    countries?: Country[];
+    labels?: BroadviewNavBarLabels;
+    onLogoClick?: () => void;
+    onNavItemClick?: (navItem: NavDropdownItem) => void;
+    onNavLinkClick?: (link: NavLinkItem) => void;
+    onCountrySelect?: (country: Country) => void;
+};
+export {};

package/dist/componentProps/organisms/navigation/PromoBannerProps.d.ts

@@ -1,8 +1,10 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 export type PromoBannerProps = {
     open: boolean;
     message: string;
     onClose: () => void;
-    onButtonClick?: () => void;
+    onButtonClick?: (event?: NavigationClickEvent) => void;
     buttonLabel?: string;
+    buttonHref?: string;
     closeLabel?: string;
 };

package/dist/componentProps/organisms/navigation/TopNavActionsProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 import type { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
 import type { TopNavLogin, TopNavCartSummary, TopNavSearchPayload } from "./TopNavBarProps";
 import type { TopNavSearchResultClickPayload, TopNavSearchResultItem } from "./TopNavSearchResultsProps";
@@ -24,7 +25,7 @@ export type TopNavActionsProps = {
     onSearchResultClick?: (payload: TopNavSearchResultClickPayload) => void;
     onSearchViewAllClick?: (payload: TopNavSearchPayload) => void;
     onCartClick?: () => void;
-    onLoginClick?: () => void;
+    onLoginClick?: (event?: NavigationClickEvent) => void;
     onAccountClick?: () => void;
     onFavoritesClick?: () => void;
     onCountrySelect?: (country: Country) => void;

package/dist/componentProps/organisms/navigation/TopNavBarProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 import { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
 import type { TopNavSearchResultClickPayload, TopNavSearchResultItem } from "./TopNavSearchResultsProps";
 import type { TopNavAccount } from "./TopNavAccountDrawerProps";
@@ -61,16 +62,16 @@ export type TopNavBarProps = {
     closeSearchLabel?: string;
     searchResultItems?: TopNavSearchResultItem[];
     searchViewAllLabel?: string;
-    onLogoClick?: () => void;
-    onNavItemClick?: (item: NavItem) => void;
-    onMegaMenuLinkClick?: (link: NavLinkItem) => void;
+    onLogoClick?: (event?: NavigationClickEvent) => void;
+    onNavItemClick?: (item: NavItem, event?: NavigationClickEvent) => void;
+    onMegaMenuLinkClick?: (link: NavLinkItem, event?: NavigationClickEvent) => void;
     onSearchClick?: () => void;
     onSearchChange?: (payload: TopNavSearchPayload) => void;
     onSearchSubmit?: (payload: TopNavSearchPayload) => void;
     onSearchResultClick?: (payload: TopNavSearchResultClickPayload) => void;
     onSearchViewAllClick?: (payload: TopNavSearchPayload) => void;
     onCartClick?: () => void;
-    onLoginClick?: () => void;
+    onLoginClick?: (event?: NavigationClickEvent) => void;
     onAccountClick?: () => void;
     onOrderHistoryClick?: () => void;
     onProfileClick?: () => void;

package/dist/componentProps/organisms/navigation/TopNavMegaMenuProps.d.ts

@@ -1,5 +1,7 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 import type { NavItem, NavLinkItem } from "./TopNavBarProps";
 export type TopNavMegaMenuProps = {
     activeItem?: NavItem;
-    onMegaMenuLinkClick?: (link: NavLinkItem) => void;
+    items?: NavItem[];
+    onMegaMenuLinkClick?: (link: NavLinkItem, event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/organisms/navigation/broadviewfooter/BroadviewFooterProps.d.ts

@@ -0,0 +1,5 @@
+import { FooterBrandBlock, FooterLegalBlock } from "../footer/FooterProps";
+export type BroadviewFooterProps = {
+    brand: FooterBrandBlock;
+    legal: FooterLegalBlock;
+};

package/dist/componentProps/organisms/navigation/footerlegal/FooterLegalProps.d.ts

@@ -0,0 +1,4 @@
+import { FooterProps } from "../footer/FooterProps";
+export type FooterLegalProps = FooterProps["legal"] & {
+    border?: "default" | "none";
+};

package/dist/componentProps/organisms/navigation/footerlogosbar/FooterLogosBarProps.d.ts

@@ -1,7 +1,10 @@
 import type { FooterImageProps } from "../footer/FooterProps";
 import type { NavigationTextValue } from "../../../shared/GeneralLinkProps";
+import { FooterImageLinkSize } from "../../../molecules/navigation/footerimagelink/FooterImageLinkProps";
 export type FooterLogosBarProps = {
     affiliateLogos?: FooterImageProps[];
     parentLogo?: FooterImageProps;
     phoneLine?: NavigationTextValue;
+    withVerticalSeparator?: boolean;
+    parentLogoSize?: FooterImageLinkSize;
 };

package/dist/componentProps/shared/NavigationClickProps.d.ts

@@ -0,0 +1,3 @@
+import type React from "react";
+export type NavigationClickEvent = React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>;
+export type NavigationClickHandler = (event?: NavigationClickEvent) => void;

package/dist/componentProps/templates/categorypagetemplate/CategoryPageTemplateProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 import type { DropdownProps } from "../../atoms/dropdown/DropdownProps";
 import type { SearchBarProps } from "../../molecules/searchbar/SearchBarProps";
 import type { MultiButtonBarOption, MultiButtonBarSelectPayload } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
@@ -69,10 +70,10 @@ export type CategoryPageFilterChangeMeta = {
 export type CategoryPageTemplateProps = {
     categoryData: CategoryPageData;
     className?: string;
-    onHeroLinkClick?: (categoryData: CategoryPageData) => void;
+    onHeroLinkClick?: (categoryData: CategoryPageData, event?: NavigationClickEvent) => void;
     onTabChange?: (payload: MultiButtonBarSelectPayload, categoryData: CategoryPageData) => void;
     onSortChange?: (value: string, categoryData: CategoryPageData) => void;
     onSearchChange?: (value: string, categoryData: CategoryPageData) => void;
     onFilterChange?: (sections: CategoryPageFilterSection[], meta: CategoryPageFilterChangeMeta, categoryData: CategoryPageData) => void;
-    onSwatchClick?: (swatch: SwatchCardProps, index: number, categoryData: CategoryPageData) => void;
+    onSwatchClick?: (swatch: SwatchCardProps, index: number, categoryData: CategoryPageData, event?: NavigationClickEvent) => void;
 };

package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts

@@ -1,3 +1,4 @@
+import type { NavigationClickEvent } from "../../shared/NavigationClickProps";
 import type { ProductPurchaseAvailability } from "../../molecules/cart/cartactions/CartActionsProps";
 import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
 import { ProductInformationTabLabels, ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/sections/productinformationsection/ProductInformationSectionProps";
@@ -261,6 +262,6 @@ export type ProductDetailPageTemplateProps = {
     onAddToWishlist?: (payload: ProductDetailWishlistPayload, productData: ProductDetailData) => void;
     onAddToCart?: (order: ProductDetailOrder, productData: ProductDetailData) => void;
     onContactActionClick?: (payload: ProductDetailContactActionPayload, productData: ProductDetailData) => void;
-    onProductNavigate?: (href: string, meta?: unknown) => void;
+    onProductNavigate?: (href: string, meta?: unknown, event?: NavigationClickEvent) => void;
     cartFlyoutProps?: ProductDetailCartFlyoutProps;
 };