@axa-fr/canopee-react 2.0.0-alpha.7 → 2.0.0-alpha.70

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";
@@ -15,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, type DataAgentProps, } from "./prospect-client/DataAgent/DataAgentLF";
 export { Divider } from "./prospect-client/Divider/DividerLF";
 export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetLF";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckbox, type CardCheckboxProps, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
 export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
 export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF";
@@ -25,29 +24,27 @@ export { Dropdown } from "./prospect-client/Form/Dropdown/DropdownLF";
 export { FileUpload } from "./prospect-client/Form/FileUpload/FileUpload/FileUploadLF";
 export { InputFile } from "./prospect-client/Form/FileUpload/InputFile/InputFileLF";
 export { ItemFile } from "./prospect-client/Form/FileUpload/ItemFile/ItemFileLF";
-export { 
-/** @deprecated Use `InputDate` instead. */
-InputDate as DateInput, InputDate, } from "./prospect-client/Form/InputDate/InputDateLF";
+export { InputDate } from "./prospect-client/Form/InputDate/InputDateLF";
 export { type OptionType } from "./prospect-client/Form/InputPhone/InputPhone.types";
 export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
-export { InputText, 
-/** @deprecated Use `InputText` instead. */
-InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
+export { InputText } 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 { MultiSelectList, type MultiSelectListProps, } from "./prospect-client/Form/MultiSelectList/MultiSelectListLF";
 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";
 export { RadioText, type RadioTextProps, } from "./prospect-client/Form/Radio/RadioText/RadioTextLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
+export { Header, type HeaderProps } from "./prospect-client/Header/HeaderLF";
 export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingLF";
 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 { TabMenu, type TabMenuProps } from "./prospect-client/TabMenu/TabMenu";
-export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
+export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
+export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, ExitLayoutSkeleton, type ExitLayoutSkeletonProps, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterLF";
 export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorLF";
@@ -56,16 +53,18 @@ export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, ty
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
 export { List, type ListProps } from "./prospect-client/List/List/ListLF";
 export { Loader, type LoaderProps } from "./prospect-client/Loader/LoaderLF";
+export { MenuBurger, type MenuBurgerProps, } from "./prospect-client/MenuBurger/MenuBurgerLF";
 export { Message, messageVariants, type MessageVariants, } from "./prospect-client/Message/MessageLF";
-export { MultiMessage, type MultiMessageItem, type MultiMessageProps, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { MultiMessage, type MultiMessageItem, type MultiMessageProps, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
 export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
 export { Pagination } from "./prospect-client/Pagination/PaginationLF";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarLF";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupLF";
-export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonLF";
+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/SkeletonListLF";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./prospect-client/Spinner/SpinnerLF";
 export { Stepper } from "./prospect-client/Stepper/StepperLF";
@@ -73,8 +72,10 @@ export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./prospect-client/TabBar/TabBarLF";
 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 { TabMenu, type TabMenuProps } from "./prospect-client/TabMenu/TabMenu";
 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";
+export { MessageBar, type MessageBarProps, type MessageBarVariant, } from "./prospect-client/MessageBar/MessageBarLF";

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";
@@ -15,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, } from "./prospect-client/DataAgent/DataAgentLF";
 export { Divider } from "./prospect-client/Divider/DividerLF";
 export { Fieldset, } from "./prospect-client/Fieldset/FieldsetLF";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckbox, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
 export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
 export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF";
@@ -25,29 +24,27 @@ export { Dropdown } from "./prospect-client/Form/Dropdown/DropdownLF";
 export { FileUpload } from "./prospect-client/Form/FileUpload/FileUpload/FileUploadLF";
 export { InputFile } from "./prospect-client/Form/FileUpload/InputFile/InputFileLF";
 export { ItemFile } from "./prospect-client/Form/FileUpload/ItemFile/ItemFileLF";
-export { 
-/** @deprecated Use `InputDate` instead. */
-InputDate as DateInput, InputDate, } from "./prospect-client/Form/InputDate/InputDateLF";
+export { InputDate } from "./prospect-client/Form/InputDate/InputDateLF";
 export {} from "./prospect-client/Form/InputPhone/InputPhone.types";
 export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
-export { InputText, 
-/** @deprecated Use `InputText` instead. */
-InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
+export { InputText } 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 { MultiSelectList, } from "./prospect-client/Form/MultiSelectList/MultiSelectListLF";
 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";
 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 { Header } from "./prospect-client/Header/HeaderLF";
 export { Heading, } from "./prospect-client/Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconLF";
-export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { ItemMenu, } from "./prospect-client/ItemMenu/ItemMenuLF";
-export { TabMenu } from "./prospect-client/TabMenu/TabMenu";
-export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
+export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
+export { ExitLayout, ExitLayoutSkeleton, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterLF";
 export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
 export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorLF";
@@ -56,16 +53,18 @@ export { ClickItem, clickItemStates, clickItemVariants, } from "./prospect-clien
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
 export { List } from "./prospect-client/List/List/ListLF";
 export { Loader } from "./prospect-client/Loader/LoaderLF";
+export { MenuBurger, } from "./prospect-client/MenuBurger/MenuBurgerLF";
 export { Message, messageVariants, } from "./prospect-client/Message/MessageLF";
-export { MultiMessage, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { MultiMessage, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
 export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
 export { Pagination } from "./prospect-client/Pagination/PaginationLF";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarLF";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupLF";
-export { Skeleton, } from "./prospect-client/Skeleton/SkeletonLF";
+export { Skeleton, skeletonSizeVariants, skeletonVariants, } from "./prospect-client/Skeleton/Skeleton";
+export { SkeletonGrid, } from "./prospect-client/SkeletonGrid/SkeletonGrid";
 export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListLF";
 export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerLF";
 export { Stepper } from "./prospect-client/Stepper/StepperLF";
@@ -73,7 +72,9 @@ export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarLF";
 export { Table, } from "./prospect-client/Table/TableLF";
 export { TableMobileCard, } from "./prospect-client/TableMobileCard/TableMobileCard";
+export { TabMenu } from "./prospect-client/TabMenu/TabMenu";
 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";
+export { MessageBar, } from "./prospect-client/MessageBar/MessageBarLF";

package/dist/distributeur/ButtonMultiActions/ButtonMultiActions.d.ts

@@ -0,0 +1,10 @@
+import "@axa-fr/canopee-css/distributeur/MultiActionsButton/MultiActionsButton.css";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export type ButtonMultiActionsProps = {
+    label?: string;
+    menuLabel?: string;
+    align?: "auto" | "left" | "right";
+} & Omit<ComponentPropsWithoutRef<"button">, "children"> & {
+    children: ReactNode;
+};
+export declare const ButtonMultiActions: ({ label, menuLabel, align, className, id, onClick, onKeyDown, onMouseDown, children, ...buttonProps }: ButtonMultiActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/ButtonMultiActions/ButtonMultiActions.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/MultiActionsButton/MultiActionsButton.css";
+import chevronDown from "@material-symbols/svg-400/outlined/keyboard_arrow_down.svg";
+import { useId, useRef, } from "react";
+import { Button } from "../Button/Button";
+import { Svg } from "../Svg";
+import { getClassName } from "../utilities/helpers/getClassName";
+export const ButtonMultiActions = ({ label = "Actions", menuLabel = "Actions supplémentaires", align = "auto", className, id, onClick, onKeyDown, onMouseDown, children, ...buttonProps }) => {
+    const generatedId = useId();
+    const menuId = `${id ?? `af-button-multi-actions-${generatedId}`}-menu`;
+    const containerRef = useRef(null);
+    const menuRef = useRef(null);
+    const triggerRef = useRef(null);
+    const handleMenuToggle = (event) => {
+        const isOpen = event.newState === "open";
+        triggerRef.current?.setAttribute("aria-expanded", String(isOpen));
+        if (!isOpen) {
+            triggerRef.current?.focus();
+        }
+    };
+    // Open the menu and focus its first item when navigating with ArrowDown
+    const handleTriggerKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented || menuRef.current?.matches(":popover-open"))
+            return;
+        if (event.key === "ArrowDown") {
+            event.preventDefault();
+            menuRef.current?.showPopover();
+        }
+    };
+    // Close the menu once an action inside it has been activated
+    const handleMenuClick = (event) => {
+        if (event.target !== event.currentTarget) {
+            menuRef.current?.hidePopover();
+        }
+    };
+    // Close the menu when the user presses Escape, returning focus to the trigger
+    const handleMenuKeyDown = (event) => {
+        if (event.key === "Escape" || event.key === "Esc") {
+            event.preventDefault();
+            menuRef.current?.hidePopover();
+        }
+    };
+    return (_jsxs("div", { className: "af-button-multi-actions", ref: containerRef, children: [_jsx(Button, { ref: triggerRef, variant: "ghost", className: getClassName({
+                    baseClassName: "af-button-multi-actions__trigger",
+                    modifiers: [align],
+                    className,
+                }), "aria-haspopup": "menu", "aria-controls": menuId, "aria-expanded": "false", onClick: onClick, onKeyDown: handleTriggerKeyDown, onMouseDown: onMouseDown, ...buttonProps, popoverTarget: menuId, rightIcon: _jsx(Svg, { src: chevronDown, alt: "", "aria-hidden": "true", className: getClassName({
+                        baseClassName: "af-button-multi-actions__icon",
+                    }) }), children: label }), _jsx("div", { popover: "auto", id: menuId, role: "menu", "aria-label": menuLabel, tabIndex: -1, className: "af-button-multi-actions__menu", ref: menuRef, onToggle: handleMenuToggle, onKeyDown: handleMenuKeyDown, onClick: handleMenuClick, children: children })] }));
+};

package/dist/distributeur/ButtonMultiActions/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonMultiActions } from "./ButtonMultiActions";
+export type { ButtonMultiActionsProps } from "./ButtonMultiActions";

package/dist/distributeur/ButtonMultiActions/index.js

@@ -0,0 +1 @@
+export { ButtonMultiActions } from "./ButtonMultiActions";

package/dist/distributeur/Title/Title.js

@@ -13,6 +13,6 @@ export const Title = ({ className, classModifier, children, heading: Heading = "
         modifiers,
         className,
     });
-    return (_jsxs("div", { className: `${baseClass}--container`, children: [_jsxs(Heading, { className: componentClassName, ...otherProps, children: [children, contentLeft] }), contentRight ? (_jsx("div", { className: "content-right", children: contentRight })) : null] }));
+    return (_jsxs("div", { className: `${baseClass}--container`, children: [_jsxs(Heading, { className: componentClassName, ...otherProps, children: [children, contentLeft] }), contentRight ? (_jsx("div", { className: `${baseClass}__content-right`, children: contentRight })) : null] }));
 };
 Title.displayName = "Title";

package/dist/distributeur.d.ts

@@ -32,6 +32,7 @@ export { Footer } from "./distributeur/Layout/Footer";
 export { Header, HeaderTitle, Infos, MenuTitleWrapper, Name, NavBar, NavBarBase, NavBarItem, NavBarItemBase, NavBarItemLink, ToggleButton, User, type AnchorNavBarItem, } from "./distributeur/Layout/Header";
 export { MainContainer } from "./distributeur/Layout/MainContainer/MainContainer";
 export { Link, type LinkProps } from "./distributeur/Link/Link";
+export { ButtonMultiActions, type ButtonMultiActionsProps, } from "./distributeur/ButtonMultiActions";
 export { MandatoryMention } from "./distributeur/MandatoryMention/MandatoryMention";
 export { BooleanModal, Modal, ModalBody, ModalFooter, ModalHeader, ModalHeaderBase, } from "./distributeur/ModalAgent";
 export { ArticleRestitution, HeaderRestitution, Restitution, RestitutionList, SectionRestitution, SectionRestitutionColumn, SectionRestitutionRow, SectionRestitutionTitle, } from "./distributeur/Restitution";

package/dist/distributeur.js

@@ -31,6 +31,7 @@ export { Footer } from "./distributeur/Layout/Footer";
 export { Header, HeaderTitle, Infos, MenuTitleWrapper, Name, NavBar, NavBarBase, NavBarItem, NavBarItemBase, NavBarItemLink, ToggleButton, User, } from "./distributeur/Layout/Header";
 export { MainContainer } from "./distributeur/Layout/MainContainer/MainContainer";
 export { Link } from "./distributeur/Link/Link";
+export { ButtonMultiActions, } from "./distributeur/ButtonMultiActions";
 export { MandatoryMention } from "./distributeur/MandatoryMention/MandatoryMention";
 export { BooleanModal, Modal, ModalBody, ModalFooter, ModalHeader, ModalHeaderBase, } from "./distributeur/ModalAgent";
 export { ArticleRestitution, HeaderRestitution, Restitution, RestitutionList, SectionRestitution, SectionRestitutionColumn, SectionRestitutionRow, SectionRestitutionTitle, } from "./distributeur/Restitution";

package/dist/prospect-client/AccordionCore/AccordionCoreCommon.d.ts

@@ -1,19 +1,17 @@
 import { type ComponentProps, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
+import type { ClickIconVariant } from "../ClickIcon/ClickIconCommon";
 import type { IconProps } from "../Icon/IconCommon";
 type SummaryOnClick = MouseEventHandler<HTMLElement>;
 export type AccordionCoreProps = {
     summary: ReactNode;
-    /**
-     * @deprecated use `open` instead
-     */
-    isOpen?: boolean;
     summaryProps?: Omit<ComponentProps<"summary">, "onClick">;
     onClick?: SummaryOnClick;
     showArrowAsClickIcon?: boolean;
+    arrowClickIconVariant?: ClickIconVariant;
     arrowIconVariant?: IconProps["variant"];
 } & ComponentProps<"details">;
 export type AccordionPropsCommonProps = AccordionCoreProps & {
     IconComponent: ComponentType<IconProps>;
 };
-export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, isOpen, IconComponent, onClick, showArrowAsClickIcon, arrowIconVariant, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, IconComponent, onClick, showArrowAsClickIcon, arrowClickIconVariant, arrowIconVariant, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/AccordionCore/AccordionCoreCommon.js

@@ -1,22 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, } from "react";
 import keyboardDown from "@material-symbols/svg-400/rounded/keyboard_arrow_down-fill.svg";
+import { useCallback, } from "react";
 import { getClassName } from "../utilities/getClassName";
-export const AccordionCoreCommon = ({ summary, children, className, summaryProps, isOpen = false, IconComponent, onClick, showArrowAsClickIcon = true, arrowIconVariant, ...detailsProps }) => {
+export const AccordionCoreCommon = ({ summary, children, className, summaryProps, IconComponent, onClick, showArrowAsClickIcon = true, arrowClickIconVariant = "default", arrowIconVariant, ...detailsProps }) => {
     const handleSummaryClick = useCallback((event) => {
         if (onClick) {
             event.preventDefault();
             onClick(event);
         }
     }, [onClick]);
+    const arrowClassName = showArrowAsClickIcon
+        ? getClassName({
+            baseClassName: "af-click-icon",
+            modifiers: [arrowClickIconVariant === "ghost" && arrowClickIconVariant],
+        })
+        : undefined;
     return (_jsxs("details", { className: getClassName({
             baseClassName: "af-apollo-accordion",
             className,
-        }), open: isOpen, ...detailsProps, children: [_jsxs("summary", { onClick: handleSummaryClick, tabIndex: 0, ...summaryProps, className: getClassName({
+        }), ...detailsProps, children: [_jsxs("summary", { onClick: handleSummaryClick, tabIndex: 0, ...summaryProps, className: getClassName({
                     baseClassName: "af-apollo-accordion__summary",
                     className: summaryProps?.className,
                 }), children: [summary, _jsx("div", { className: getClassName({
                             baseClassName: "af-accordion__arrow",
-                            className: showArrowAsClickIcon ? "af-click-icon" : "",
+                            className: arrowClassName,
                         }), children: _jsx(IconComponent, { src: keyboardDown, role: "presentation", variant: arrowIconVariant }) })] }), children] }));
 };

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/CardMessage/CardMessageCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const cardMessageVariants = {
     info: "info",
     warning: "warning",
@@ -8,8 +8,10 @@ export const cardMessageVariants = {
     neutral: "neutral",
 };
 export const CardMessage = ({ variant = "info", title, text, className, ...props }) => {
-    const componentClassName = useMemo(() => {
-        return getComponentClassName("af-card-message", className, variant);
-    }, [className, variant]);
+    const componentClassName = useMemo(() => getClassName({
+        baseClassName: "af-card-message",
+        modifiers: [variant],
+        className,
+    }), [className, variant]);
     return (_jsxs("div", { ...props, className: componentClassName, children: [title ? _jsx("span", { className: "af-card-message--title", children: title }) : null, _jsx("span", { className: "af-card-message--text", children: text })] }));
 };

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionCommon.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentType, type ReactElement } from "react";
-import type { ToggleProps } from "../Toggle/ToggleCommon";
-import type { ContentItemProps } from "../ContentItemMono/ContentItemMonoCommon";
 import type { ButtonProps } from "../Button/ButtonCommon";
+import type { ContentItemProps } from "../ContentItemMono/ContentItemMonoCommon";
+import type { ToggleProps } from "../Toggle/ToggleCommon";
 export declare const ContentItemDuoActionState: {
     readonly edit: "edit";
     readonly toggle: "toggle";

package/dist/prospect-client/ContentItemDuoAction/ContentItemDuoActionCommon.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const ContentItemDuoActionState = {
     edit: "edit",
     toggle: "toggle",
 };
 export const ContentItemDuoActionCommon = ({ className, state, ContentItemMonoComponent, contentItemProps, ToggleComponent, ...props }) => {
-    const componentClassName = getComponentClassName("af-content-item-duo-action", className);
+    const componentClassName = getClassName({
+        baseClassName: "af-content-item-duo-action",
+        className,
+    });
     return (_jsxs("div", { className: componentClassName, children: [_jsx(ContentItemMonoComponent, { ...contentItemProps }), _jsx("div", { className: "af-action-container", children: state === "edit" ? (props.buttons) : (_jsx(ToggleComponent, { ...props.toggleProps })) })] }));
 };

package/dist/prospect-client/ContentItemMono/ContentItemMonoCommon.d.ts

@@ -14,10 +14,6 @@ export type ContentMonoItemIconProps = {
     title?: string;
     subtitle1?: string;
     subtitle2?: string;
-    /**
-     * @deprecated Use `iconProps` instead.
-     */
-    icon?: string;
     iconProps?: IconProps;
 };
 export type ContentMonoItemStickProps = {

package/dist/prospect-client/ContentItemMono/ContentItemMonoCommon.js

@@ -4,13 +4,12 @@ import { Icon } from "../Icon/IconCommon";
 import { ContentItemMonoCore, } from "./ContentItemMonoCore";
 export const getContentItemCoreProps = ({ IconComponent, type, ...props }) => {
     if (type === "icon") {
-        const { icon, iconProps, title, subtitle1, subtitle2 } = props;
+        const { iconProps, title, subtitle1, subtitle2 } = props;
         return {
             title,
             primarySubtitle: subtitle1,
             subtitle: subtitle2,
-            leftComponent: (iconProps && _jsx(IconComponent, { "data-testid": "icon", ...iconProps })) ||
-                (icon && _jsx(IconComponent, { "data-testid": "icon", src: icon })),
+            leftComponent: iconProps && (_jsx(IconComponent, { "data-testid": "icon", ...iconProps })),
         };
     }
     if (type === "picture") {

package/dist/prospect-client/DataAgent/DataAgentCommon.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Fragment, useMemo, } from "react";
 import { Divider } from "../Divider/DividerCommon";
 import { BREAKPOINT } from "../utilities/constants";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 import { useIsSmallScreen } from "../utilities/hook/useIsSmallScreen";
 export const DataAgentCommon = ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact = true, variant = "default", }) => {
-    const componentClassName = useMemo(() => getComponentClassName("af-data-agent", className), [className]);
+    const componentClassName = useMemo(() => getClassName({ baseClassName: "af-data-agent", className }), [className]);
     const isMobile = useIsSmallScreen(BREAKPOINT.SM);
     const renderForDefaultLayout = () => (_jsxs(_Fragment, { children: [_jsxs("section", { className: "af-data-agent__intro", children: [_jsx(ContentItemMonoComponent, { ...agentProps, type: "picture" }), agentContractProps ? (_jsx(ContentItemMonoComponent, { ...agentContractProps, type: "stick" })) : null] }), _jsx(DividerComponent, {}), contents && contents?.length > 0 ? (_jsx("section", { className: "af-data-agent__info-content", children: contents.map((content) => (_jsxs(Fragment, { children: [_jsx(ContentItemMonoComponent, { ...content, type: "icon" }), _jsx(DividerComponent, { className: "af-data-agent__line" })] }, `content--${crypto.randomUUID()}`))) })) : null, clickContents && clickContents?.length > 0 ? (_jsx("section", { className: "af-data-agent__info-click-content", children: clickContents.map((clickContent) => (_jsxs(Fragment, { children: [_jsx(ClickItemComponent, { ...clickContent, variant: "small" }), _jsx(DividerComponent, { className: "af-data-agent__line" })] }, `clickContent--${crypto.randomUUID()}`))) })) : null, Boolean(texteOrias) && (_jsx("p", { className: "af-data-agent__text-orias", children: texteOrias }))] }));
     const renderForMobileLayout = () => (_jsx("section", { className: "af-data-agent__intro", children: _jsx(ClickItemComponent, { ...agentProps, basePictureProps: {