@20minutes/hela 0.1.30 → 0.1.31

package/dist/index.d.ts

@@ -0,0 +1,765 @@
+/// <reference types="react" />
+import * as React$1 from 'react';
+import React__default, { useLayoutEffect as useLayoutEffect$1, SVGProps } from 'react';
+import { themeList, mediaQueriesList, flexDirectionList, flexWrapList, justifyContentList, alignContentList, alignItemsList, flexBasisList, alignSelfList } from '@/constants';
+import { tokenVariables } from '@/constants/tokenVariables';
+import { SpacingType as SpacingType$1, TypeWithMediaQueriesType as TypeWithMediaQueriesType$1, SpacingSystemProps as SpacingSystemProps$1, ColorSystemProps as ColorSystemProps$1, ColorType as ColorType$1, TypeWithThemeType as TypeWithThemeType$1, AlignItemsType as AlignItemsType$1, AlignContentType as AlignContentType$1, JustifyContentType as JustifyContentType$1, AlignSelfType as AlignSelfType$1, ColorSchemeTheme as ColorSchemeTheme$1, IconSizeType as IconSizeType$1, PolymorphicProps as PolymorphicProps$1, SystemProps as SystemProps$1, FlexOrGridBoxSystemProps as FlexOrGridBoxSystemProps$1, FlexDirectionType as FlexDirectionType$1, FlexWrapType as FlexWrapType$1, FlexBasisType as FlexBasisType$1, FlexOrGridBoxItemSystemProps as FlexOrGridBoxItemSystemProps$1, TabType as TabType$1, LayoutType as LayoutType$1 } from '@/types';
+import { MediaQueryType as MediaQueryType$1 } from '@/types/MediaQueryType';
+import { ThemeType as ThemeType$1 } from '@/types/ThemeType';
+import { IconName as IconName$1, FlexProps as FlexProps$1, BoxProps as BoxProps$1, ButtonProps as ButtonProps$1, CardHeaderProps as CardHeaderProps$1, SignatureProps as SignatureProps$1, SocialBarProps as SocialBarProps$1, CardSmallProps as CardSmallProps$1, IconHoroscopeName as IconHoroscopeName$1, HoroscopeTopicCardProps as HoroscopeTopicCardProps$1, InfoBannerProps as InfoBannerProps$1, HeaderBannerProps as HeaderBannerProps$1, LinkProps as LinkProps$1, CardMediumProps as CardMediumProps$1, TagProps as TagProps$1, CardOverviewProps as CardOverviewProps$1, CardExtraSmallProps as CardExtraSmallProps$1, FooterCategoriesProps as FooterCategoriesProps$1, FooterLinksProps as FooterLinksProps$1, SocialIconsProps as SocialIconsProps$1 } from '@/components';
+import { RawDraftContentState } from 'draft-js';
+import { FlexProps as FlexProps$2 } from '@/components/atoms';
+
+declare const enum LayoutType {
+    MOBILE = "mobile",
+    DESKTOP = "desktop"
+}
+
+declare global {
+    interface Window {
+        layout: LayoutType;
+    }
+}
+
+type ColorSchemeBrand = 'magazine' | 'prduction' | 'c2c';
+type ColorSchemeTheme = 'primary' | 'direct' | 'entertainment' | 'planet' | 'sport' | 'default' | 'economy' | 'community' | 'weird' | 'partner' | 'media' | 'hightech' | 'summer';
+type ColorSchemeGeneric = 'white' | 'black';
+type Color = ColorSchemeBrand | ColorSchemeTheme | ColorSchemeGeneric;
+
+type IconSizeType = 'default' | 'big';
+
+type PolymorphicProps<C extends React$1.ElementType> = {
+    as?: C;
+    children?: React$1.ReactNode;
+} & React$1.ComponentPropsWithoutRef<C>;
+
+type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+
+type TabType = 'default' | 'secondary';
+
+type ThemeType = typeof themeList[number];
+
+type SpacingType = keyof typeof tokenVariables['spacing'];
+type ColorType = keyof typeof tokenVariables['color']['generic'] | `rubric-${keyof typeof tokenVariables['color']['rubric']}` | `subtype-${keyof typeof tokenVariables['color']['subtype']}`;
+
+type MediaQueryType = typeof mediaQueriesList[number];
+
+interface MarginSystemProps {
+    m?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    mt?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    mr?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    mb?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    ml?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    mx?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    my?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+}
+interface PaddingSystemProps {
+    p?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    pt?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    pr?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    pb?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    pl?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    px?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    py?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+}
+interface SpacingSystemProps extends MarginSystemProps, PaddingSystemProps {
+}
+
+interface SystemProps extends SpacingSystemProps$1, ColorSystemProps$1 {
+}
+
+interface ColorSystemProps {
+    bg?: ColorType$1 | TypeWithThemeType$1<ColorType$1>;
+    color?: ColorType$1 | TypeWithThemeType$1<ColorType$1>;
+}
+
+interface FlexOrGridBoxSystemProps {
+    alignItems?: AlignItemsType$1 | TypeWithMediaQueriesType$1<AlignItemsType$1>;
+    alignContent?: AlignContentType$1 | TypeWithMediaQueriesType$1<AlignContentType$1>;
+    justifyContent?: JustifyContentType$1 | TypeWithMediaQueriesType$1<JustifyContentType$1>;
+    gap?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    gapX?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+    gapY?: SpacingType$1 | TypeWithMediaQueriesType$1<SpacingType$1>;
+}
+
+interface FlexOrGridBoxItemSystemProps {
+    align?: AlignSelfType$1 | TypeWithMediaQueriesType$1<AlignSelfType$1>;
+}
+
+type TypeWithModifierType<TModifierType extends string, TPropValue> = Partial<Record<TModifierType, TPropValue>>;
+type TypeWithMediaQueriesType<T> = TypeWithModifierType<MediaQueryType$1, T>;
+type TypeWithThemeType<T> = TypeWithModifierType<ThemeType$1, T>;
+
+type FlexDirectionType = typeof flexDirectionList[number];
+type FlexWrapType = typeof flexWrapList[number];
+type JustifyContentType = typeof justifyContentList[number];
+type AlignContentType = typeof alignContentList[number];
+type AlignItemsType = typeof alignItemsList[number];
+type FlexBasisType = typeof flexBasisList[number];
+type AlignSelfType = typeof alignSelfList[number];
+
+declare const useLayoutEffect: typeof useLayoutEffect$1;
+
+interface AdProps {
+    adUnitCompletePath: string;
+    classes?: string;
+    lazyload?: {
+        delayed: boolean;
+        distanceVisible?: number;
+    };
+    variant?: 'ATF' | 'BAN' | 'PAVE' | 'HEADER' | 'ARTICLE';
+    adMention?: boolean;
+}
+declare const Ad: React$1.FC<AdProps>;
+
+interface AlertProps {
+    variant?: 'success' | 'warning' | 'error';
+    title: string;
+    description?: string;
+    fill?: boolean;
+    className?: string;
+    icon?: IconName$1;
+    iconSize?: number | number[];
+    iconClassNames?: string;
+}
+declare const Alert: React$1.FC<AlertProps>;
+
+interface AvatarProps {
+    img: string;
+    alt?: string;
+}
+declare const Avatar: React$1.FC<AvatarProps>;
+
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'simple' | 'navigation' | 'social';
+    children?: React$1.ReactNode;
+    icon?: IconName$1;
+    iconClassNames?: string;
+    iconSize?: number | number[];
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface CheckboxProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+}
+declare const Checkbox: React$1.FC<CheckboxProps>;
+
+interface DividerProps extends FlexProps$1 {
+    text?: string;
+}
+declare const Divider: React$1.FC<DividerProps>;
+
+interface DividerSectionProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    hasIcon?: boolean;
+    colorScheme?: ColorSchemeTheme$1;
+    iconSize?: IconSizeType$1;
+    hasShiftedIcon?: boolean;
+    hasMaxWidth?: boolean;
+}
+declare const DividerSection: React$1.FC<DividerSectionProps>;
+
+type IconName = '20mn-pub' | 'apple' | 'arrow' | 'bookmark' | 'chevron' | 'close' | 'clover' | 'comment' | 'connect' | 'connected' | 'dailymotion' | 'darkmode' | 'diode-entertainment' | 'diode-leaning' | 'diode-planet' | 'diode-sport' | 'diode' | 'facebook' | 'flipboard' | 'googleplay' | 'health' | 'heart' | 'horoscope' | 'home' | 'instagram' | 'jeux' | 'journal' | 'local' | 'logo' | 'menu' | 'mood' | 'newsletters' | 'not-found' | 'notification' | 'podcast' | 'report' | 'search' | 'server-error' | 'share' | 'signin-facebook' | 'signin-google' | 'snapchat' | 'star' | 'tiktok' | 'twitter' | 'valide' | 'view' | 'youtube' | 'work';
+type IconHoroscopeName = 'horoscope-belier' | 'horoscope-taureau' | 'horoscope-gemeaux' | 'horoscope-cancer' | 'horoscope-lion' | 'horoscope-vierge' | 'horoscope-balance' | 'horoscope-scorpion' | 'horoscope-sagittaire' | 'horoscope-capricorne' | 'horoscope-verseau' | 'horoscope-poissons' | 'horoscope-buffle' | 'horoscope-cheval' | 'horoscope-chevre' | 'horoscope-chien' | 'horoscope-cochon' | 'horoscope-coq' | 'horoscope-dragon' | 'horoscope-lapin' | 'horoscope-rat' | 'horoscope-serpent' | 'horoscope-singe' | 'horoscope-tigre';
+interface IconProps extends Omit<React$1.SVGAttributes<SVGElement>, 'width' | 'height'> {
+    className?: string;
+    name: IconName | IconHoroscopeName;
+    size?: number | number[];
+    withBorder?: boolean;
+    isRounded?: boolean;
+}
+declare const Icon: React$1.FC<IconProps>;
+
+declare const SvgSprite: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+
+interface ImgProps extends BoxProps$1 {
+    src: string;
+    defaultFormat: string;
+    formats?: string[];
+    sizes?: string;
+    alt?: string;
+}
+declare const Img: React$1.FC<ImgProps>;
+
+type BoxProps<C extends React$1.ElementType = 'div'> = PolymorphicProps$1<C> & SystemProps$1;
+declare const Box: React$1.ForwardRefExoticComponent<Pick<BoxProps<React$1.ElementType<any>>, string | number | symbol> & React$1.RefAttributes<unknown>>;
+
+declare const colsNumberGridList: readonly [2, 3, 4, 6, 12, "2-of-3"];
+type ColsNumberGridType = typeof colsNumberGridList[number];
+interface GridProps extends BoxProps$1, FlexOrGridBoxSystemProps$1 {
+    colsNumber?: ColsNumberGridType | TypeWithMediaQueriesType$1<ColsNumberGridType>;
+}
+declare const Grid: React$1.FC<GridProps>;
+
+type FlexProps<C extends React$1.ElementType = 'div'> = {
+    inline?: boolean | TypeWithMediaQueriesType$1<boolean>;
+    direction?: FlexDirectionType$1 | TypeWithMediaQueriesType$1<FlexDirectionType$1>;
+    wrap?: FlexWrapType$1 | TypeWithMediaQueriesType$1<FlexWrapType$1>;
+    children?: React$1.ReactNode;
+} & BoxProps$1<C> & FlexOrGridBoxSystemProps$1;
+declare const Flex: <C extends React$1.ElementType<any> = "div">({ inline, direction, wrap, as, children, ...boxProps }: FlexProps<C>) => React$1.ReactElement<any, any> | null;
+
+type FlexItemProps<C extends React$1.ElementType = 'div'> = {
+    basis?: FlexBasisType$1 | TypeWithMediaQueriesType$1<FlexBasisType$1>;
+    children?: React$1.ReactNode;
+} & BoxProps$1<C> & FlexOrGridBoxItemSystemProps$1;
+declare const FlexItem: <C extends React$1.ElementType<any> = "div">({ basis, children, as, ...boxProps }: FlexItemProps<C>) => React$1.ReactElement<any, any> | null;
+
+declare const InlineSeparator: React$1.FC<BoxProps>;
+
+interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    icon?: IconName$1;
+    positionIcon?: 'left' | 'right';
+    isIconButton?: boolean;
+    iconButtonProps?: ButtonProps$1;
+    variant?: 'success' | 'error';
+    msg?: string;
+    variantMsg?: 'default' | 'error' | 'success';
+}
+declare const Input: React$1.FC<InputProps>;
+
+interface LabelProps extends FlexProps$1 {
+    children: React$1.ReactNode;
+    hasDot?: boolean;
+    isUppercase?: boolean;
+}
+declare const Label: React$1.FC<LabelProps>;
+
+interface LabelSectionProps {
+    children: React$1.ReactNode;
+}
+declare const LabelSection: React$1.FC<LabelSectionProps>;
+
+interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+    children: React$1.ReactNode;
+    variant?: 'default' | 'primary-button' | 'secondary-button';
+    isTargetBlank?: boolean;
+    isNofollow?: boolean;
+    isSponsored?: boolean;
+}
+declare const Link: React$1.FC<LinkProps>;
+
+type MetaTagProps = 'name' | 'property' | 'content';
+interface MetaProps {
+    metas: {
+        [key in MetaTagProps]?: string;
+    }[];
+    title: string;
+    canonical?: string;
+    robots?: {
+        index: string;
+        follow: string;
+    };
+}
+declare const Meta: React$1.FC<MetaProps>;
+
+interface ModalProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    dialogId: string;
+    children: React$1.ReactNode;
+    variant?: 'center' | 'left' | 'right';
+    contentClassName?: string;
+    isStandalone?: boolean;
+    onClickOverlay?: React$1.MouseEventHandler<HTMLDivElement>;
+}
+declare const Modal: React$1.FC<ModalProps>;
+
+declare function Pipe(): JSX.Element;
+
+interface ReadAlsoProps {
+    title: string;
+    link: string;
+    label: string;
+    isNofollow: boolean;
+    isSponsored: boolean;
+    isTargetBlank: boolean;
+}
+declare const ReadAlso: React$1.FC<ReadAlsoProps>;
+
+interface ScrollProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    colorScheme?: ColorSchemeTheme$1;
+    hasLimit?: boolean;
+    variant?: 'article-mobile';
+}
+declare const ScrollProgressBar: React$1.FC<ScrollProgressBarProps>;
+
+interface SectionProps {
+    inner?: boolean;
+    children: React$1.ReactNode;
+}
+declare const Section: React$1.FC<SectionProps>;
+
+interface SelectProps extends React$1.SelectHTMLAttributes<HTMLSelectElement> {
+    options: {
+        value: string;
+        title: string;
+    }[];
+    label?: string;
+    placeholder?: string;
+}
+declare const Select: React$1.FC<SelectProps>;
+
+interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    variant: 'button' | 'icon' | 'connexion';
+}
+declare const Skeleton: React$1.FC<SkeletonProps>;
+
+interface SwitchProps {
+    id?: string;
+    className?: string;
+    label?: string;
+    isChecked?: boolean;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface SwitchDarkModeProps {
+    id?: string;
+    label?: string;
+    isChecked?: boolean;
+}
+declare const SwitchDarkMode: ({ id, label, isChecked }: SwitchDarkModeProps) => JSX.Element;
+
+interface TabProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: TabType$1;
+    name: string;
+    colorScheme?: ColorSchemeTheme$1;
+    isSelected?: boolean;
+    index?: 0 | -1;
+}
+declare const Tab: React$1.FC<TabProps>;
+
+interface TabPanelProps {
+    name: string;
+    children: React$1.ReactNode;
+    isHidden?: boolean;
+}
+declare const TabPanel: React$1.FC<TabPanelProps>;
+
+interface TagProps extends Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, 'id'> {
+    children?: React$1.ReactNode;
+    id?: number;
+    link?: string;
+    variant?: 'primary' | 'secondary' | 'breadcrumb';
+    colorScheme?: ColorSchemeTheme$1;
+}
+declare const Tag: React$1.FC<TagProps>;
+
+interface TypographyProps<HTMLElementType> extends React$1.HTMLAttributes<Partial<HTMLElementType>> {
+    as?: keyof HTMLElementType;
+    color?: ColorSchemeTheme$1;
+    children?: React$1.ReactNode;
+}
+
+type HeadingHTMLElementType = Pick<JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+interface HeadingProps extends TypographyProps<HeadingHTMLElementType> {
+    variant?: 'default' | 'secondary';
+}
+declare const Heading: React$1.FC<HeadingProps>;
+
+type TextHTMLElementType = Pick<JSX.IntrinsicElements, 'p' | 'span' | 'strong' | 'em'>;
+interface TextProps extends TypographyProps<TextHTMLElementType> {
+    variant?: 'default' | 'secondary';
+}
+declare const Text: React$1.FC<TextProps>;
+
+interface ArticleContentProps {
+    content: RawDraftContentState;
+    colorScheme?: ColorSchemeTheme$1;
+}
+declare const ArticleContent: React$1.FC<ArticleContentProps>;
+
+interface ArticleHeaderProps {
+    title: string;
+    lead: string;
+    label: string;
+    colorScheme?: ColorType$1;
+    rightImageUrl?: string;
+}
+declare const ArticleHeader: React$1.FC<ArticleHeaderProps>;
+
+interface ArticleImageCoverProps {
+    src: string;
+    caption: string;
+    isCaptionInside?: boolean;
+    layout?: LayoutType$1;
+}
+declare const ArticleImageCover: React$1.FC<ArticleImageCoverProps>;
+
+interface ArticleSummaryProps {
+    summary: RawDraftContentState;
+    colorScheme?: ColorSchemeTheme$1;
+}
+declare const ArticleSummary: React$1.FC<ArticleSummaryProps>;
+
+interface ArticleVideoCoverProps {
+    src: string;
+    caption: string;
+}
+declare const ArticleVideoCover: React$1.FC<ArticleVideoCoverProps>;
+
+interface BreadcrumbProps {
+    rubric: {
+        label: string;
+        link?: string;
+    };
+    parentRubric?: {
+        label: string;
+        link?: string;
+    };
+    tags?: {
+        label: string;
+        link?: string;
+    }[];
+    colorScheme?: ColorSchemeTheme$1;
+    layout?: LayoutType$1;
+}
+declare const Breadcrumb: React$1.FC<BreadcrumbProps>;
+
+interface CardProps extends FlexProps$2 {
+    link: string;
+    children: React__default.ReactNode;
+}
+declare const Card: React__default.FC<CardProps>;
+
+interface CardExtraLargeProps {
+    link: string;
+    cardHeaderProps: CardHeaderProps$1;
+    title: string;
+    summary: string;
+    cover: string;
+    signatureProps: SignatureProps$1;
+    socialBarProps: SocialBarProps$1;
+    layout?: LayoutType$1;
+}
+declare const CardExtraLarge: React__default.FC<CardExtraLargeProps>;
+
+interface CardExtraSmallProps {
+    link: string;
+    cardHeaderProps: CardHeaderProps$1;
+    title: string;
+    cover: string;
+    socialBarProps?: SocialBarProps$1;
+}
+declare const CardExtraSmall: React__default.FC<CardExtraSmallProps>;
+
+interface CardHeaderProps extends BoxProps$1 {
+    headline: string;
+    color?: ColorType$1;
+    subheader?: string;
+}
+declare const CardHeader: React__default.FC<CardHeaderProps>;
+
+interface CardLargeProps {
+    link: string;
+    headline: string;
+    color: ColorType$1;
+    title: string;
+    summary: string;
+    cover: string;
+    signatureProps: SignatureProps$1;
+    socialBarProps: SocialBarProps$1;
+    layout?: LayoutType$1;
+}
+declare const CardLarge: React__default.FC<CardLargeProps>;
+
+interface CardMediumProps {
+    link: string;
+    cardHeaderProps: CardHeaderProps$1;
+    title: string;
+    cover: string;
+    socialBarProps?: SocialBarProps$1;
+    layout?: LayoutType$1;
+}
+declare const CardMedium: React__default.FC<CardMediumProps>;
+
+interface CardMostReadProps {
+    link: string;
+    cardHeaderProps: CardHeaderProps$1;
+    cover?: string;
+    title: string;
+    index: string;
+    summary?: string;
+    viewCount?: number;
+    layout?: LayoutType$1;
+    isSimplified: boolean;
+    withBorder: boolean;
+}
+declare const CardMostRead: React$1.FC<CardMostReadProps>;
+
+interface CardOverviewProps {
+    cover: string;
+    link: string;
+    headline: string;
+    title: string;
+    colorScheme?: ColorType$1;
+}
+declare function CardOverview({ link, cover, headline, title, colorScheme }: CardOverviewProps): JSX.Element;
+
+interface CardSmallProps {
+    link: string;
+    cardHeaderProps: CardHeaderProps$1;
+    title: string;
+    cover: string;
+    layout?: LayoutType$1;
+}
+declare const CardSmall: React__default.FC<CardSmallProps>;
+
+interface CategoryCardsProps {
+    articles: CardSmallProps$1[];
+    label: string;
+    layout?: LayoutType$1;
+}
+declare const CategoryCards: React$1.FC<CategoryCardsProps>;
+
+interface CollapseProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    headingClass?: string;
+    listClass?: string;
+    title: string;
+    iconClass?: string;
+    btnClass?: string;
+    isOpen?: boolean;
+    index: number;
+}
+declare const Collapse: React$1.FC<CollapseProps>;
+
+interface ErrorContentProps {
+    statusCode: '404' | '500';
+}
+declare const ErrorContent: React$1.FC<ErrorContentProps>;
+
+interface FooterCategoriesProps {
+    layout?: LayoutType$1;
+    categories: {
+        name: string;
+        links: {
+            name: string;
+            url: string;
+        }[];
+    }[];
+}
+declare const FooterCategories: React$1.FC<FooterCategoriesProps>;
+
+interface FooterLinksProps {
+    listClass?: string;
+    footerBar: {
+        links: {
+            name: string;
+            url: string;
+            javascript?: string;
+        }[];
+    }[];
+}
+declare const FooterLinks: React$1.FC<FooterLinksProps>;
+
+interface HeaderBannerProps {
+    title: string;
+    subtitle: string;
+    icon?: IconHoroscopeName$1;
+    variant?: 'lightBlue' | 'darkBlue' | 'yellow' | 'orange' | 'transparent';
+    classname?: string;
+}
+declare const HeaderBanner: React$1.FC<HeaderBannerProps>;
+
+interface HeaderPageProps {
+    title: string;
+    subtitle?: string | RawDraftContentState;
+    colorScheme?: ColorSchemeTheme$1;
+    isExpandable?: boolean;
+}
+declare const HeaderPage: React$1.FC<HeaderPageProps>;
+
+interface HeaderSideModalProps extends ButtonProps$1 {
+    dialogId: string;
+    ariaLabel?: string;
+    modalIconSize?: number | number[];
+}
+declare const HeaderSideModal: React$1.FC<HeaderSideModalProps>;
+
+interface HoroscopeContentProps {
+    topics: HoroscopeTopicCardProps$1[];
+    infoBannerProps: InfoBannerProps$1;
+}
+declare const HoroscopeContent: React$1.FC<HoroscopeContentProps>;
+
+interface HoroscopeHomepageContentProps {
+    signsContent: {
+        heading: HeaderBannerProps$1;
+        topics: HoroscopeTopicCardProps$1[];
+        link: LinkProps$1;
+    }[];
+    layout?: LayoutType$1;
+}
+declare const HoroscopeHomepageContent: React$1.FC<HoroscopeHomepageContentProps>;
+
+interface HoroscopeTilesProps {
+    horoscopeSignsList: {
+        label: string;
+        slug: string;
+        url: string;
+    }[];
+}
+declare const HoroscopeTiles: React$1.FC<HoroscopeTilesProps>;
+
+interface HoroscopeTopicCardProps {
+    icon: IconName$1;
+    title: string;
+    content: string;
+    withBorder?: boolean;
+    classnames?: string;
+}
+declare const HoroscopeTopicCard: React$1.FC<HoroscopeTopicCardProps>;
+
+interface InfoBannerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description: string;
+}
+declare const InfoBanner: React$1.FC<InfoBannerProps>;
+
+interface LiveCardsProps {
+    articles: CardMediumProps$1[];
+    layout?: LayoutType$1;
+}
+declare const LiveCards: React$1.FC<LiveCardsProps>;
+
+interface MenuProps {
+    categories: {
+        name: string;
+        categoryLink?: string;
+        theme?: ColorSchemeTheme$1;
+        links: LinkProps$1[];
+        tags?: TagProps$1[];
+    }[];
+    tagsActu: TagProps$1[];
+    layout: LayoutType$1;
+    searchFormUrl?: string;
+}
+declare const Menu: React$1.FC<MenuProps>;
+
+interface MostReadArticlesProps {
+    tabItems: {
+        name: string;
+        title: string;
+        body: {
+            rubricSlug: string;
+            rubricName: string;
+            title: string;
+            url: string;
+        }[];
+    }[];
+    tabItemActive?: string;
+}
+declare const MostReadArticles: React$1.FC<MostReadArticlesProps>;
+
+interface NewsletterProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description: string;
+    placeholder: string;
+    buttonLabel: string;
+    checkboxLabel: string;
+    colorScheme?: Extract<ColorSchemeTheme$1, 'planet' | 'sport' | 'entertainment'>;
+    layout?: LayoutType$1;
+}
+declare const Newsletter: React$1.FC<NewsletterProps>;
+
+interface OverviewBarProps {
+    articles: CardOverviewProps$1[];
+    layout?: LayoutType$1;
+}
+declare function OverviewBar({ articles, layout }: OverviewBarProps): JSX.Element;
+
+interface PartnerCardsProps {
+    columns: {
+        label: string;
+        articles: CardMediumProps$1[] | CardExtraSmallProps$1[];
+    }[];
+}
+declare const PartnerCards: React$1.FC<PartnerCardsProps>;
+
+interface SearchFormProps extends React$1.HTMLAttributes<HTMLFormElement> {
+    id: string;
+    url: string;
+    className?: string;
+}
+declare const SearchForm: React$1.FC<SearchFormProps>;
+
+interface SignatureProps extends FlexProps$1 {
+    avatar: string;
+    username: string;
+    publishedAt: string;
+    editedAt: string;
+    userlink?: string;
+}
+declare const Signature: React$1.FC<SignatureProps>;
+
+interface SmartBannerProps {
+    icon: IconName$1;
+    iconClassNames?: string;
+    iconSize?: number | number[];
+    className?: string;
+}
+declare const SmartBanner: React$1.FC<SmartBannerProps>;
+
+interface SocialBarProps extends BoxProps$1 {
+    layout?: LayoutType$1;
+    variant?: 'advanced' | 'simple';
+    commentCount: number;
+    shareCount: number;
+    colorScheme?: ColorSchemeTheme$1;
+}
+declare function SocialBar({ variant, commentCount, shareCount, colorScheme, layout, ...boxProps }: SocialBarProps): JSX.Element;
+
+interface SocialIconsProps {
+    socialIcons: {
+        icons: {
+            name: IconName$1;
+            url: string;
+        }[];
+    }[];
+}
+declare const SocialIcons: React$1.FC<SocialIconsProps>;
+
+interface TabsProps {
+    tabItems: {
+        name: string;
+        title: string;
+        content: React$1.ReactNode;
+    }[];
+    tabItemActive?: string;
+    tabVariant?: TabType$1;
+}
+declare const Tabs: React$1.FC<TabsProps>;
+
+interface TagBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    tags: TagProps$1[];
+}
+declare const TagBar: React$1.FC<TagBarProps>;
+
+interface TilesProps extends LinkProps$1 {
+    icon: IconName$1;
+    iconClassNames?: string;
+    iconSize?: number | number[];
+    className?: string;
+}
+declare const Tiles: React$1.FC<TilesProps>;
+
+interface FooterProps extends FooterCategoriesProps$1, FooterLinksProps$1, SocialIconsProps$1 {
+    layout: LayoutType$1;
+}
+declare const Footer: React$1.FC<FooterProps>;
+
+interface HeaderDesktopProps {
+    headerLinks: {
+        name: string;
+        url: string;
+        theme?: string;
+    }[];
+    dividerColor?: ColorSchemeTheme$1;
+    logoLink: string;
+    searchFormUrl: string;
+}
+
+interface HeaderProps extends HeaderDesktopProps {
+    layout: LayoutType$1;
+}
+declare const Header: React$1.FC<HeaderProps>;
+
+export { Ad, AdProps, Alert, AlertProps, AlignContentType, AlignItemsType, AlignSelfType, ArticleContent, ArticleContentProps, ArticleHeader, ArticleHeaderProps, ArticleImageCover, ArticleImageCoverProps, ArticleSummary, ArticleSummaryProps, ArticleVideoCover, ArticleVideoCoverProps, Avatar, AvatarProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Button, ButtonProps, Card, CardExtraLarge, CardExtraLargeProps, CardExtraSmall, CardExtraSmallProps, CardHeader, CardHeaderProps, CardLarge, CardLargeProps, CardMedium, CardMediumProps, CardMostRead, CardMostReadProps, CardOverview, CardOverviewProps, CardProps, CardSmall, CardSmallProps, CategoryCards, CategoryCardsProps, Checkbox, CheckboxProps, Collapse, CollapseProps, Color, ColorSchemeBrand, ColorSchemeGeneric, ColorSchemeTheme, ColorSystemProps, ColorType, ColsNumberGridType, Divider, DividerProps, DividerSection, DividerSectionProps, ErrorContent, ErrorContentProps, Flex, FlexBasisType, FlexDirectionType, FlexItem, FlexItemProps, FlexOrGridBoxItemSystemProps, FlexOrGridBoxSystemProps, FlexProps, FlexWrapType, Footer, FooterCategories, FooterCategoriesProps, FooterLinks, FooterLinksProps, FooterProps, Grid, GridProps, Header, HeaderBanner, HeaderBannerProps, HeaderPage, HeaderPageProps, HeaderProps, HeaderSideModal, HeaderSideModalProps, Heading, HeadingProps, HoroscopeContent, HoroscopeContentProps, HoroscopeHomepageContent, HoroscopeHomepageContentProps, HoroscopeTiles, HoroscopeTilesProps, HoroscopeTopicCard, HoroscopeTopicCardProps, Icon, IconHoroscopeName, IconName, IconProps, IconSizeType, Img, ImgProps, InfoBanner, InfoBannerProps, InlineSeparator, Input, InputProps, JustifyContentType, Label, LabelProps, LabelSection, LabelSectionProps, LayoutType, Link, LinkProps, LiveCards, LiveCardsProps, MarginSystemProps, MediaQueryType, Menu, MenuProps, Meta, MetaProps, Modal, ModalProps, MostReadArticles, MostReadArticlesProps, Newsletter, NewsletterProps, OverviewBar, OverviewBarProps, PaddingSystemProps, PartnerCards, PartnerCardsProps, Pipe, PolymorphicProps, PolymorphicRef, ReadAlso, ReadAlsoProps, ScrollProgressBar, ScrollProgressBarProps, SearchForm, SearchFormProps, Section, SectionProps, Select, SelectProps, Signature, SignatureProps, Skeleton, SkeletonProps, SmartBanner, SmartBannerProps, SocialBar, SocialBarProps, SocialIcons, SocialIconsProps, SpacingSystemProps, SpacingType, SvgSprite, Switch, SwitchDarkMode, SwitchDarkModeProps, SwitchProps, SystemProps, Tab, TabPanel, TabPanelProps, TabProps, TabType, Tabs, TabsProps, Tag, TagBar, TagBarProps, TagProps, Text, TextProps, ThemeType, Tiles, TilesProps, TypeWithMediaQueriesType, TypeWithModifierType, TypeWithThemeType, colsNumberGridList, useLayoutEffect };