@axa-fr/canopee-react 2.0.0-alpha.2 → 2.0.0-alpha.22

package/dist/client.d.ts

@@ -1,13 +1,14 @@
-import "@axa-fr/canopee-css/client/common/rebootLF.css";
+import "@axa-fr/canopee-css/client/common/reboot.css";
 import "@axa-fr/canopee-css/client/common/tokens.css";
 import "@axa-fr/canopee-css/client/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, type AccordionVariants, } from "./prospect-client/Accordion/AccordionLF";
 export { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualLF";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreLF";
+export { AppName, type AppNameProps } from "./prospect-client/AppName/AppName";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants, } from "./prospect-client/Button/ButtonLF";
-export { Card, type CardProps } from "./prospect-client/Card/CardLF";
+export { Card, cardVariants, type CardProps, type CardVariants, } from "./prospect-client/Card/CardLF";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./prospect-client/CardMessage/CardMessageLF";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconLF";
 export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionLF";
@@ -36,6 +37,7 @@ InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
@@ -43,9 +45,11 @@ export { RadioText, type RadioTextProps, } from "./prospect-client/Form/Radio/Ra
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
 export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingLF";
+export { Header, type HeaderProps } from "./prospect-client/Header/HeaderLF";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconLF";
 export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { ItemMenu, type ItemMenuProps, } from "./prospect-client/ItemMenu/ItemMenuLF";
+export { MenuBurger, type MenuBurgerProps, } from "./prospect-client/MenuBurger/MenuBurgerLF";
 export { TabMenu, type TabMenuProps } from "./prospect-client/TabMenu/TabMenu";
 export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterLF";
@@ -74,6 +78,7 @@ export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from
 export { Table, type BodyColorVariants, type HeadColorVariants, type RowSizeVariants, type TableProps, } from "./prospect-client/Table/TableLF";
 export { TableMobileCard, type TableMobileCardProps, } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagLF";
+export { TagList, type TagListProps, } from "./prospect-client/TagList/TagListLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";

package/dist/client.js

@@ -1,13 +1,14 @@
-import "@axa-fr/canopee-css/client/common/rebootLF.css";
+import "@axa-fr/canopee-css/client/common/reboot.css";
 import "@axa-fr/canopee-css/client/common/tokens.css";
 import "@axa-fr/canopee-css/client/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionLF";
 export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualLF";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreLF";
+export { AppName } from "./prospect-client/AppName/AppName";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, } from "./prospect-client/Button/ButtonLF";
-export { Card } from "./prospect-client/Card/CardLF";
+export { Card, cardVariants, } from "./prospect-client/Card/CardLF";
 export { CardMessage, cardMessageVariants, } from "./prospect-client/CardMessage/CardMessageLF";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconLF";
 export { ContentItemDuoAction, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionLF";
@@ -36,6 +37,7 @@ InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
@@ -43,9 +45,11 @@ export { RadioText, } from "./prospect-client/Form/Radio/RadioText/RadioTextLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
 export { Heading, } from "./prospect-client/Heading/HeadingLF";
+export { Header } from "./prospect-client/Header/HeaderLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconLF";
 export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { ItemMenu, } from "./prospect-client/ItemMenu/ItemMenuLF";
+export { MenuBurger, } from "./prospect-client/MenuBurger/MenuBurgerLF";
 export { TabMenu } from "./prospect-client/TabMenu/TabMenu";
 export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterLF";
@@ -74,5 +78,6 @@ export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarLF";
 export { Table, } from "./prospect-client/Table/TableLF";
 export { TableMobileCard, } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagLF";
+export { TagList, } from "./prospect-client/TagList/TagListLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";

package/dist/prospect-client/AppName/AppName.d.ts

@@ -0,0 +1,44 @@
+import type { ComponentPropsWithoutRef, ElementType } from "react";
+import "@axa-fr/canopee-css/prospect/AppName/AppNameAll.css";
+/**
+ * Props for the AppName component.
+ */
+export type AppNameProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Application name displayed next to the AXA logo.
+     */
+    label: string;
+    /**
+     * Alt text for the AXA logo image.
+     * @default "Logo AXA"
+     */
+    logoAlt?: string;
+    /**
+     * Props forwarded to the `LogoLinkComponent` (defaults to `<a>`).
+     * @example { href: "/" }
+     * @example { to: "/" } // for React Router Link
+     */
+    logoLinkProps?: Record<string, unknown>;
+    /**
+     * Element or component used to wrap the logo.
+     * Accepts native HTML elements (`"a"`) or custom components (e.g. `Link` from React Router or the DS).
+     * `logoLinkProps` are forwarded to it.
+     * @default "a"
+     * @example "a"
+     * @example Link // from react-router-dom or the DS
+     */
+    LogoLinkComponent?: ElementType;
+};
+/**
+ * Displays the application name alongside the AXA logo.
+ * The logo can optionally be wrapped in a native anchor or a custom link component.
+ *
+ * @component
+ * @param {AppNameProps} props - AppName props.
+ * @param {string} props.label - Application name displayed next to the logo.
+ * @param {string} [props.logoAlt="Logo AXA"] - Alt text for the AXA logo image.
+ * @param {Record<string, unknown>} [props.logoLinkProps] - Props forwarded to the wrapping anchor or `LogoLinkComponent`.
+ * @param {ElementType} [props.LogoLinkComponent="a"] - Element or component used to wrap the logo. Accepts `"a"` or any custom link component (e.g. React Router `Link`).
+ * @returns {JSX.Element} The rendered AppName component.
+ */
+export declare const AppName: ({ label, className, logoAlt, logoLinkProps, LogoLinkComponent, ...props }: AppNameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/AppName/AppName.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import logoAxa from "@axa-fr/canopee-css/logo-axa.svg";
+import { getClassName } from "../utilities/getClassName";
+import "@axa-fr/canopee-css/prospect/AppName/AppNameAll.css";
+/**
+ * Displays the application name alongside the AXA logo.
+ * The logo can optionally be wrapped in a native anchor or a custom link component.
+ *
+ * @component
+ * @param {AppNameProps} props - AppName props.
+ * @param {string} props.label - Application name displayed next to the logo.
+ * @param {string} [props.logoAlt="Logo AXA"] - Alt text for the AXA logo image.
+ * @param {Record<string, unknown>} [props.logoLinkProps] - Props forwarded to the wrapping anchor or `LogoLinkComponent`.
+ * @param {ElementType} [props.LogoLinkComponent="a"] - Element or component used to wrap the logo. Accepts `"a"` or any custom link component (e.g. React Router `Link`).
+ * @returns {JSX.Element} The rendered AppName component.
+ */
+export const AppName = ({ label, className, logoAlt = "Logo AXA", logoLinkProps, LogoLinkComponent = "a", ...props }) => {
+    const logo = (_jsx("img", { src: logoAxa, alt: logoAlt, className: "af-app-name__logo" }));
+    return (_jsxs("div", { className: getClassName({
+            baseClassName: "af-app-name",
+            className,
+        }), ...props, children: [LogoLinkComponent ? (_jsx(LogoLinkComponent, { className: "af-app-name__logo-link", ...logoLinkProps, children: logo })) : (logo), _jsx("span", { className: "af-app-name__label", children: label })] }));
+};

package/dist/prospect-client/Card/CardApollo.d.ts

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/prospect/Card/CardApollo.css";
-export { type CardCommonProps as CardProps, CardCommon as Card, } from "./CardCommon";
+export { cardVariants, type CardVariants, type CardCommonProps as CardProps, CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Card/CardApollo.js

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/prospect/Card/CardApollo.css";
-export { CardCommon as Card, } from "./CardCommon";
+export { cardVariants, CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Card/CardCommon.d.ts

@@ -1,4 +1,32 @@
 import type { ComponentProps, ElementType } from "react";
 import { type PolymorphicComponent } from "../utilities/types/PolymorphicComponent";
-export type CardCommonProps<T extends ElementType> = PolymorphicComponent<T, ComponentProps<"div">>;
-export declare const CardCommon: <T extends ElementType = "div">({ as, children, className, ...props }: CardCommonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const cardVariants: {
+    readonly unstyled: "unstyled";
+};
+export type CardVariants = keyof typeof cardVariants;
+/**
+ * Props for the Card component.
+ *
+ * @template T - The element type rendered by the card (defaults to `"div"`).
+ */
+export type CardCommonProps<T extends ElementType> = PolymorphicComponent<T, ComponentProps<"div"> & {
+    /**
+     * Visual variant of the card.
+     * - `"unstyled"` — removes border and padding.
+     */
+    variant?: CardVariants;
+}>;
+/**
+ * Polymorphic card wrapper that adds padding and a border.
+ * The underlying HTML element can be changed via the `as` prop.
+ *
+ * @component
+ * @template T - The element type rendered by the card.
+ * @param {CardCommonProps<T>} props - Card props.
+ * @param {ElementType} [props.as="div"] - HTML element or component to render as.
+ * @param {CardVariants} [props.variant] - Visual variant of the card.
+ * @param {string} [props.className] - Additional CSS class applied to the root element.
+ * @param {ReactNode} [props.children] - Content rendered inside the card.
+ * @returns {JSX.Element} The rendered Card component.
+ */
+export declare const CardCommon: <T extends ElementType = "div">({ as, children, className, variant, ...props }: CardCommonProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Card/CardCommon.js

@@ -1,10 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from "../utilities/types/PolymorphicComponent";
 import { getClassName } from "../utilities/getClassName";
-export const CardCommon = ({ as, children, className, ...props }) => {
+export const cardVariants = {
+    unstyled: "unstyled",
+};
+/**
+ * Polymorphic card wrapper that adds padding and a border.
+ * The underlying HTML element can be changed via the `as` prop.
+ *
+ * @component
+ * @template T - The element type rendered by the card.
+ * @param {CardCommonProps<T>} props - Card props.
+ * @param {ElementType} [props.as="div"] - HTML element or component to render as.
+ * @param {CardVariants} [props.variant] - Visual variant of the card.
+ * @param {string} [props.className] - Additional CSS class applied to the root element.
+ * @param {ReactNode} [props.children] - Content rendered inside the card.
+ * @returns {JSX.Element} The rendered Card component.
+ */
+export const CardCommon = ({ as, children, className, variant, ...props }) => {
     const Component = as || "div";
     return (_jsx(Component, { className: getClassName({
             baseClassName: "af-card",
+            modifiers: [variant],
             className,
         }), ...props, children: children }));
 };

package/dist/prospect-client/Card/CardLF.d.ts

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/client/Card/CardLF.css";
-export { type CardCommonProps as CardProps, CardCommon as Card, } from "./CardCommon";
+export { cardVariants, type CardVariants, type CardCommonProps as CardProps, CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Card/CardLF.js

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/client/Card/CardLF.css";
-export { CardCommon as Card, } from "./CardCommon";
+export { cardVariants, CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
+import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
+export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
+export declare const ItemMultiSelect: {
+    (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
+import { Checkbox } from "../Checkbox/Checkbox/CheckboxApollo";
+import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
+export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
+ItemMultiSelect.displayName = "ItemMultiSelect";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps, type ComponentType, type FC, type ReactNode } from "react";
+export type ItemMultiSelectVariant = "primary" | "secondary";
+export type ItemMultiSelectCommonProps = Omit<ComponentProps<"input">, "type"> & {
+    label: ReactNode;
+    variant?: ItemMultiSelectVariant;
+    Checkbox: ComponentType<ComponentProps<"input">>;
+};
+export declare const ItemMultiSelectCommon: FC<ItemMultiSelectCommonProps>;

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { getClassName } from "../../utilities/getClassName";
+export const ItemMultiSelectCommon = ({ label, variant = "primary", className = "", id, Checkbox, ...inputProps }) => (_jsxs("label", { className: getClassName({
+        baseClassName: "af-item-multi-select",
+        modifiers: [variant],
+        className: className ?? "",
+    }), htmlFor: id, children: [_jsx("span", { className: "af-item-multi-select__checkbox", children: _jsx(Checkbox, { id: id, ...inputProps }) }), _jsx("span", { className: "af-item-multi-select__label", children: label })] }));
+ItemMultiSelectCommon.displayName = "ItemMultiSelectCommon";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
+import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
+export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
+export declare const ItemMultiSelect: {
+    (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
+import { Checkbox } from "../Checkbox/Checkbox/CheckboxLF";
+import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
+export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
+ItemMultiSelect.displayName = "ItemMultiSelect";

package/dist/prospect-client/Header/HeaderApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Header/HeaderApollo.css";
+import { type HeaderProps } from "./HeaderCommon";
+export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type { HeaderProps };

package/dist/prospect-client/Header/HeaderApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Header/HeaderApollo.css";
+import { AppName } from "../AppName/AppName";
+import { Heading } from "../Heading/HeadingApollo";
+import { MenuBurger } from "../MenuBurger/MenuBurgerApollo";
+import { ClickIcon } from "../ClickIcon/ClickIconApollo";
+import { HeaderCommon } from "./HeaderCommon";
+export const Header = (props) => (_jsx(HeaderCommon, { AppNameComponent: AppName, HeadingComponent: Heading, MenuBurgerComponent: MenuBurger, ClickIconComponent: ClickIcon, ...props }));

package/dist/prospect-client/Header/HeaderCommon.d.ts

@@ -0,0 +1,22 @@
+import { type ComponentPropsWithoutRef, type ComponentType, type ReactNode } from "react";
+import { type ClickIconProps } from "../ClickIcon/ClickIconCommon";
+import { type AppNameProps } from "../AppName/AppName";
+import { type HeadingProps } from "../Heading/types";
+import { type MenuBurgerProps } from "../MenuBurger/MenuBurgerCommon";
+import { type TabMenuProps } from "../TabMenu/TabMenu";
+export type HeaderProps = Omit<ComponentPropsWithoutRef<"header">, "title"> & {
+    appNameProps: AppNameProps;
+    menuBurgerProps?: MenuBurgerProps;
+    tabMenuProps?: TabMenuProps;
+    clickIconProps?: ClickIconProps;
+    title?: string;
+    actionChildren?: ReactNode;
+};
+type HeaderCommonProps = HeaderProps & {
+    AppNameComponent: ComponentType<AppNameProps>;
+    HeadingComponent: ComponentType<HeadingProps>;
+    MenuBurgerComponent: ComponentType<MenuBurgerProps>;
+    ClickIconComponent: ComponentType<ClickIconProps>;
+};
+export declare const HeaderCommon: ({ appNameProps, menuBurgerProps, tabMenuProps, clickIconProps, title, className, AppNameComponent, HeadingComponent, MenuBurgerComponent, ClickIconComponent, actionChildren, ...props }: HeaderCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/Header/HeaderCommon.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import menu from "@material-symbols/svg-400/outlined/menu.svg";
+import { BREAKPOINT } from "../utilities/constants";
+import {} from "../ClickIcon/ClickIconCommon";
+import { TabMenu } from "../TabMenu/TabMenu";
+import {} from "../AppName/AppName";
+import {} from "../Heading/types";
+import {} from "../MenuBurger/MenuBurgerCommon";
+import {} from "../TabMenu/TabMenu";
+import { getClassName } from "../utilities/getClassName";
+import { useIsSmallScreen } from "../utilities/hook/useIsSmallScreen";
+const withElementClass = (props, baseClassName) => ({
+    ...props,
+    className: getClassName({
+        baseClassName,
+        className: props.className,
+    }),
+});
+export const HeaderCommon = ({ appNameProps, menuBurgerProps, tabMenuProps, clickIconProps, title, className, AppNameComponent, HeadingComponent, MenuBurgerComponent, ClickIconComponent, actionChildren, ...props }) => {
+    const isSmallScreen = useIsSmallScreen(BREAKPOINT.MD);
+    const parsedAppNameProps = withElementClass(appNameProps, "af-header__app-name");
+    const parsedMenuBurgerProps = menuBurgerProps
+        ? withElementClass(menuBurgerProps, "af-header__menu-burger")
+        : undefined;
+    const parsedTabMenuProps = tabMenuProps
+        ? withElementClass(tabMenuProps, "af-header__tab-menu")
+        : undefined;
+    return (_jsxs("header", { className: getClassName({
+            baseClassName: "af-header",
+            className,
+        }), ...props, children: [_jsx(AppNameComponent, { ...parsedAppNameProps }), Boolean(parsedMenuBurgerProps) ||
+                Boolean(parsedTabMenuProps) ||
+                Boolean(actionChildren) ? (_jsx(ClickIconComponent, { ...clickIconProps, src: menu, size: "S", variant: "ghost", className: "af-header__menu-icon", "aria-haspopup": isSmallScreen ? "menu" : undefined, "aria-label": clickIconProps?.["aria-label"] ?? "Ouvrir le menu", popoverTarget: isSmallScreen ? "af-header-menu" : undefined, popoverTargetAction: isSmallScreen ? "toggle" : undefined })) : null, _jsxs("div", { id: "af-header-menu", popover: isSmallScreen ? "auto" : undefined, className: "af-header__menu", children: [parsedTabMenuProps ? _jsx(TabMenu, { ...parsedTabMenuProps }) : null, (title && !isSmallScreen) ||
+                        actionChildren ||
+                        parsedMenuBurgerProps ? (_jsxs("div", { className: "af-header__actions", children: [title ? (_jsx(HeadingComponent, { level: 1, className: "af-header__title", children: title })) : null, actionChildren ? (_jsx("div", { className: "af-header__actions-children", children: actionChildren })) : null, parsedMenuBurgerProps ? (_jsx(MenuBurgerComponent, { ...parsedMenuBurgerProps })) : null] })) : null] })] }));
+};

package/dist/prospect-client/Header/HeaderLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/client/Header/HeaderLF.css";
+import { type HeaderProps } from "./HeaderCommon";
+export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type { HeaderProps };

package/dist/prospect-client/Header/HeaderLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Header/HeaderLF.css";
+import { AppName } from "../AppName/AppName";
+import { Heading } from "../Heading/HeadingLF";
+import { MenuBurger } from "../MenuBurger/MenuBurgerLF";
+import { ClickIcon } from "../ClickIcon/ClickIconLF";
+import { HeaderCommon } from "./HeaderCommon";
+export const Header = (props) => (_jsx(HeaderCommon, { AppNameComponent: AppName, HeadingComponent: Heading, MenuBurgerComponent: MenuBurger, ClickIconComponent: ClickIcon, ...props }));

package/dist/prospect-client/List/ClickItem/ClickItemCommon.d.ts

@@ -1,4 +1,5 @@
 import type { ClickItemPropsCommon } from "./types";
+export type { ClickItemProps } from "./types";
 export declare const clickItemVariants: {
     readonly small: "small";
     readonly medium: "medium";

package/dist/prospect-client/List/List/ListCommon.d.ts

@@ -1,8 +1,33 @@
 import { type ComponentProps, type ComponentType } from "react";
-import { CardCommon as Card, type CardCommonProps } from "../../Card/CardCommon";
-export type ListProps = CardCommonProps<"ul" | "ol">;
+import { CardCommon as Card, type CardCommonProps, type CardVariants } from "../../Card/CardCommon";
+/**
+ * Props for the List component.
+ * Extends `CardCommonProps` (without `variant` override) to allow the list
+ * to be rendered as a `ul` or `ol` with optional card styling.
+ */
+export type ListProps = Omit<CardCommonProps<"ul" | "ol">, "variant"> & {
+    /**
+     * Visual variant inherited from Card.
+     * - `"default"` — bordered list with padding.
+     * - `"unstyled"` — removes border and padding.
+     * @default "default"
+     */
+    variant?: CardVariants;
+};
 type ListPropsCommon = ListProps & {
     CardComponent: ComponentType<ComponentProps<typeof Card>>;
 };
+/**
+ * Renders an accessible list (`ul` or `ol`) wrapped in a Card.
+ * Each direct child is automatically wrapped in a `<li>` element.
+ *
+ * @component
+ * @param {ListPropsCommon} props - List props.
+ * @param {ReactNode} props.children - Items to render inside the list. Each child is wrapped in a `<li>`.
+ * @param {"ul" | "ol"} [props.as="ul"] - HTML list element to render.
+ * @param {CardVariants} [props.variant="default"] - Visual variant of the surrounding Card.
+ * @param {ComponentType} props.CardComponent - Injected Card component (theme-specific).
+ * @returns {JSX.Element} The rendered List component.
+ */
 export declare const ListCommon: ({ children, CardComponent, as, ...listProps }: ListPropsCommon) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/List/List/ListCommon.js

@@ -2,4 +2,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Children } from "react";
 import { CardCommon as Card, } from "../../Card/CardCommon";
 import { generateId } from "../../utilities/generateId";
+/**
+ * Renders an accessible list (`ul` or `ol`) wrapped in a Card.
+ * Each direct child is automatically wrapped in a `<li>` element.
+ *
+ * @component
+ * @param {ListPropsCommon} props - List props.
+ * @param {ReactNode} props.children - Items to render inside the list. Each child is wrapped in a `<li>`.
+ * @param {"ul" | "ol"} [props.as="ul"] - HTML list element to render.
+ * @param {CardVariants} [props.variant="default"] - Visual variant of the surrounding Card.
+ * @param {ComponentType} props.CardComponent - Injected Card component (theme-specific).
+ * @returns {JSX.Element} The rendered List component.
+ */
 export const ListCommon = ({ children, CardComponent, as = "ul", ...listProps }) => (_jsx(CardComponent, { as: as, ...listProps, children: Children.toArray(children).map((child) => (_jsx("li", { children: child }, generateId(child)))) }));

package/dist/prospect-client/MenuBurger/MenuBurgerApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/MenuBurger/MenuBurgerAll.css";
+import { type MenuBurgerProps } from "./MenuBurgerCommon";
+export declare const MenuBurger: (props: MenuBurgerProps) => import("react/jsx-runtime").JSX.Element;
+export type { MenuBurgerProps };

package/dist/prospect-client/MenuBurger/MenuBurgerApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/MenuBurger/MenuBurgerAll.css";
+import { Button } from "../Button/ButtonApollo";
+import { Icon } from "../Icon/IconApollo";
+import { ClickItem } from "../List/ClickItem/ClickItemApollo";
+import { List } from "../List/List/ListApollo";
+import { MenuBurgerCommon } from "./MenuBurgerCommon";
+export const MenuBurger = (props) => (_jsx(MenuBurgerCommon, { ButtonComponent: Button, ClickItemComponent: ClickItem, IconComponent: Icon, ListComponent: List, ...props }));

package/dist/prospect-client/MenuBurger/MenuBurgerCommon.d.ts

@@ -0,0 +1,60 @@
+import { type ComponentPropsWithoutRef, type ComponentType, type ReactNode, type PropsWithChildren } from "react";
+import type { ButtonProps } from "../Button/ButtonCommon";
+import type { IconProps } from "../Icon/IconCommon";
+import type { ClickItemProps } from "../List/ClickItem/ClickItemCommon";
+import type { ListProps } from "../List/List/ListCommon";
+export declare const menuBurgerVariants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+};
+export type MenuBurgerVariants = keyof typeof menuBurgerVariants;
+export type MenuBurgerClickItemProps = Omit<ClickItemProps, "variant"> & {
+    variant?: ClickItemProps["variant"];
+};
+/**
+ * Props for the MenuBurger component.
+ */
+export type MenuBurgerProps = {
+    /**
+     * Label displayed inside the trigger button.
+     */
+    buttonLabel: string;
+    /**
+     * Extra content rendered below the ClickItem list.
+     */
+    children?: ReactNode;
+    /**
+     * Icon displayed on the left side of the trigger button.
+     * @default person
+     */
+    icon?: IconProps["src"];
+    /**
+     * Visual variant of the trigger button.
+     * @default primary
+     */
+    variant?: MenuBurgerVariants;
+    /**
+     * ClickItem list rendered inside the popover panel.
+     */
+    clickItems?: MenuBurgerClickItemProps[];
+} & Omit<ComponentPropsWithoutRef<"div">, "children">;
+type MenuBurgerCommonProps = PropsWithChildren<MenuBurgerProps> & {
+    ButtonComponent: ComponentType<ButtonProps>;
+    ClickItemComponent: ComponentType<ClickItemProps>;
+    IconComponent: ComponentType<IconProps>;
+    ListComponent: ComponentType<ListProps>;
+};
+/**
+ * Renders a burger-style menu button opening a popover panel with navigation and actions.
+ *
+ * @component
+ * @param {PropsWithChildren<MenuBurgerProps>} props - MenuBurger props.
+ * @param {string} props.buttonLabel - Label shown in the trigger button.
+ * @param {IconProps["src"]} [props.icon=person] - Icon shown on the left of the trigger button.
+ * @param {MenuBurgerVariants} [props.variant=primary] - Visual variant of the trigger button.
+ * @param {ClickItemProps[]} [props.clickItems] - Click items displayed under the links.
+ * @param {React.ReactNode} [props.children] - Extra content rendered below the ClickItem list.
+ * @returns {JSX.Element} The rendered MenuBurger component.
+ */
+export declare const MenuBurgerCommon: ({ buttonLabel, icon, variant, clickItems, children, className, ButtonComponent, ClickItemComponent, IconComponent, ListComponent, ...props }: MenuBurgerCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/MenuBurger/MenuBurgerCommon.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import keyboardArrowDown from "@material-symbols/svg-400/outlined/keyboard_arrow_down.svg";
+import person from "@material-symbols/svg-400/outlined/person.svg";
+import { useId, } from "react";
+import { getClassName } from "../utilities/getClassName";
+import { useIsSmallScreen } from "../utilities/hook/useIsSmallScreen";
+import { BREAKPOINT } from "../utilities/constants";
+export const menuBurgerVariants = {
+    primary: "primary",
+    secondary: "secondary",
+};
+/**
+ * Renders a burger-style menu button opening a popover panel with navigation and actions.
+ *
+ * @component
+ * @param {PropsWithChildren<MenuBurgerProps>} props - MenuBurger props.
+ * @param {string} props.buttonLabel - Label shown in the trigger button.
+ * @param {IconProps["src"]} [props.icon=person] - Icon shown on the left of the trigger button.
+ * @param {MenuBurgerVariants} [props.variant=primary] - Visual variant of the trigger button.
+ * @param {ClickItemProps[]} [props.clickItems] - Click items displayed under the links.
+ * @param {React.ReactNode} [props.children] - Extra content rendered below the ClickItem list.
+ * @returns {JSX.Element} The rendered MenuBurger component.
+ */
+export const MenuBurgerCommon = ({ buttonLabel, icon = person, variant = "primary", clickItems, children, className, ButtonComponent, ClickItemComponent, IconComponent, ListComponent, ...props }) => {
+    const isSmallScreen = useIsSmallScreen(BREAKPOINT.MD);
+    const isDesktop = !isSmallScreen;
+    const popoverId = useId();
+    const triggerId = `${popoverId}-trigger`;
+    const iconVariant = variant === "primary" ? "secondary" : "primary";
+    return (_jsxs("div", { className: getClassName({
+            baseClassName: "af-menu-burger",
+            className,
+        }), ...props, children: [isDesktop ? (_jsx(ButtonComponent, { id: triggerId, className: "af-menu-burger__button", variant: variant, iconLeft: _jsx(IconComponent, { src: icon, alt: "", role: "presentation", size: "S", variant: iconVariant }), iconRight: _jsx(IconComponent, { className: "af-menu-burger__button-icon--suffix", src: keyboardArrowDown, alt: "", role: "presentation", size: "S", variant: iconVariant }), popoverTarget: popoverId, popoverTargetAction: "toggle", "aria-haspopup": "true", children: buttonLabel })) : null, _jsxs("section", { id: isDesktop ? popoverId : undefined, popover: isDesktop ? "auto" : undefined, className: "af-menu-burger__panel", "aria-labelledby": isDesktop ? triggerId : undefined, children: [clickItems && clickItems.length > 0 ? (_jsx("div", { className: "af-menu-burger__section af-menu-burger__section--actions", children: _jsx(ListComponent, { className: "af-menu-burger__click-items", variant: "unstyled", children: clickItems.map((clickItem) => (_jsx(ClickItemComponent, { variant: clickItem.variant ?? "small", ...clickItem }, clickItem.title))) }) })) : null, children ? (_jsx("div", { className: "af-menu-burger__section af-menu-burger__content", children: children })) : null] })] }));
+};

package/dist/prospect-client/MenuBurger/MenuBurgerLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/client/MenuBurger/MenuBurgerAll.css";
+import { type MenuBurgerProps } from "./MenuBurgerCommon";
+export declare const MenuBurger: (props: MenuBurgerProps) => import("react/jsx-runtime").JSX.Element;
+export type { MenuBurgerProps };

package/dist/prospect-client/MenuBurger/MenuBurgerLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/MenuBurger/MenuBurgerAll.css";
+import { Button } from "../Button/ButtonLF";
+import { Icon } from "../Icon/IconLF";
+import { ClickItem } from "../List/ClickItem/ClickItemLF";
+import { List } from "../List/List/ListLF";
+import { MenuBurgerCommon } from "./MenuBurgerCommon";
+export const MenuBurger = (props) => (_jsx(MenuBurgerCommon, { ButtonComponent: Button, ClickItemComponent: ClickItem, IconComponent: Icon, ListComponent: List, ...props }));

package/dist/prospect-client/TabMenu/TabMenu.js

@@ -33,7 +33,7 @@ export const TabMenu = ({ items, className, initialPosition = 0, ...props }) =>
             className,
         }), ...props, 
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex: 0, onKeyDown: (e) => handleKeys(e.key), children: _jsx("ul", { className: "af-tab-menu__list", children: items.map((item, index) => (_jsx("li", { role: "presentation", children: _jsx(ItemMenu, { ref: (el) => {
+        tabIndex: 0, onKeyDown: (e) => handleKeys(e.key), children: _jsx("ul", { className: "af-tab-menu__list", children: items.map((item, index) => (_jsx("li", { children: _jsx(ItemMenu, { ref: (el) => {
                         itemRefs.current[index] = el;
                     }, ...item, isActive: index === position ? true : item.isActive, tabIndex: index === position ? 0 : -1, children: item.label }) }, item.href))) }) }));
 };

package/dist/prospect-client/TagList/TagListApollo.d.ts

@@ -0,0 +1,4 @@
+import { type TagListProps as TagListCommonProps } from "./TagListCommon";
+import "@axa-fr/canopee-css/prospect/TagList/TagListAll.css";
+export type TagListProps = Omit<TagListCommonProps, "OverflowTag">;
+export declare const TagList: (props: TagListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TagList/TagListApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../Tag/TagCommon";
+import { TagListCommon, } from "./TagListCommon";
+import "@axa-fr/canopee-css/prospect/TagList/TagListAll.css";
+export const TagList = (props) => (_jsx(TagListCommon, { ...props, OverflowTag: Tag }));

package/dist/prospect-client/TagList/TagListCommon.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentType, type ReactNode } from "react";
+export type TagListProps = {
+    children: ReactNode;
+    hideThreshold?: number;
+    className?: string;
+    OverflowTag: ComponentType<{
+        children: ReactNode;
+    }>;
+};
+export declare const TagListCommon: ({ children, hideThreshold, className, OverflowTag, }: TagListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TagList/TagListCommon.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, isValidElement, } from "react";
+import { getClassName } from "../utilities/getClassName";
+export const TagListCommon = ({ children, hideThreshold = 2, className = "", OverflowTag, }) => {
+    const childArray = Children.toArray(children).filter(isValidElement);
+    const total = childArray.length;
+    const isOverflowing = total > hideThreshold;
+    const visibleChildren = isOverflowing
+        ? childArray.slice(0, hideThreshold)
+        : childArray;
+    const hiddenCount = total - hideThreshold;
+    return (_jsxs("div", { className: getClassName({
+            baseClassName: "af-tag-list",
+            className,
+        }), children: [visibleChildren, isOverflowing ? _jsxs(OverflowTag, { children: ["+", hiddenCount] }) : null] }));
+};

package/dist/prospect-client/TagList/TagListLF.d.ts

@@ -0,0 +1,4 @@
+import { type TagListProps as TagListCommonProps } from "./TagListCommon";
+import "@axa-fr/canopee-css/client/TagList/TagListAll.css";
+export type TagListProps = Omit<TagListCommonProps, "OverflowTag">;
+export declare const TagList: (props: TagListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TagList/TagListLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from "../Tag/TagCommon";
+import { TagListCommon, } from "./TagListCommon";
+import "@axa-fr/canopee-css/client/TagList/TagListAll.css";
+export const TagList = (props) => (_jsx(TagListCommon, { ...props, OverflowTag: Tag }));

package/dist/prospect.d.ts

@@ -5,9 +5,10 @@ import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, type AccordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
 export { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
+export { AppName, type AppNameProps } from "./prospect-client/AppName/AppName";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants, } from "./prospect-client/Button/ButtonApollo";
-export { Card, type CardProps } from "./prospect-client/Card/CardApollo";
+export { Card, cardVariants, type CardProps, type CardVariants, } from "./prospect-client/Card/CardApollo";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./prospect-client/CardMessage/CardMessageApollo";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconApollo";
 export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo";
@@ -32,6 +33,7 @@ export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";
@@ -39,9 +41,11 @@ export { RadioText, type RadioTextProps, } from "./prospect-client/Form/Radio/Ra
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridApollo";
 export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingApollo";
+export { Header, type HeaderProps, } from "./prospect-client/Header/HeaderApollo";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
 export { ItemMenu, type ItemMenuProps, } from "./prospect-client/ItemMenu/ItemMenuApollo";
+export { MenuBurger, type MenuBurgerProps, } from "./prospect-client/MenuBurger/MenuBurgerApollo";
 export { TabMenu, type TabMenuProps } from "./prospect-client/TabMenu/TabMenu";
 export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterApollo";
@@ -70,6 +74,7 @@ export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from
 export { Table, type BodyColorVariants, type HeadColorVariants, type RowSizeVariants, type TableProps, } from "./prospect-client/Table/TableApollo";
 export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagApollo";
+export { TagList, type TagListProps, } from "./prospect-client/TagList/TagListApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";

package/dist/prospect.js

@@ -5,9 +5,10 @@ import "@fontsource/source-sans-pro";
 export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
 export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
+export { AppName } from "./prospect-client/AppName/AppName";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, } from "./prospect-client/Button/ButtonApollo";
-export { Card } from "./prospect-client/Card/CardApollo";
+export { Card, cardVariants, } from "./prospect-client/Card/CardApollo";
 export { CardMessage, cardMessageVariants, } from "./prospect-client/CardMessage/CardMessageApollo";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconApollo";
 export { ContentItemDuoAction, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo";
@@ -32,6 +33,7 @@ export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";
@@ -39,9 +41,11 @@ export { RadioText, } from "./prospect-client/Form/Radio/RadioText/RadioTextApol
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridApollo";
 export { Heading, } from "./prospect-client/Heading/HeadingApollo";
+export { Header, } from "./prospect-client/Header/HeaderApollo";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
 export { ItemMenu, } from "./prospect-client/ItemMenu/ItemMenuApollo";
+export { MenuBurger, } from "./prospect-client/MenuBurger/MenuBurgerApollo";
 export { TabMenu } from "./prospect-client/TabMenu/TabMenu";
 export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterApollo";
@@ -70,5 +74,6 @@ export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarApollo"
 export { Table, } from "./prospect-client/Table/TableApollo";
 export { TableMobileCard } from "./prospect-client/TableMobileCard/TableMobileCard";
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagApollo";
+export { TagList, } from "./prospect-client/TagList/TagListApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.22",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -53,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "2.0.0-alpha.2",
+    "@axa-fr/canopee-css": "2.0.0-alpha.22",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"