@digital-b2c/coreui-kit 0.28.3 → 0.28.5

package/dist/index.d.cts

@@ -0,0 +1,1441 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, MouseEventHandler, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, RefObject, CSSProperties } from 'react';
+
+interface IPicture {
+    src: string;
+    alt?: string;
+    variant?: string;
+}
+
+type SrcOnly = {
+    src: string;
+    desktop?: never;
+    mobile?: never;
+};
+type ResponsiveSources = {
+    src?: never;
+    desktop: IPicture;
+    mobile?: IPicture;
+};
+type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
+
+declare const svgs: {
+    ads: string;
+    book: string;
+    briefcase: string;
+    calendar: string;
+    clipboard: string;
+    convo: string;
+    eye: string;
+    globe: string;
+    hospital: string;
+    library: string;
+    location: string;
+    marketing: string;
+    money: string;
+    people: string;
+    smile: string;
+    tech: string;
+    work: string;
+    workhome: string;
+    pdf: string;
+    externalLink: string;
+    newIcon: string;
+    play: string;
+    lock: string;
+    quote: string;
+    blankCheckbox: string;
+    blankCheckboxWhite: string;
+    checkedBox: string;
+    circleChevronDown: string;
+    circleChevronUp: string;
+    downBlack: string;
+    downWhite: string;
+    downChevronBlack: string;
+    downChevronWhite: string;
+    downloadBlack: string;
+    downloadWhite: string;
+    filledChevronLeft: string;
+    filledChevronRight: string;
+    filledChevronUp: string;
+    filledChevronUpBlack: string;
+    leftWhite: string;
+    mailBlack: string;
+    rightBlack: string;
+    rightWhite: string;
+    tiltedRightBlack: string;
+    tiltedRightWhite: string;
+    upChevronUpWhite: string;
+    upChevronWhite: string;
+    watchBlack: string;
+    watchWhite: string;
+    filter: string;
+    internalFilter: string;
+    search: string;
+    grid: string;
+    list: string;
+    chevronLeftBlack: string;
+    chevronRightBlack: string;
+    chevronRight: string;
+    chevronDefault: string;
+    chevronHovered: string;
+    chevronSelected: string;
+    menuBlack: string;
+    menuWhite: string;
+    right: string;
+    tiltedRight: string;
+    xBlack: string;
+    xWhite: string;
+    user: string;
+};
+type IconType = keyof typeof svgs;
+interface IconProps extends react__default.ComponentPropsWithRef<'svg'> {
+    type: IconType;
+    size?: number;
+}
+declare const Icon: react__default.FC<IconProps>;
+
+interface ICta {
+    label?: string;
+    url: string;
+    isExternal?: boolean;
+}
+interface ICtaLogo extends ICta {
+    logo?: IPicture;
+}
+interface ICtaIcon extends ICta {
+    icon?: IconType;
+}
+interface ICtaHoverLogo extends ICtaLogo {
+    hoverLogo?: IPicture;
+}
+
+interface BrandsStripProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    title?: string;
+    logos?: PictureProps[];
+    cta?: ICta;
+    size?: 'small';
+}
+
+declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
+
+declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack", "textmenu"];
+type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: TButtonVariant;
+    fullWidth?: boolean;
+    href?: string;
+    isExternal?: boolean;
+    icon?: IconType;
+    logo?: IPicture;
+    isActive?: boolean;
+    renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: ReactNode;
+    }) => ReactNode;
+}
+
+declare const Button: React.FC<ButtonProps>;
+
+type CardSubtitleProps = {
+    children: ReactNode;
+};
+
+type CardTitleProps = {
+    children: ReactNode;
+};
+
+interface CardProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    icon?: IconType;
+    logo?: IPicture;
+    cta?: ICtaLogo & ICtaIcon;
+    onCtaClick?: MouseEventHandler<HTMLElement>;
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+
+declare const Card: {
+    ({ className, variant, title, subtitle, cta, onCtaClick, icon, logo, children, ref, }: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type CountingCardTitleProps = {
+    children: ReactNode;
+};
+
+interface CountingCardProps {
+    className?: string;
+    count?: number;
+    title?: ReactNode;
+    image?: IPicture;
+    children?: ReactNode;
+}
+
+declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type ResourceView = 'grid' | 'list';
+type ResourceItemType = 'pdf' | 'externalLink' | 'restricted';
+interface ResourceItem {
+    title: string;
+    bodyText?: ReactNode;
+    date: string;
+    type: ResourceItemType;
+    href: string;
+    hasNotification?: boolean;
+    category?: string;
+    id: string;
+}
+interface ResourceCardItemProps {
+    variant?: 'global-search';
+    item: ResourceItem;
+    view: ResourceView;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const ResourceCardItem: ({ item, view, variant, renderLink }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
+
+type FilterOption = 'all' | 'pdf' | 'externalLink';
+type SortOption = 'latest' | 'oldest' | 'az' | 'za';
+interface FilterBarProps {
+    view: ResourceView;
+    onViewChange: (v: ResourceView) => void;
+    isMobile: boolean;
+    filterValue: FilterOption;
+    onFilterChange: (v: FilterOption) => void;
+    sortValue: SortOption;
+    onSortChange: (v: SortOption) => void;
+    searchValue: string;
+    onSearchChange: (v: string) => void;
+}
+
+declare function FilterBar({ view, onViewChange, isMobile, filterValue, onFilterChange, sortValue, onSortChange, searchValue, onSearchChange, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+
+type InfoCardSubtitleProps = {
+    children: ReactNode;
+};
+
+type InfoCardTitleProps = {
+    children: ReactNode;
+};
+
+declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
+
+interface InfoCardProps {
+    className?: string;
+    icon?: IconType | PictureProps;
+    badge?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    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;
+};
+
+interface ModalProps {
+    className?: string;
+    /** Applied to the white panel that holds the close button and the content */
+    contentClassName?: string;
+    isOpen: boolean;
+    onClose: () => void;
+    ariaLabel?: string;
+    closeLabel?: string;
+    /** Hides the default close button, e.g. when the content provides its own */
+    hideCloseButton?: boolean;
+    children?: ReactNode;
+}
+
+declare const Modal: {
+    ({ className, contentClassName, isOpen, onClose, ariaLabel, closeLabel, hideCloseButton, children, }: ModalProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface PaginationProps {
+    className?: string;
+    totalPages: number;
+    currentPage: number;
+    loop?: boolean;
+    hasNumber?: boolean;
+    disableArrows?: boolean;
+    onPageChange?: (page: number) => void;
+    showEllipsis?: boolean;
+    siblingCount?: number;
+    boundaryCount?: number;
+    hidePagesBorder?: boolean;
+    renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
+        page: number;
+        children: ReactNode;
+    }) => ReactNode;
+}
+
+declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, showEllipsis, boundaryCount, siblingCount, hidePagesBorder, renderLink, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+interface PracticeCardProps {
+    className?: string;
+    title?: string;
+    cta?: ICta;
+    image?: IPicture;
+}
+
+declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
+
+interface SidebarCategory {
+    label: string;
+    value?: string;
+    extension?: string;
+    active?: boolean;
+    hasNotification?: boolean;
+}
+interface SidebarProps {
+    categories: SidebarCategory[];
+    isMobile: boolean;
+    onToggle?: () => void;
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+}
+
+declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+
+interface UpcomingEventCardProps {
+    className?: string;
+    image?: IPicture;
+    date?: string;
+    title?: string;
+    description?: string;
+    location?: string;
+    cta?: ICta & {
+        icon?: IconType;
+    };
+    direction?: 'vertical' | 'horizontal';
+    showImage?: boolean;
+}
+
+declare const UpcomingEventCard: ({ className, image, date, title, location, description, cta, direction, showImage, }: UpcomingEventCardProps) => react_jsx_runtime.JSX.Element;
+
+type BadgeBaseProps = {
+    children?: ReactNode;
+    variant?: 'default';
+    size?: 'sm' | 'md';
+    icon?: IconProps;
+    iconOnly?: boolean;
+    live?: 'polite' | 'assertive' | 'off';
+};
+type NonClickableBadgeProps = BadgeBaseProps & HTMLAttributes<HTMLSpanElement> & {
+    clickable?: false;
+};
+type ClickableBadgeProps = BadgeBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+    clickable: true;
+};
+type BadgeProps = NonClickableBadgeProps | ClickableBadgeProps;
+
+declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLButtonElement | HTMLSpanElement>>;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    endAction?: ReactNode;
+    hideLabel?: boolean;
+    inputClassName?: string;
+    type?: 'text' | 'number' | 'password';
+}
+
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface ResponsiveSpan {
+    xl?: number;
+    lg?: number;
+    md?: number;
+    ml?: number;
+    mm?: number;
+    xs?: number;
+}
+interface GridProps extends PropsWithChildren {
+    columns?: number;
+    gap?: number | string;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+    role?: React.AriaRole;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+interface GridItemProps extends PropsWithChildren {
+    colSpan?: ResponsiveSpan;
+    rowSpan?: ResponsiveSpan;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+    role?: React.AriaRole;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+
+interface NewsCardProps {
+    type?: 'restricted';
+    className?: string;
+    id?: string | number;
+    image?: IPicture;
+    tag: string;
+    date: {
+        label: string;
+        value: string;
+    };
+    title: string;
+    description: string;
+    cta?: ICtaIcon;
+    direction?: 'horizontal' | 'vertical';
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const NewsCard: ({ type, className, image, date, description, tag, title, cta, direction, renderLink, }: NewsCardProps) => react_jsx_runtime.JSX.Element;
+
+type BlogPostContentBodyProps = {
+    children: ReactNode;
+};
+
+interface BlogPostContentProps {
+    className?: string;
+    children?: ReactNode;
+    body?: ReactNode;
+}
+
+declare const BlogPostContent: (({ className, body, children }: BlogPostContentProps) => react_jsx_runtime.JSX.Element) & {
+    Body: ({ children }: BlogPostContentBodyProps) => react_jsx_runtime.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_runtime.JSX.Element;
+
+interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    isExternal?: boolean;
+    renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: ReactNode;
+    }) => ReactNode;
+}
+
+declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
+
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+
+declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
+
+type ConditionalWrapperProps = {
+    condition: boolean;
+    wrapper?: FC<{
+        children: ReactNode;
+    } & Record<string, unknown>>;
+    fallback?: FC<{
+        children: ReactNode;
+    } & Record<string, unknown>>;
+} & Record<string, unknown>;
+
+declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
+
+type TextElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+interface TextProps extends HTMLAttributes<HTMLElement> {
+    tag?: TextElement;
+    children: ReactNode;
+    className?: string;
+    promoteToH1?: boolean;
+    ref?: Ref<HTMLElement>;
+}
+
+declare const Text: {
+    ({ tag, promoteToH1, ref, children, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type IColTextMenuItem = ICta;
+interface ColTextMenuProps extends IColTextMenuItem {
+    className?: string;
+    renderLink?: AnchorProps['renderLink'];
+}
+
+declare const ColTextMenu: {
+    ({ label, url, isExternal, className, renderLink, }: ColTextMenuProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+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_runtime.JSX.Element;
+
+interface LoaderProps {
+    className?: string;
+}
+
+declare const Loader: {
+    ({ className }: LoaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface BrandCardProps {
+    id?: string;
+    theme?: string;
+    title: string;
+    subtitle: string;
+    image: IPicture;
+    className?: string;
+    animationSettings: {
+        triggerRef?: RefObject<HTMLElement | null>;
+        to: number;
+        suffix?: string;
+        duration?: number;
+    };
+}
+
+declare const BrandCard: ({ theme, title, subtitle, image, animationSettings, className, }: BrandCardProps) => react_jsx_runtime.JSX.Element;
+
+interface SelectOption {
+    label: string;
+    value?: string;
+}
+interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    onChange?: (value?: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+
+declare const Select: ({ options, value, onChange, placeholder, disabled, className, }: SelectProps) => react_jsx_runtime.JSX.Element;
+
+interface IconTeamCardProps$1 {
+    id?: string;
+    className?: string;
+    photo?: IPicture;
+    name: string;
+    contact: ReactNode;
+    cta?: ICtaLogo;
+}
+
+declare const IconTeamCard: ({ className, name, contact, cta, photo }: IconTeamCardProps$1) => react_jsx_runtime.JSX.Element;
+
+type CardCarouselFootnoteProps = {
+    children: ReactNode;
+};
+
+type CardCarouselSubtitleProps = {
+    children: ReactNode;
+};
+
+type CardCarouselTitleProps = {
+    children: ReactNode;
+};
+
+interface CardCarouselItem extends CardProps {
+    /** Blurs the card content, used as a teaser for gated modules */
+    isLocked?: boolean;
+    /** Opens the video in a modal on cta click instead of following the cta url */
+    videoUrl?: string;
+}
+interface CardCarouselProps {
+    className?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    /** Disclaimer rendered below the carousel */
+    footnote?: ReactNode;
+    cards?: CardCarouselItem[];
+    theme?: 'dark' | 'light';
+    ariaLabel?: string;
+    children?: ReactNode;
+}
+
+declare const CardCarousel: (({ className, title, subtitle, footnote, cards, theme, ariaLabel, children, }: CardCarouselProps) => react_jsx_runtime.JSX.Element | null) & {
+    Title: ({ children }: CardCarouselTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: CardCarouselSubtitleProps) => react_jsx_runtime.JSX.Element;
+    Footnote: ({ children }: CardCarouselFootnoteProps) => react_jsx_runtime.JSX.Element;
+};
+
+type CardCollectionSubtitleProps = {
+    children: ReactNode;
+};
+
+type CardCollectionTitleProps = {
+    children: ReactNode;
+};
+
+interface CardCollectionProps {
+    className?: string;
+    variant?: 'default' | 'threeCols' | 'fourCols' | 'examCard' | 'cardCarousel';
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    cards?: CardProps[];
+    children?: ReactNode;
+    ctaLabel?: string;
+    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;
+};
+
+type ContactModuleSubtitleProps = {
+    children: ReactNode;
+};
+
+type ContactModuleTitleProps = {
+    children: ReactNode;
+};
+
+interface ContactModuleProps {
+    className?: string;
+    children?: ReactNode;
+    image?: IPicture;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    ctas?: ICta[];
+    blurred?: boolean;
+    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;
+};
+
+interface IFooterLink {
+    label: string;
+    href: string;
+    isExternal?: boolean;
+}
+interface IFooterSupporter {
+    image: IPicture;
+    href?: string;
+}
+interface IFooterSupportGroup {
+    title: string;
+    subtitle: string;
+}
+interface FooterProps {
+    className?: string;
+    supporters?: IFooterSupporter[];
+    navigationLinks?: IFooterLink[];
+    disclaimer?: ReactNode;
+    copyright?: ReactNode;
+    children?: ReactNode;
+    supportContacts?: IFooterSupportGroup[];
+}
+
+declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react_jsx_runtime.JSX.Element;
+
+type HeroBannerSubtitleProps = {
+    children: ReactNode;
+};
+
+type HeroBannerTitleProps = {
+    children: ReactNode;
+};
+
+interface HeroBannerProps {
+    className?: string;
+    variant?: 'pageHeroBanner' | 'bannerPodcast' | 'mainHeroBanner';
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    backgroundImage?: PictureProps;
+    logo?: PictureProps & {
+        variant?: string;
+    };
+    cta?: ICtaLogo[];
+    ctaLogo?: ICtaHoverLogo[];
+    brands?: BrandsStripProps;
+    promoteToH1?: boolean;
+    children?: ReactNode;
+    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;
+};
+
+interface HeroBannerCarouselItem {
+    title: string;
+    body: ReactNode;
+    image: PictureProps;
+    ctas: ICtaLogo[];
+    isNewItem?: boolean;
+    hideOverlayOnMobile?: boolean;
+}
+interface HeroBannerCarouselProps {
+    className?: string;
+    items?: HeroBannerCarouselItem[];
+}
+
+declare const HeroBannerCarousel: ({ className, items }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
+
+interface InternalBrandsTabProps {
+    title?: string;
+    className?: string;
+    subTitle?: React.ReactNode;
+    tabs?: {
+        tabTitle?: string;
+        topContent?: {
+            title?: string;
+            longText: React.ReactNode;
+            cta?: ICtaLogo;
+            rightSideText?: React.ReactNode;
+        };
+        bottomContent?: {
+            title?: string;
+            icon?: IPicture;
+            textList: React.ReactNode;
+            quote?: React.ReactNode;
+        };
+    }[];
+}
+
+declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
+
+type MiniBannerGoBackProps = {
+    children: ReactNode;
+};
+
+type MiniBannerSubtitleProps = {
+    children: ReactNode;
+};
+
+type MiniBannerTitleProps = {
+    children: ReactNode;
+};
+
+interface MiniBannerProps {
+    className?: string;
+    variant?: 'default' | 'miniBannerNoBG' | 'miniBannerTextLeft';
+    logo?: IPicture;
+    background?: PictureProps;
+    pretitle?: ReactNode;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    cta?: ICtaLogo[];
+    goBackProps?: {
+        icon?: {
+            src: string;
+            alt: string;
+        };
+        link?: {
+            isExternal?: boolean;
+            href: string;
+            title?: string;
+        };
+    };
+    promoteToH1?: boolean;
+    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;
+};
+
+type MiniSectionCtaSubtitleProps = {
+    children: ReactNode;
+};
+
+type MiniSectionCtaTitleProps = {
+    children: ReactNode;
+};
+
+interface MiniSectionCtaProps {
+    className?: string;
+    variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta' | 'bgGradientGrey';
+    theme?: 'dark' | 'light' | 'gray' | 'gradientGrey';
+    cta?: ICta;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
+    moduleStyles?: {
+        color?: string;
+        backgroundColor?: string;
+        mobileBackgroundColor?: string;
+    };
+}
+
+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;
+};
+
+type NavigationUserMenuFallbackProps = {
+    children: ReactNode;
+};
+
+interface BaseNavItem {
+    title: string;
+    description: string;
+}
+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 bar colors shown in the top strip of the navigation.
+ */
+interface NavigationBrandBar {
+    backgroundColor: string;
+}
+interface NavigationProps extends PropsWithChildren {
+    className?: string;
+    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;
+    brandBars?: NavigationBrandBar[];
+}
+
+declare const Navigation: ((props: NavigationProps) => react_jsx_runtime.JSX.Element) & {
+    UserMenuFallback: ({ children }: NavigationUserMenuFallbackProps) => react_jsx_runtime.JSX.Element;
+};
+
+type PracticePathCardsFooterProps = {
+    children: ReactNode;
+};
+
+type PracticePathCardsSubtitleProps = {
+    children: ReactNode;
+};
+
+type PracticePathCardsTitleProps = {
+    children: ReactNode;
+};
+
+interface PracticePathCardsProps {
+    className?: string;
+    children?: ReactNode;
+    cards?: PracticeCardProps[];
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    footer?: ReactNode;
+    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;
+};
+
+type Teaser5050With3TextTitleProps = {
+    children: ReactNode;
+};
+
+interface Teaser5050With3TextProps {
+    className?: string;
+    variant?: 'left' | 'right';
+    title?: ReactNode;
+    cards?: InfoCardProps[];
+    image?: PictureProps;
+    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;
+};
+
+type Teaser5050WithCtaSubtitleProps = {
+    children: ReactNode;
+};
+
+type Teaser5050WithCtaTitleProps = {
+    children: ReactNode;
+};
+
+interface Teaser5050WithCtaProps {
+    className?: string;
+    variant?: 'left' | 'right';
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    ctas: ICtaLogo[];
+    image?: PictureProps;
+    children?: ReactNode;
+    moduleStyles?: {
+        color?: string;
+        backgroundColor?: string;
+    };
+}
+
+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;
+};
+
+type Media5050LeftSubtitleProps = {
+    children: ReactNode;
+};
+
+type Media5050LeftTitleProps = {
+    children: ReactNode;
+};
+
+interface Media5050LeftProps {
+    className?: string;
+    heading?: string;
+    eyebrow?: string;
+    title?: string;
+    longText?: ReactNode;
+    ctas?: ICtaHoverLogo[];
+    image?: PictureProps;
+    children?: ReactNode;
+}
+
+declare const Media5050Left: (({ className, heading, eyebrow, title, longText, ctas, image, children, }: Media5050LeftProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: Media5050LeftTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: Media5050LeftSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type EventListEmptyProps = {
+    children: ReactNode;
+};
+
+type EventListTitleProps = {
+    children: ReactNode;
+};
+
+interface EventListProps extends PropsWithChildren {
+    className?: string;
+    title?: ReactNode;
+    items: UpcomingEventCardProps[];
+    cta?: ICta & {
+        icon?: IconType;
+    };
+    backgroundColor?: 'light' | 'dark' | 'gray';
+    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;
+};
+
+type TextEventRichTextProps = {
+    children: ReactNode;
+};
+
+type TextEventTitleProps = {
+    children: ReactNode;
+};
+
+type TTextEventVariants = 'table-center' | undefined | null | '';
+interface TextEventProps {
+    className?: string;
+    title?: string;
+    richText?: ReactNode;
+    variant?: TTextEventVariants;
+    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;
+};
+
+type TextBodyBodyProps = {
+    children: ReactNode;
+};
+
+type TextBodyTitleProps = {
+    children: ReactNode;
+};
+
+interface TextBodyProps {
+    className?: string;
+    variant?: 'table-center' | 'ArticleBigPadding';
+    title?: string;
+    titleAlign?: string;
+    body?: ReactNode;
+    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;
+};
+
+type TextCenterCtaInBottomSubtitleProps = {
+    children: ReactNode;
+};
+
+type TextCenterCtaInBottomTitleProps = {
+    children: ReactNode;
+};
+
+interface TextCenterCtaInBottomProps {
+    className?: string;
+    variant?: 'textCenterCTA' | 'textCenterButtonLogoBar';
+    buttonVariant?: 'buttonBlack';
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    ctas?: ICtaHoverLogo[];
+    children?: ReactNode;
+}
+
+declare const TextCenterCtaInBottom: (({ className, variant, buttonVariant, 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;
+};
+
+interface ResourcesGridListProps {
+    className?: string;
+    items?: ResourceItem[];
+    categories?: SidebarCategory[];
+    defaultView?: ResourceView;
+    defaultFilter?: FilterOption;
+    defaultSort?: SortOption;
+    children?: ReactNode;
+}
+
+declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
+
+type BlogCardGridTitleProps = {
+    children: ReactNode;
+};
+
+interface BlogCardGridProps extends PropsWithChildren {
+    className?: string;
+    title?: ReactNode;
+    items: NewsCardProps[];
+    cta?: ICtaIcon;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    hasContainer?: boolean;
+    gridProps?: GridProps;
+    gridItemProps?: GridItemProps;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const BlogCardGrid: (({ title, items, backgroundColor, cta, className, hasContainer, gridProps, gridItemProps, renderLink, children, }: BlogCardGridProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: BlogCardGridTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type FeaturedNewsHighlightsTitleProps = {
+    children: ReactNode;
+};
+
+interface FeaturedNewsHighlightsProps extends PropsWithChildren {
+    variant?: 'home';
+    className?: string;
+    title?: ReactNode;
+    items: NewsCardProps[];
+    cta?: ICtaIcon;
+    backgroundColor?: CSSProperties['backgroundColor'];
+    hasContainer?: boolean;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+
+declare const FeaturedNewsHighlights: (({ variant, title, items, backgroundColor, cta, className, hasContainer, renderLink, children, }: FeaturedNewsHighlightsProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: FeaturedNewsHighlightsTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type NewsCardListPaginationProps = {
+    children: ReactNode;
+};
+
+interface NewsCardListProps extends PropsWithChildren {
+    className?: string;
+    items: NewsCardProps[];
+    backgroundColor?: CSSProperties['backgroundColor'];
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    onSearchSubmit?: (value: string) => void;
+    searchInputProps?: InputProps;
+    currentPage?: number;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => 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;
+};
+
+type BlogPostBodyProps = {
+    children: ReactNode;
+};
+
+type BlogPostTitleProps = {
+    children: ReactNode;
+};
+
+interface BlogPostProps extends PropsWithChildren, Omit<NewsCardProps, 'description' | 'cta' | 'direction'> {
+    description: ReactNode;
+    relatedArticles?: NewsCardProps[];
+}
+
+declare const BlogPost: (({ title, description: body, image, date, tag, relatedArticles, className, children, }: BlogPostProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: BlogPostTitleProps) => react_jsx_runtime.JSX.Element;
+    Body: ({ children }: BlogPostBodyProps) => react_jsx_runtime.JSX.Element;
+};
+
+type BlogSearchResultsListPaginationProps = {
+    children: ReactNode;
+};
+
+type BlogSearchResultsListSearchProps = {
+    children: ReactNode;
+};
+
+interface BlogSearchResultsListProps extends PropsWithChildren {
+    className?: string;
+    searchResult?: ReactNode;
+    items: NewsCardProps[];
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    onSearchSubmit: (value: string) => void;
+    searchInputProps?: InputProps;
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => 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;
+};
+
+type GlobalSearchResultsListPaginationProps = {
+    children: ReactNode;
+};
+
+type GlobalSearchResultsListSearchProps = {
+    children: ReactNode;
+};
+
+interface GlobalSearchResultsListProps extends PropsWithChildren {
+    className?: string;
+    searchResult?: ReactNode;
+    items: ResourceItem[];
+    renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        children: React.ReactNode;
+    }) => 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;
+};
+
+type TextCenterWithMediaTitleProps = {
+    children: ReactNode;
+};
+
+interface TextCenterWithMediaProps {
+    className?: string;
+    title?: ReactNode;
+    thumbnail?: string;
+    videoUrl?: string;
+    loop?: boolean;
+    mute?: boolean;
+    hideControl?: boolean;
+    autoPlay?: boolean;
+    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;
+};
+
+interface QuoteSectionBlockItem {
+    bodyText: ReactNode;
+    displayPhoto: IPicture;
+    displayName: string;
+    jobTitle?: string;
+    jobTitleLogo?: IPicture;
+}
+interface QuoteSectionBlockProps {
+    className?: string;
+    title?: string;
+    viewtype?: string;
+    items?: QuoteSectionBlockItem[];
+}
+
+declare const QuoteSectionBlock: ({ className, title, viewtype, items, }: QuoteSectionBlockProps) => react_jsx_runtime.JSX.Element | null;
+
+type PageLoaderLogoProps = {
+    children: ReactNode;
+};
+
+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;
+};
+
+interface ITwoColTextMenuSection {
+    title: string;
+    items: IColTextMenuItem[];
+}
+interface TwoColTextMenuProps {
+    className?: string;
+    /** Accessible label for the navigation landmark. */
+    ariaLabel?: string;
+    sections: ITwoColTextMenuSection[];
+    renderLink?: AnchorProps['renderLink'];
+}
+
+declare const TwoColTextMenu: {
+    ({ className, ariaLabel, sections, renderLink, }: TwoColTextMenuProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+type LocationsBrandCardsTextProps = {
+    children: ReactNode;
+};
+
+interface LocationsBrandCardsProps extends PropsWithChildren {
+    className?: string;
+    title: string;
+    subtitle?: string | ReactNode;
+    image: IPicture;
+    cards: BrandCardProps[];
+}
+
+declare const LocationsBrandCards: (({ className, title, subtitle, image, cards, children, }: LocationsBrandCardsProps) => react_jsx_runtime.JSX.Element) & {
+    Text: ({ children }: LocationsBrandCardsTextProps) => react_jsx_runtime.JSX.Element;
+};
+
+interface BrandTab {
+    trigger: {
+        default: string | {
+            src: string;
+            alt: string;
+        };
+        active: string | {
+            src: string;
+            alt: string;
+        };
+    };
+    content?: {
+        title?: string;
+        description: React.ReactNode | string;
+        logo?: IPicture;
+        textColor?: string;
+    }[];
+    image?: IPicture;
+    cta?: ICtaLogo;
+    theme: string;
+}
+interface BrandsTabProps {
+    title?: string;
+    className?: string;
+    subtitle?: React.ReactNode;
+    tabs?: BrandTab[];
+}
+
+declare const BrandsTab: (props: BrandsTabProps) => react_jsx_runtime.JSX.Element;
+
+interface TimelineCard {
+    logo?: IPicture;
+    text: string;
+}
+interface TimelineCardsProps {
+    className?: string;
+    captionText?: string;
+    cards?: TimelineCard[];
+}
+
+declare const TimelineCards: ({ captionText, cards, className }: TimelineCardsProps) => react_jsx_runtime.JSX.Element;
+
+interface PodcastCardProps {
+    id?: string;
+    className?: string;
+    badge: string;
+    date: string;
+    title: string;
+    description: string | ReactNode;
+    cta: {
+        label: string;
+        logoCta: (ICta & {
+            default: IPicture;
+            active: IPicture;
+        })[];
+    };
+}
+
+interface PodcastGridCardsProps {
+    className?: string;
+    title?: string;
+    items?: PodcastCardProps[];
+}
+
+declare const PodcastGridCards: ({ title, items, className }: PodcastGridCardsProps) => react_jsx_runtime.JSX.Element;
+
+type TextFootnoteBodyProps = {
+    children: ReactNode;
+};
+
+type TextFootnoteTitleProps = {
+    children: ReactNode;
+};
+
+interface TextFootnoteProps {
+    className?: string;
+    title?: string;
+    titleAlign?: string;
+    body?: ReactNode;
+    children?: ReactNode;
+}
+
+declare const TextFootnote: ((props: TextFootnoteProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: TextFootnoteTitleProps) => react_jsx_runtime.JSX.Element;
+    Body: ({ children }: TextFootnoteBodyProps) => react_jsx_runtime.JSX.Element;
+};
+
+interface Faq$1 {
+    title: string;
+    body: string | ReactNode;
+}
+interface FaqProps {
+    title?: string;
+    className?: string;
+    subtitle?: React.ReactNode;
+    items?: Faq$1[];
+}
+
+declare const Faq: (props: FaqProps) => react_jsx_runtime.JSX.Element;
+
+type IconTeamCardProps = {
+    children: ReactNode;
+};
+
+type IconTeamSelectProps = {
+    children: ReactNode;
+};
+
+interface IconTeamProps extends PropsWithChildren {
+    className?: string;
+    title: string;
+    subtitle?: string;
+}
+
+declare const IconTeam: (({ className, title, subtitle, children }: IconTeamProps) => react_jsx_runtime.JSX.Element) & {
+    Select: ({ children }: IconTeamSelectProps) => react_jsx_runtime.JSX.Element;
+    Card: ({ children }: IconTeamCardProps) => react_jsx_runtime.JSX.Element;
+};
+
+/** Tracks the current browser path, updating on back/forward navigation. */
+declare const useActivePath: () => string;
+
+type IntersectionObserverOptions = {
+    threshold?: number | number[];
+    rootMargin?: string;
+};
+type UseIntersectionObserverProps = {
+    animateOnce?: boolean;
+    options?: IntersectionObserverOptions;
+};
+type IntersectionObserverResult<T extends Element> = {
+    observeRef: React.RefObject<T | null>;
+    isVisible: boolean;
+};
+declare function useIntersectionObserver<T extends Element = Element>({ animateOnce, options, }?: UseIntersectionObserverProps): IntersectionObserverResult<T>;
+
+declare const useIsAtTop: () => boolean;
+
+type SlotComponent = React.ComponentType<any>;
+type SlotMap = Record<string, SlotComponent>;
+/**
+ * Resolves compound component slots from children.
+ * Allows components like <Component.Title> and <Component.Subtitle>
+ * to be extracted into named slots.
+ */
+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, BrandCard, type BrandCardProps, BrandsStrip, type BrandsStripProps, BrandsTab, type BrandsTabProps, Button, type ButtonProps, Card, CardCarousel, type CardCarouselItem, type CardCarouselProps, CardCollection, type CardCollectionProps, type CardProps, ColTextMenu, type ColTextMenuProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Faq, type FaqProps, 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, IconTeam, IconTeamCard, type IconTeamCardProps$1 as IconTeamCardProps, type IconTeamProps, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, LocationsBrandCards, type LocationsBrandCardsProps, Media5050Left, type Media5050LeftProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Modal, type ModalProps, 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, PodcastGridCards, type PodcastGridCardsProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Select, type SelectProps, 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, TextFootnote, type TextFootnoteProps, type TextProps, TimelineCards, type TimelineCardsProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };