@axa-fr/canopee-react 2.0.0-alpha.8 → 2.0.0-alpha.80

package/dist/prospect-client/SkeletonList/SkeletonListCommon.d.ts

@@ -1,17 +1,34 @@
 import type { ComponentType, PropsWithChildren } from "react";
-import type { SkeletonProps } from "../Skeleton/SkeletonCommon";
+import type { SkeletonGridProps } from "../SkeletonGrid/SkeletonGrid";
 import type { ListProps } from "../List/List/ListCommon";
+/**
+ * Props for the themed `SkeletonList` components.
+ */
 export type SkeletonListProps = {
     lists: {
         lines?: number;
-        grid: SkeletonProps["grid"];
+        grid: SkeletonGridProps["grid"];
     }[];
     isLoading?: boolean;
     className?: string;
 } & PropsWithChildren;
 type SkeletonListPropsCommon = SkeletonListProps & {
     ListComponent: ComponentType<ListProps>;
-    SkeletonComponent: ComponentType<SkeletonProps>;
 };
-export declare const SkeletonListCommon: ({ children, isLoading, lists, className, ListComponent, SkeletonComponent, }: SkeletonListPropsCommon) => string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element[] | null | undefined;
+/**
+ * Shared implementation rendering repeated `SkeletonGrid` rows inside a `List`.
+ *
+ * The visual list container is injected through `ListComponent` to allow
+ * Apollo and Look and Feel theming.
+ *
+ * @component
+ * @param {SkeletonListPropsCommon} props - SkeletonList props.
+ * @param {{ lines?: number; grid: SkeletonGridProps["grid"] }[]} props.lists - Groups of skeleton rows to render while loading.
+ * @param {boolean} [props.isLoading=true] - When `true`, renders the list of skeleton placeholders.
+ * @param {string} [props.className] - Additional CSS class applied to each injected list container.
+ * @param {ReactNode} [props.children] - Content rendered when `isLoading` is `false`.
+ * @param {ComponentType<ListProps>} props.ListComponent - Theme-specific list component used to wrap each skeleton block.
+ * @returns {JSX.Element | ReactNode[]} The rendered skeleton list or the fallback children.
+ */
+export declare const SkeletonListCommon: ({ children, isLoading, lists, className, ListComponent, }: SkeletonListPropsCommon) => string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element[] | null | undefined;
 export {};

package/dist/prospect-client/SkeletonList/SkeletonListCommon.js

@@ -1,4 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const SkeletonListCommon = ({ children, isLoading, lists = [], className, ListComponent, SkeletonComponent, }) => isLoading
-    ? lists.map(({ lines = 1, grid }, linesIndex) => (_jsx(ListComponent, { className: className, children: [...Array(lines).keys()].map((_, lineIndex) => (_jsx(SkeletonComponent, { grid: grid }, lineIndex))) }, linesIndex)))
+import { SkeletonGrid } from "../SkeletonGrid/SkeletonGrid";
+/**
+ * Shared implementation rendering repeated `SkeletonGrid` rows inside a `List`.
+ *
+ * The visual list container is injected through `ListComponent` to allow
+ * Apollo and Look and Feel theming.
+ *
+ * @component
+ * @param {SkeletonListPropsCommon} props - SkeletonList props.
+ * @param {{ lines?: number; grid: SkeletonGridProps["grid"] }[]} props.lists - Groups of skeleton rows to render while loading.
+ * @param {boolean} [props.isLoading=true] - When `true`, renders the list of skeleton placeholders.
+ * @param {string} [props.className] - Additional CSS class applied to each injected list container.
+ * @param {ReactNode} [props.children] - Content rendered when `isLoading` is `false`.
+ * @param {ComponentType<ListProps>} props.ListComponent - Theme-specific list component used to wrap each skeleton block.
+ * @returns {JSX.Element | ReactNode[]} The rendered skeleton list or the fallback children.
+ */
+export const SkeletonListCommon = ({ children, isLoading, lists = [], className, ListComponent, }) => isLoading
+    ? lists.map(({ lines = 1, grid }, linesIndex) => (_jsx(ListComponent, { className: className, children: [...Array(lines).keys()].map((_, lineIndex) => (_jsx(SkeletonGrid, { grid: grid }, lineIndex))) }, linesIndex)))
     : children;

package/dist/prospect-client/SkeletonList/SkeletonListLF.d.ts

@@ -1,3 +1,10 @@
 import { type SkeletonListProps } from "./SkeletonListCommon";
 export { type SkeletonListProps } from "./SkeletonListCommon";
+/**
+ * Look and Feel-themed `SkeletonList` component.
+ *
+ * @component
+ * @param {SkeletonListProps} props - SkeletonList props.
+ * @returns {JSX.Element | ReactNode[]} The rendered Look and Feel SkeletonList.
+ */
 export declare const SkeletonList: (props: SkeletonListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/SkeletonList/SkeletonListLF.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Skeleton } from "../Skeleton/SkeletonLF";
 import { List } from "../List/List/ListLF";
 import { SkeletonListCommon, } from "./SkeletonListCommon";
 export {} from "./SkeletonListCommon";
-export const SkeletonList = (props) => (_jsx(SkeletonListCommon, { ...props, SkeletonComponent: Skeleton, ListComponent: List }));
+/**
+ * Look and Feel-themed `SkeletonList` component.
+ *
+ * @component
+ * @param {SkeletonListProps} props - SkeletonList props.
+ * @returns {JSX.Element | ReactNode[]} The rendered Look and Feel SkeletonList.
+ */
+export const SkeletonList = (props) => (_jsx(SkeletonListCommon, { ...props, ListComponent: List }));

package/dist/prospect-client/Stepper/StepperApollo.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Stepper/StepperApollo.css";
+import { Heading } from "../Heading/HeadingApollo";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupApollo";
+import { ItemMessage } from "../Form/ItemMessage/ItemMessage";
 import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Stepper/StepperCommon.d.ts

@@ -1,18 +1,24 @@
-import { type ComponentType, type HTMLAttributes } from "react";
-import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessageCommon";
+import { type ComponentType, type HTMLAttributes, type ReactNode } from "react";
+import { type ItemMessageProps } from "../Form/ItemMessage/ItemMessage";
 import { type ProgressBarGroupProps } from "../ProgressBarGroup/ProgressBarGroupCommon";
+import type { HeadingCommonProps } from "../Heading/HeadingCommon";
+import type { HeadingLevel } from "../Heading/types";
 export type StepperProps = {
     currentStepProgress?: number;
     currentStep: number;
-    currentSubtitle?: string;
-    currentTitle?: string;
+    currentSubtitle?: ReactNode;
+    currentTitle?: ReactNode;
     nbSteps?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
     helper?: string;
+    icon?: string;
+    iconProps?: HeadingCommonProps["iconProps"];
     message?: string;
     messageType?: ItemMessageProps["messageType"];
-    titleLevel?: 1 | 2 | 3;
-} & Omit<HTMLAttributes<HTMLDivElement>, "role">;
+    titleLevel?: HeadingLevel;
+} & Omit<HTMLAttributes<HTMLDivElement>, "role" | "title">;
 export type StepperCommonProps = StepperProps & {
     ProgressBarGroupComponent: ComponentType<ProgressBarGroupProps>;
+    HeadingComponent: ComponentType<HeadingCommonProps>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
-export declare const StepperCommon: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType, titleLevel, ...props }: StepperCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperCommon: ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, ItemMessageComponent, helper, icon, iconProps, message, messageType, titleLevel, ...props }: StepperCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Stepper/StepperCommon.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
-import { ItemMessage, } from "../Form/ItemMessage/ItemMessageCommon";
+import {} from "../Form/ItemMessage/ItemMessage";
 import {} from "../ProgressBarGroup/ProgressBarGroupCommon";
-export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, helper, message, messageType = "success", titleLevel = 2, ...props }) => {
+export const StepperCommon = ({ currentStepProgress, currentTitle, nbSteps, currentStep, currentSubtitle, className, ProgressBarGroupComponent, HeadingComponent, ItemMessageComponent, helper, icon, iconProps, message, messageType = "success", titleLevel = 2, ...props }) => {
     const titleId = useId();
-    const Title = `h${titleLevel}`;
-    return (_jsxs("div", { className: "af-stepper", ...props, tabIndex: undefined, children: [_jsxs("div", { className: "af-stepper__header", children: [_jsx(Title, { id: titleId, className: "af-stepper__title", children: currentTitle }), Boolean(currentSubtitle) && (_jsx("p", { className: "af-stepper__subtitle", children: currentSubtitle }))] }), _jsx(ProgressBarGroupComponent, { className: className, currentStep: currentStep, stepsCount: nbSteps, currentStepProgress: currentStepProgress, "aria-labelledby": titleId }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessage, { message: message, messageType: messageType })] }));
+    return (_jsxs("div", { className: "af-stepper", ...props, tabIndex: undefined, children: [_jsx("div", { className: "af-stepper__header", id: titleId, children: _jsx(HeadingComponent, { level: titleLevel, icon: icon, iconProps: iconProps, firstSubtitle: currentSubtitle, children: currentTitle }) }), _jsx(ProgressBarGroupComponent, { className: className, currentStep: currentStep, stepsCount: nbSteps, currentStepProgress: currentStepProgress, "aria-labelledby": titleId }), Boolean(helper) && _jsx("span", { className: "af-stepper__helper", children: helper }), _jsx(ItemMessageComponent, { message: message, messageType: messageType })] }));
 };

package/dist/prospect-client/Stepper/StepperLF.js

@@ -2,4 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Stepper/StepperLF.css";
 import { ProgressBarGroup } from "../ProgressBarGroup/ProgressBarGroupLF";
 import { StepperCommon } from "./StepperCommon";
-export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup }));
+import { Heading } from "../Heading/HeadingLF";
+import { ItemMessage } from "../Form/ItemMessage/ItemMessage";
+export const Stepper = (props) => (_jsx(StepperCommon, { ...props, ProgressBarGroupComponent: ProgressBarGroup, HeadingComponent: Heading, ItemMessageComponent: ItemMessage }));

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/Tag/TagCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const tagVariants = {
     info: "info",
     success: "success",
@@ -9,6 +9,10 @@ export const tagVariants = {
     neutral: "neutral",
 };
 export const Tag = ({ children, className, variant = "info", ...divProps }) => {
-    const componentClassName = useMemo(() => getComponentClassName("af-tag", className, variant), [className, variant]);
+    const componentClassName = useMemo(() => getClassName({
+        baseClassName: "af-tag",
+        className,
+        modifiers: [variant],
+    }), [className, variant]);
     return (_jsx("div", { className: componentClassName, ...divProps, children: _jsx("span", { className: "af-tag__label", children: children }) }));
 };

package/dist/prospect-client/Toggle/ToggleCommon.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import check from "@material-symbols/svg-400/rounded/check.svg";
 import close from "@material-symbols/svg-400/rounded/close.svg";
 import { useId } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const ToggleCommon = ({ className, IconComponent, ...inputProps }) => {
     let inputId = useId();
     inputId = inputProps.id ?? inputId;
-    return (_jsxs("label", { className: getComponentClassName("af-toggle", className), htmlFor: inputId, children: [_jsx("div", { className: "af-toggle__root", children: _jsxs("span", { className: "af-toggle__handle", children: [_jsx(IconComponent, { src: check, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--check", size: "XS" }), _jsx(IconComponent, { src: close, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--close", size: "XS" })] }) }), _jsx("input", { ...inputProps, type: "checkbox", id: inputId })] }));
+    return (_jsxs("label", { className: getClassName({ baseClassName: "af-toggle", className }), htmlFor: inputId, children: [_jsx("div", { className: "af-toggle__root", children: _jsxs("span", { className: "af-toggle__handle", children: [_jsx(IconComponent, { src: check, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--check", size: "XS" }), _jsx(IconComponent, { src: close, "aria-hidden": "true", className: "af-toggle__icon af-toggle__icon--close", size: "XS" })] }) }), _jsx("input", { ...inputProps, type: "checkbox", id: inputId })] }));
 };
 ToggleCommon.displayName = "ToggleCommon";

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";
@@ -15,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, type DataAgentProps, } from "./prospect-client/DataAgent/DataAgentApollo";
 export { Divider } from "./prospect-client/Divider/DividerApollo";
 export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetApollo";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
+export { CardCheckbox, type CardCheckboxProps, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
 export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
 export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxApollo";
 export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextApollo";
@@ -31,8 +30,9 @@ export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneApollo";
 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 { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessage";
 export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
+export { MultiSelectList, type MultiSelectListProps, } from "./prospect-client/Form/MultiSelectList/MultiSelectListApollo";
 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";
@@ -40,11 +40,13 @@ 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 { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, ExitLayoutSkeleton, type ExitLayoutSkeletonProps, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterApollo";
 export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
@@ -62,7 +64,8 @@ export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pag
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupApollo";
-export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonApollo";
+export { Skeleton, skeletonSizeVariants, skeletonVariants, type SkeletonActionSizeVariant, type SkeletonCircleSizeVariant, type SkeletonProps, type SkeletonSizeVariant, type SkeletonVariant, } from "./prospect-client/Skeleton/Skeleton";
+export { SkeletonGrid, type SkeletonGridProps, } from "./prospect-client/SkeletonGrid/SkeletonGrid";
 export { SkeletonList, type SkeletonListProps, } from "./prospect-client/SkeletonList/SkeletonListApollo";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./prospect-client/Spinner/SpinnerApollo";
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
@@ -75,3 +78,4 @@ export { TagList, type TagListProps, } from "./prospect-client/TagList/TagListAp
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
 export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";
+export { MessageBar, type MessageBarProps, type MessageBarVariant, } from "./prospect-client/MessageBar/MessageBarApollo";

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";
@@ -15,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, } from "./prospect-client/DataAgent/DataAgentApollo";
 export { Divider } from "./prospect-client/Divider/DividerApollo";
 export { Fieldset, } from "./prospect-client/Fieldset/FieldsetApollo";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
+export { CardCheckbox, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
 export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
 export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxApollo";
 export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextApollo";
@@ -31,8 +30,9 @@ export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneApollo";
 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 { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessage";
 export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
+export { MultiSelectList, } from "./prospect-client/Form/MultiSelectList/MultiSelectListApollo";
 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";
@@ -40,11 +40,13 @@ 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 { ExitLayout, ExitLayoutSkeleton, } from "./prospect-client/Layout/ExitLayout/ExitLayoutApollo";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterApollo";
 export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
@@ -62,7 +64,8 @@ export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/Ite
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupApollo";
-export { Skeleton, } from "./prospect-client/Skeleton/SkeletonApollo";
+export { Skeleton, skeletonSizeVariants, skeletonVariants, } from "./prospect-client/Skeleton/Skeleton";
+export { SkeletonGrid, } from "./prospect-client/SkeletonGrid/SkeletonGrid";
 export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListApollo";
 export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerApollo";
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
@@ -74,3 +77,4 @@ 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";
+export { MessageBar, } from "./prospect-client/MessageBar/MessageBarApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.8",
+  "version": "2.0.0-alpha.80",
   "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.8",
+    "@axa-fr/canopee-css": "2.0.0-alpha.80",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"

package/dist/distributeur/Form/Pass/Pass.d.ts

@@ -1,15 +0,0 @@
-import { type ComponentPropsWithRef } from "react";
-import "@axa-fr/canopee-css/distributeur/Form/Pass/Pass.css";
-type Props = Omit<ComponentPropsWithRef<"input">, "type" | "role"> & {
-    type?: "text" | "password";
-    classModifier?: string;
-    onToggleType: () => void;
-};
-/**
- * @deprecated The Pass component is deprecated and will be removed in a future release
- */
-declare const Pass: {
-    ({ onToggleType, type, className, classModifier, ...inputProps }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Pass };

package/dist/distributeur/Form/Pass/Pass.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import {} from "react";
-import { getComponentClassName } from "../../utilities";
-import "@axa-fr/canopee-css/distributeur/Form/Pass/Pass.css";
-/**
- * @deprecated The Pass component is deprecated and will be removed in a future release
- */
-const Pass = ({ onToggleType, type = "password", className, classModifier, ...inputProps }) => {
-    const componentClassName = getComponentClassName(className, classModifier, "af-form__pass");
-    return (_jsxs("div", { className: componentClassName, children: [_jsx("div", { className: "af-form__pass-strength" }), _jsx("input", { ...inputProps, role: type === "password" ? "password" : "textbox", className: "af-form__input-text", type: type, required: classModifier?.includes("required") }), _jsx("button", { className: "af-form__pass-btn", type: "button", "aria-label": "show password", onClick: onToggleType, children: _jsx("i", { className: `glyphicon glyphicon-eye${type === "text" ? "-close" : "-open"}` }) })] }));
-};
-Pass.displayName = "Pass";
-export { Pass };

package/dist/distributeur/Form/Pass/PassInput.d.ts

@@ -1,13 +0,0 @@
-import { type ComponentProps, type ReactNode } from "react";
-import { type ConsumerFieldProps } from "../core";
-import { Pass } from "./Pass";
-type PassProps = ComponentProps<typeof Pass>;
-type Props = Omit<ConsumerFieldProps & PassProps & {
-    helpMessage?: ReactNode;
-    score?: string;
-}, "onToggleType" | "type">;
-/**
- * @deprecated The PassInput component is deprecated and will be removed in a future release
- */
-declare const PassInput: ({ children, score, classModifier, disabled, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export { PassInput };

package/dist/distributeur/Form/Pass/PassInput.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Field } from "../core";
-import { Pass } from "./Pass";
-const strengthList = {
-    0: "bad",
-    1: "okay",
-    2: "good",
-    3: "verygood",
-    4: "excellent",
-};
-const calculateStrength = (score) => {
-    if (score === null || score === undefined) {
-        return null;
-    }
-    const scoreToNumber = Number(score);
-    let strength = Number.isNaN(scoreToNumber) ? 0 : scoreToNumber;
-    if (strength > 4) {
-        strength = 4;
-    }
-    if (strength < 0) {
-        strength = 0;
-    }
-    return strengthList[strength];
-};
-/**
- * @deprecated The PassInput component is deprecated and will be removed in a future release
- */
-const PassInput = ({ children, score, classModifier, disabled, ...props }) => {
-    const strength = calculateStrength(score);
-    const [type, setType] = useState("password");
-    return (_jsx(Field, { ...props, classModifier: classModifier, renderInput: ({ id, classModifier: modifier, ariaInvalid, errorId, ...inputProps }) => (_jsxs(_Fragment, { children: [_jsx(Pass, { ...inputProps, type: type, id: id, disabled: disabled, classModifier: `${modifier} ${strength}`, "aria-describedby": errorId, "aria-invalid": ariaInvalid, onToggleType: () => setType(type === "password" ? "text" : "password") }), children] })) }));
-};
-export { PassInput };

package/dist/distributeur/Form/Pass/index.d.ts

@@ -1,2 +0,0 @@
-export { PassInput } from "./PassInput";
-export { Pass } from "./Pass";

package/dist/distributeur/Form/Pass/index.js

@@ -1,2 +0,0 @@
-export { PassInput } from "./PassInput";
-export { Pass } from "./Pass";

package/dist/distributeur/Form/Select/SelectDefaultWithOptions.d.ts

@@ -1,26 +0,0 @@
-import { type ComponentPropsWithRef, type OptionHTMLAttributes } from "react";
-import { SelectBase } from "./SelectBase";
-type Props = ComponentPropsWithRef<typeof SelectBase> & {
-    options: OptionHTMLAttributes<HTMLOptionElement>[];
-    forceDisplayPlaceholder?: boolean;
-    placeholder?: string;
-};
-/**
- * @deprecated Use `SelectDefault` instead
- * Instead of
- * ```jsx
- * <SelectDefaultWithOptions options={[{ value: "1", label: "Option 1" }]} />
- * ```
- * you can now do something like :
- * ```jsx
- * <SelectDefault>
- *   <option value="1">Option 1</option>
- * </SelectDefault>
- * ```
- * It allows you to use the `optgroup` tag for example.
- */
-export declare const SelectDefaultWithOptions: {
-    ({ onChange, forceDisplayPlaceholder, value, defaultValue, required, placeholder, options, id, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/distributeur/Form/Select/SelectDefaultWithOptions.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useId, useMemo, useState, } from "react";
-import { SelectBase } from "./SelectBase";
-/**
- * @deprecated Use `SelectDefault` instead
- * Instead of
- * ```jsx
- * <SelectDefaultWithOptions options={[{ value: "1", label: "Option 1" }]} />
- * ```
- * you can now do something like :
- * ```jsx
- * <SelectDefault>
- *   <option value="1">Option 1</option>
- * </SelectDefault>
- * ```
- * It allows you to use the `optgroup` tag for example.
- */
-export const SelectDefaultWithOptions = ({ onChange, forceDisplayPlaceholder = false, value, defaultValue, required, placeholder = "- Select -", options, id, ...otherProps }) => {
-    const [hasHandleChangeOnce, setHasHandleChangeOnce] = useState(false);
-    const generatedId = useId();
-    const inputId = id ?? generatedId;
-    const newOptions = useMemo(() => (hasHandleChangeOnce || defaultValue || value) && required
-        ? options
-        : [{ value: "", label: placeholder }, ...options], [hasHandleChangeOnce, options, defaultValue, value, required, placeholder]);
-    return (_jsx(SelectBase, { ...otherProps, id: inputId, value: value, defaultValue: defaultValue, options: newOptions, onChange: (e) => {
-            if (onChange) {
-                onChange(e);
-            }
-            setHasHandleChangeOnce(!forceDisplayPlaceholder);
-        } }));
-};
-SelectDefaultWithOptions.displayName = "SelectDefaultWithOptions";

package/dist/distributeur/Form/Slider/Slider.d.ts

@@ -1,28 +0,0 @@
-import RcSlider from "rc-slider";
-import { type ComponentProps, type ReactNode } from "react";
-type RcSliderProps = ComponentProps<typeof RcSlider>;
-type Props = Omit<RcSliderProps, "marks" | "onChange" | "onChangeComplete"> & {
-    /** @deprecated Use `className` instead. */
-    classModifier?: string;
-    options: {
-        value: number;
-        label?: string | ReactNode;
-    }[];
-    id: string;
-    name: string;
-    onChange?: (selectedValue: {
-        id: string;
-        name: string;
-        value: number;
-    }) => void;
-    onChangeComplete?: (selectedValue: {
-        id: string;
-        name: string;
-        value: number;
-    }) => void;
-};
-/**
- * @deprecated Slider is deprecated and will be removed in a future major release.
- */
-declare const Slider: ({ options, value, defaultValue, className, classModifier, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
-export { Slider };

package/dist/distributeur/Form/Slider/Slider.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import RcSlider from "rc-slider";
-import { useCallback, useMemo, } from "react";
-import { getClassName } from "../../utilities/helpers/getClassName";
-/**
- * @deprecated Slider is deprecated and will be removed in a future major release.
- */
-const Slider = ({ options, value, defaultValue, className, classModifier, ...otherProps }) => {
-    const defaultValueIndex = useMemo(() => {
-        const newDefaultValueIndex = options.findIndex((opt) => opt.value === (defaultValue || value));
-        return newDefaultValueIndex !== -1 ? newDefaultValueIndex : undefined;
-    }, [defaultValue, options, value]);
-    const valueIndex = useMemo(() => {
-        const newValueIndex = options.findIndex((opt) => opt.value === value);
-        return newValueIndex !== -1 ? newValueIndex : undefined;
-    }, [value, options]);
-    const marks = useMemo(() => [...options]
-        .sort((optA, optB) => optA.value - optB.value)
-        .reduce((prevMarks, { value: optValue, label: optLabel }, index) => {
-        const newMarks = { ...prevMarks };
-        newMarks[index] = optLabel || optValue;
-        return newMarks;
-    }, {}), [options]);
-    const componentClassName = useMemo(() => getClassName({
-        baseClassName: "af-slider",
-        modifiers: classModifier?.split(" "),
-        className,
-    }), [className, classModifier]);
-    const formatOnChange = useCallback((newValueIndex, onChange) => {
-        if (onChange && !Array.isArray(newValueIndex)) {
-            onChange({
-                id: otherProps.id,
-                name: otherProps.name,
-                value: options[newValueIndex].value,
-            });
-        }
-    }, [options, otherProps.id, otherProps.name]);
-    return (_jsx(RcSlider, { ...otherProps, min: 0, max: options.length - 1, onChange: (newValueIndex) => formatOnChange(newValueIndex, otherProps.onChange), onChangeComplete: (newValueIndex) => formatOnChange(newValueIndex, otherProps.onChangeComplete), marks: marks, step: null, className: componentClassName, defaultValue: defaultValueIndex, value: valueIndex, disabled: otherProps.disabled || classModifier?.includes("disabled"), "aria-required": classModifier?.includes("required") }));
-};
-export { Slider };

package/dist/distributeur/Form/Slider/SliderInput.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "react";
-import { type ConsumerFieldProps } from "../core";
-import { Slider } from "./Slider";
-type Props = ConsumerFieldProps & ComponentProps<typeof Slider>;
-/**
- * @deprecated This component is deprecated and will be removed in a future major release.
- */
-declare const SliderInput: ({ children, name, options, label, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
-export { SliderInput };

package/dist/distributeur/Form/Slider/SliderInput.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import {} from "react";
-import { Field } from "../core";
-import { Slider } from "./Slider";
-/**
- * @deprecated This component is deprecated and will be removed in a future major release.
- */
-const SliderInput = ({ children, name, options, label, ...props }) => {
-    return (_jsx(Field, { label: label, ...props, renderInput: ({ id, classModifier, ...sliderProps }) => (_jsxs(_Fragment, { children: [_jsx(Slider, { id: id, classModifier: classModifier, name: name, options: options, ...sliderProps }), children] })) }));
-};
-export { SliderInput };

package/dist/distributeur/Form/Slider/index.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/canopee-css/distributeur/Form/Slider/Slider.css";
-export { Slider } from "./Slider";
-export { SliderInput } from "./SliderInput";

package/dist/distributeur/Form/Slider/index.js

@@ -1,3 +0,0 @@
-import "@axa-fr/canopee-css/distributeur/Form/Slider/Slider.css";
-export { Slider } from "./Slider";
-export { SliderInput } from "./SliderInput";