@axa-fr/canopee-react 1.3.1-alpha.19 → 1.3.1-alpha.20

package/dist/client.d.ts

@@ -12,7 +12,7 @@ export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./p
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconLF";
 export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionLF";
 export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMonoLF";
-export { DataAgent } from "./prospect-client/DataAgent/DataAgentLF";
+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, 
@@ -43,12 +43,12 @@ export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/Ca
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
-export { Heading, type HeadingLevel, } from "./prospect-client/Heading/HeadingLF";
+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 { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterLF";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorLF";
-export { Link, linkVariants, type LinkVariants, } from "./prospect-client/Link/LinkLF";
+export { Link, linkVariants, type LinkVariants, type LinkProps, } from "./prospect-client/Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
 export { List, type ListProps } from "./prospect-client/List/List/ListLF";
@@ -69,3 +69,8 @@ export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVer
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
 export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./prospect-client/Table/TableLF";
 export { TableMobileCard, type TableMobileCardProps, } from "./prospect-client/TableMobileCard/TableMobileCard";
+export { ExitLayout, type ExitLayoutWithSubComponents, type ExitLayoutProps, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
+export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
+export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageLF";
+export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
+export type { GridContainerProps } from "./prospect-client/utilities/types/GridContainerProps";

package/dist/client.js

@@ -12,7 +12,7 @@ export { CardMessage, cardMessageVariants, } from "./prospect-client/CardMessage
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconLF";
 export { ContentItemDuoAction, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionLF";
 export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMonoLF";
-export { DataAgent } from "./prospect-client/DataAgent/DataAgentLF";
+export { DataAgent, } from "./prospect-client/DataAgent/DataAgentLF";
 export { Divider } from "./prospect-client/Divider/DividerLF";
 export { Fieldset, } from "./prospect-client/Fieldset/FieldsetLF";
 export { CardCheckbox, 
@@ -68,3 +68,7 @@ export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVer
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
 export { Table, } from "./prospect-client/Table/TableLF";
 export { TableMobileCard, } from "./prospect-client/TableMobileCard/TableMobileCard";
+export { ExitLayout, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
+export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
+export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageLF";
+export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";

package/dist/prospect-client/DataAgent/DataAgentApollo.d.ts

@@ -1,3 +1,4 @@
 import { type DataAgentProps } from "./DataAgentCommon";
 import "@axa-fr/canopee-css/prospect/DataAgent/DataAgentApollo.css";
+export { type DataAgentProps } from "./DataAgentCommon";
 export declare const DataAgent: (props: DataAgentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/DataAgent/DataAgentLF.d.ts

@@ -1,3 +1,4 @@
 import { type DataAgentProps } from "./DataAgentCommon";
 import "@axa-fr/canopee-css/client/DataAgent/DataAgentLF.css";
+export { type DataAgentProps } from "./DataAgentCommon";
 export declare const DataAgent: (props: DataAgentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.d.ts

@@ -1,6 +1,7 @@
 import { type ComponentType, type ReactNode } from "react";
 import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
 import type { CardCheckboxOptionProps } from "../CardCheckboxOption/CardCheckboxOptionCommon";
+import { GridContainerProps } from "../../../utilities/types/GridContainerProps";
 type CheckboxOption = Omit<CardCheckboxOptionProps, "name" | "type">;
 export type CardCheckboxProps = Omit<CardCheckboxOptionProps, "value" | "label" | "type" | "icon" | "description" | "subtitle" | "children"> & {
     type?: "vertical" | "horizontal";
@@ -23,13 +24,14 @@ export type CardCheckboxProps = Omit<CardCheckboxOptionProps, "value" | "label"
      * @deprecated  Use `message` and messageType instead.
      */
     error?: string;
+    containerProps?: GridContainerProps<"fieldset">;
 } & Partial<ItemMessageProps>;
 type CardCheckboxCommonProps = CardCheckboxProps & {
     CardCheckboxItemComponent: ComponentType<CardCheckboxOptionProps>;
     ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 export declare const CardCheckboxCommon: {
-    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type, error, name, id, onChange, CardCheckboxItemComponent, ItemMessageComponent, message, messageType, ...inputProps }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type, error, name, id, onChange, CardCheckboxItemComponent, ItemMessageComponent, message, messageType, containerProps, ...inputProps }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useRef, } from "react";
-export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type = "vertical", error, name, id, onChange = () => { }, CardCheckboxItemComponent, ItemMessageComponent, message, messageType = "error", ...inputProps }) => {
+export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type = "vertical", error, name, id, onChange = () => { }, CardCheckboxItemComponent, ItemMessageComponent, message, messageType = "error", containerProps, ...inputProps }) => {
     const generatedId = useId();
     const cardCheckboxId = id || generatedId;
     const messageId = `${cardCheckboxId}-error`;
@@ -23,7 +23,7 @@ export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, la
         onChange(event);
     };
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    return (_jsxs("fieldset", { className: ["af-card-checkbox", className].filter(Boolean).join(" "), id: cardCheckboxId, children: [_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { className: "af-card-checkbox__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-checkbox__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
+    return (_jsxs("fieldset", { className: ["af-card-checkbox", className].filter(Boolean).join(" "), id: cardCheckboxId, ...containerProps, children: [_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { className: "af-card-checkbox__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-checkbox__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
                     "af-card-checkbox__options",
                     `af-card-checkbox__options--${type}`,
                 ].join(" "), ref: cardCheckboxOptionsRef, children: options.map((cardCheckboxItemProps) => (_jsx(CardCheckboxItemComponent, { id: `${cardCheckboxId}-${cardCheckboxItemProps.value}`, required: required, onChange: handleChange, ...inputProps, ...cardCheckboxItemProps, type: type, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, name: name }, `${name ?? cardCheckboxId}-${cardCheckboxItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextCommon.d.ts

@@ -1,12 +1,14 @@
 import { type ReactNode, type ComponentType } from "react";
 import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
 import type { CheckboxProps } from "../Checkbox/CheckboxCommon";
+import { GridContainerProps } from "../../../utilities/types/GridContainerProps";
 export type CheckboxTextProps = {
     label: string | ReactNode;
     /**
      * @deprecated Use `message` and messageType instead.
      */
     errorMessage?: string;
+    containerProps?: GridContainerProps;
 } & Omit<CheckboxProps, "aria-errormessage" | "aria-invalid"> & Partial<ItemMessageProps>;
 export type CheckboxTextCommonProps = CheckboxTextProps & {
     CheckboxComponent: ComponentType<Omit<CheckboxProps, "checkBoxIcon">>;

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextCommon.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, forwardRef } from "react";
-const CheckboxTextCommon = forwardRef(({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, ...inputProps }, ref) => {
+const CheckboxTextCommon = forwardRef(({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }, ref) => {
     const generatedId = useId();
     const inputId = id ?? generatedId;
     const messageId = `${inputId}-error`;
     const hasError = (Boolean(message) && messageType === "error") || Boolean(errorMessage);
-    return (_jsxs("div", { className: "af-checkbox-text", children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined, ref: ref }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message || errorMessage, id: messageId, messageType: messageType })] }));
+    return (_jsxs("div", { className: "af-checkbox-text", ...containerProps, children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined, ref: ref }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message || errorMessage, id: messageId, messageType: messageType })] }));
 });
 CheckboxTextCommon.displayName = "CheckboxTextCommon";
 export { CheckboxTextCommon };

package/dist/prospect-client/Form/Dropdown/DropdownCommon.d.ts

@@ -1,6 +1,7 @@
 import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+import { GridContainerProps } from "../../utilities/types/GridContainerProps";
 export type DropdownProps = ComponentPropsWithRef<"select"> & {
     id?: string;
     classModifier?: string;
@@ -16,6 +17,7 @@ export type DropdownProps = ComponentPropsWithRef<"select"> & {
     placeholder?: string;
     description?: string;
     helper?: string;
+    containerProps?: GridContainerProps;
 } & Pick<ItemLabelProps, "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type DropdownCommonProps = DropdownProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;

package/dist/prospect-client/Form/Dropdown/DropdownCommon.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { forwardRef, useId, } from "react";
-const DropdownCommon = forwardRef(({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, ...otherProps }, inputRef) => {
+const DropdownCommon = forwardRef(({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }, inputRef) => {
     const idMessage = useId();
     let inputId = useId();
     inputId = id || inputId;
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
     const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error");
-    return (_jsxs("div", { className: "af-form__dropdown-container", children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && _jsx("option", { value: "", children: placeholder }), children] }), helper ? (_jsx("span", { className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
+    return (_jsxs("div", { className: "af-form__dropdown-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && _jsx("option", { value: "", children: placeholder }), children] }), helper ? (_jsx("span", { className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
 });
 DropdownCommon.displayName = "Dropdown";
 export { DropdownCommon };

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileCommon.d.ts

@@ -1,6 +1,7 @@
 import { type ComponentPropsWithRef, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
 import { type ItemLabelProps } from "../../ItemLabel/ItemLabelCommon";
 import { type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import { GridContainerProps } from "../../../utilities/types/GridContainerProps";
 type LabelProps = Partial<Omit<ItemLabelProps, "children" | "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "moreButtonLabel" | "onMoreButtonClick">>;
 export type InputFileProps = Omit<ComponentPropsWithRef<"input">, "type"> & {
     /**
@@ -51,6 +52,7 @@ export type InputFileProps = Omit<ComponentPropsWithRef<"input">, "type"> & {
         or?: ReactNode;
         button?: ReactNode;
     };
+    containerProps?: GridContainerProps;
 } & Omit<ItemMessageProps, "id">;
 type InputFileCommonProps = InputFileProps & {
     ItemLabelComponent: ComponentType<ItemLabelProps>;

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileCommon.js

@@ -8,7 +8,7 @@ const DEFAULT_DROPZONE_LABELS = {
     or: "ou",
     button: "Importer fichier",
 };
-export const InputFileCommon = forwardRef(({ ItemLabelComponent, ItemMessageComponent, id, label, description, sideButtonLabel, onSideButtonClick, moreButtonLabel, onMoreButtonClick, labelProps, helper, required, message, messageType = "error", className, style, dropzoneLabels = {}, children, ...props }, ref) => {
+export const InputFileCommon = forwardRef(({ ItemLabelComponent, ItemMessageComponent, id, label, description, sideButtonLabel, onSideButtonClick, moreButtonLabel, onMoreButtonClick, labelProps, helper, required, message, messageType = "error", className, dropzoneLabels = {}, children, containerProps, ...props }, ref) => {
     const generatedId = useId();
     const inputId = id || generatedId;
     const messageId = `${inputId}-message`;
@@ -26,7 +26,7 @@ export const InputFileCommon = forwardRef(({ ItemLabelComponent, ItemMessageComp
     return (_jsxs("div", { className: getClassName({
             baseClassName: "af-input-file",
             className,
-        }), style: style, children: [_jsx(ItemLabelComponent, { htmlFor: inputId, description: description, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, required: required, ...labelProps, children: label }), _jsxs("div", { className: "af-input-file__container", children: [_jsxs("span", { className: getClassName({
+        }), ...containerProps, children: [_jsx(ItemLabelComponent, { htmlFor: inputId, description: description, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, required: required, ...labelProps, children: label }), _jsxs("div", { className: "af-input-file__container", children: [_jsxs("span", { className: getClassName({
                             baseClassName: "af-input-file__dropzone",
                             modifiers: [hasError && "error"],
                         }), children: [_jsx("input", { ref: ref, type: "file", id: inputId, required: required, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": ariaDescribedby.length > 0

package/dist/prospect-client/Form/InputDate/InputDateCommon.d.ts

@@ -2,6 +2,7 @@ import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } f
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
 import { type InputDateAtomProps } from "./InputDateAtom";
+import { GridContainerProps } from "../../utilities/types/GridContainerProps";
 export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "max"> & {
     classModifier?: string;
     defaultValue?: Date | string;
@@ -19,6 +20,7 @@ export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min
     success?: string;
     hidePicker?: boolean;
     label: ItemLabelProps["children"];
+    containerProps?: GridContainerProps;
 } & Partial<Pick<ItemLabelProps, "description" | "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick"> & ItemMessageProps>;
 type InputDateCommonProps = InputDateProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;

package/dist/prospect-client/Form/InputDate/InputDateCommon.js

@@ -3,7 +3,7 @@ import { forwardRef, useId, } from "react";
 import { getClassName } from "../../utilities/getClassName";
 import { InputDateAtom } from "./InputDateAtom";
 import { InputDateTextAtom } from "./InputDateTextAtom";
-const InputDateCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, ...otherProps }, inputRef) => {
+const InputDateCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }, inputRef) => {
     const componentClassName = getClassName({
         baseClassName: "af-form__input-date",
         modifiers: classModifier.split(" "),
@@ -24,7 +24,7 @@ const InputDateCommon = forwardRef(({ className, classModifier = "", helper, err
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
     const ariaErrormessage = hasError ? idMessage : undefined;
     const ariaInvalid = hasError || undefined;
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, required: required, htmlFor: inputId, children: label }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required, max: max, min: min })), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
+    return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, required: required, htmlFor: inputId, children: label }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required, max: max, min: min })), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
 });
 InputDateCommon.displayName = "InputDate";
 export { InputDateCommon };

package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.d.ts

@@ -5,6 +5,7 @@ import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
 import { type OptionType } from "./InputPhone.types";
+import { GridContainerProps } from "../../utilities/types/GridContainerProps";
 export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
     classModifier?: string;
     helper?: string;
@@ -24,6 +25,7 @@ export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
     onChangeInput?: (value: string) => void;
     mask?: (value: string) => string;
     label: ItemLabelProps["children"];
+    containerProps?: GridContainerProps;
 } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type InputPhoneCommonProps = InputPhoneProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;

package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
 import { CountryCodeSelect } from "./CountryCodeSelect";
 import { maskFrenchPhoneNumber } from "./maskFrenchPhoneNumber";
-const InputPhoneCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, defaultCountry, showSelect, disabled, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
+const InputPhoneCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, defaultCountry, showSelect, disabled, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }, inputRef) => {
     let inputId = useId();
     inputId = otherProps.id || inputId;
     const idMessage = useId();
@@ -24,7 +24,7 @@ const InputPhoneCommon = forwardRef(({ className, classModifier = "", helper, er
         const maskedValue = mask(rawValue);
         onChangeInput?.(maskedValue);
     };
-    return (_jsxs("div", { className: "af-form__input-phone-container", children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("div", { className: "af-form__input-phone-fields", children: [showSelect ? (_jsx("div", { className: "af-form__country-code-wrapper", children: _jsx(CountryCodeSelect, { options: countryCodeOptions, defaultCountry: defaultCountry, onChangeSelect: onChangeSelect, IconComponent: IconComponent, disabled: disabled }) })) : null, _jsx(InputTextComponent, { ...otherProps, className: ["af-form__input-phone", className]
+    return (_jsxs("div", { className: "af-form__input-phone-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("div", { className: "af-form__input-phone-fields", children: [showSelect ? (_jsx("div", { className: "af-form__country-code-wrapper", children: _jsx(CountryCodeSelect, { options: countryCodeOptions, defaultCountry: defaultCountry, onChangeSelect: onChangeSelect, IconComponent: IconComponent, disabled: disabled }) })) : null, _jsx(InputTextComponent, { ...otherProps, className: ["af-form__input-phone", className]
                             .filter(Boolean)
                             .join(" "), classModifier: classModifier, ref: inputRef, error: hasError ? messageType || error : undefined, type: "tel", required: required, placeholder: otherProps.placeholder, "aria-errormessage": ariaErrormessage, value: otherProps.value, onChange: handleChangeNumber, disabled: disabled, idMessage: hasError ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, id: inputId })] }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-phone-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
 });

package/dist/prospect-client/Form/InputText/InputTextCommon.d.ts

@@ -1,8 +1,9 @@
-import { type ComponentProps, type ComponentPropsWithRef, type ComponentType, type ReactNode } from "react";
+import { type ComponentProps, type ComponentType, type ReactNode } from "react";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
-export type InputTextProps = ComponentPropsWithRef<"input"> & {
+import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
+export type InputTextProps = ComponentProps<"input"> & {
     unit?: ReactNode;
     classModifier?: string;
     label?: ItemLabelProps["children"];
@@ -15,6 +16,7 @@ export type InputTextProps = ComponentPropsWithRef<"input"> & {
      * @deprecated Use `message` and messageType instead.
      */
     success?: string;
+    containerProps?: GridContainerProps;
 } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type InputTextCommonProps = InputTextProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;

package/dist/prospect-client/Form/InputText/InputTextCommon.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
-const InputTextCommon = forwardRef(({ unit, className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, ...otherProps }, inputRef) => {
+const InputTextCommon = forwardRef(({ unit, className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }, inputRef) => {
     let inputId = useId();
     inputId = otherProps.id || inputId;
     const idMessage = useId();
     const idHelp = useId();
     const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, ref: inputRef, unit: unit, className: className, classModifier: classModifier, error: (message && messageType === "error") || Boolean(error)
+    return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, ref: inputRef, unit: unit, className: className, classModifier: classModifier, error: (message && messageType === "error") || Boolean(error)
                     ? messageType || error
                     : undefined, required: required, idMessage: message || error ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
 });

package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.d.ts

@@ -1,6 +1,7 @@
 import { type ComponentProps, type ComponentType, type PropsWithChildren, type ReactNode } from "react";
 import { ItemMessage, type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
 import { type CardRadioOptionProps } from "../CardRadioOption/CardRadioOptionCommon";
+import { GridContainerProps } from "../../../utilities/types/GridContainerProps";
 type RadioOption = Omit<CardRadioOptionProps, "name" | "type" | "isInvalid">;
 export type CardRadioGroupProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children" | "position"> & {
     /**
@@ -32,13 +33,14 @@ export type CardRadioGroupProps = Omit<CardRadioOptionProps, "value" | "label" |
      * @deprecated Use `message` and messageType instead.
      */
     error?: ReactNode;
+    containerProps?: GridContainerProps<"fieldset">;
 } & PropsWithChildren & Partial<ItemMessageProps>;
 export type CardRadioCommonProps = CardRadioGroupProps & {
     CardRadioOptionComponent: ComponentType<CardRadioOptionProps>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
 declare const CardRadioGroupCommon: {
-    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type, position, error, message, messageType, name, value, id, CardRadioOptionComponent, ItemMessageComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type, position, error, message, messageType, name, value, id, CardRadioOptionComponent, ItemMessageComponent, containerProps, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { CardRadioGroupCommon };

package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, } from "react";
-const CardRadioGroupCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type = "vertical", position = (cardStyle ?? type) === "vertical" ? "column" : "line", error, message, messageType = "error", name, value, id, CardRadioOptionComponent, ItemMessageComponent, ...inputProps }) => {
+const CardRadioGroupCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type = "vertical", position = (cardStyle ?? type) === "vertical" ? "column" : "line", error, message, messageType = "error", name, value, id, CardRadioOptionComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
     const generatedId = useId();
     const cardRadioGroupId = id ?? generatedId;
     const messageId = `${cardRadioGroupId}-error`;
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    return (_jsxs("fieldset", { className: ["af-card-radio-group", className].filter(Boolean).join(" "), role: "radiogroup", "aria-required": Boolean(required) || undefined, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, id: cardRadioGroupId, children: [_jsxs("legend", { className: "af-card-radio-group__legend", children: [_jsxs("p", { className: "af-card-radio-group__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-radio-group__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
+    return (_jsxs("fieldset", { className: ["af-card-radio-group", className].filter(Boolean).join(" "), role: "radiogroup", "aria-required": Boolean(required) || undefined, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, id: cardRadioGroupId, ...containerProps, children: [_jsxs("legend", { className: "af-card-radio-group__legend", children: [_jsxs("p", { className: "af-card-radio-group__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-radio-group__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
                     "af-card-radio-group__options",
                     `af-card-radio-group__options--${position}`,
                 ].join(" "), children: options.map((cardRadioItemProps) => (_jsx(CardRadioOptionComponent, { id: `${cardRadioGroupId}-${cardRadioItemProps.value}`, checked: value !== undefined

package/dist/prospect-client/Form/TextArea/TextAreaCommon.d.ts

@@ -1,6 +1,7 @@
 import { type ComponentProps, ComponentPropsWithRef, type ComponentType } from "react";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+import { GridContainerProps } from "../../utilities/types/GridContainerProps";
 export type TextAreaProps = ComponentPropsWithRef<"textarea"> & {
     label?: ItemLabelProps["children"];
     helper?: string;
@@ -8,6 +9,7 @@ export type TextAreaProps = ComponentPropsWithRef<"textarea"> & {
      * @deprecated Use `message` and messageType instead.
      */
     error?: string;
+    containerProps?: GridContainerProps;
 } & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type TextAreaCommonProps = TextAreaProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;

package/dist/prospect-client/Form/TextArea/TextAreaCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
-const TextAreaCommon = forwardRef(({ id, className, label, description, helper, error, message, messageType, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder = " ", ...inputProps }, inputRef) => {
+const TextAreaCommon = forwardRef(({ id, className, label, description, helper, error, message, messageType, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder = " ", containerProps, ...inputProps }, inputRef) => {
     const generatedId = useId();
     const inputId = id ?? generatedId;
     const helperId = `${inputId}-helper`;
@@ -8,7 +8,7 @@ const TextAreaCommon = forwardRef(({ id, className, label, description, helper,
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
     return (_jsxs("div", { className: ["af-form__input-container", className]
             .filter(Boolean)
-            .join(" "), children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx("textarea", { id: inputId, className: "af-form__textarea", ref: inputRef, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": hasError || undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
+            .join(" "), ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx("textarea", { id: inputId, className: "af-form__textarea", ref: inputRef, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": hasError || undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
 });
 TextAreaCommon.displayName = "TextArea";
 export { TextAreaCommon };

package/dist/prospect-client/Layout/ExitLayout/ExitLayoutApollo.d.ts

@@ -0,0 +1,21 @@
+import { type ExitLayoutProps } from "./ExitLayoutCommon";
+export { type ExitLayoutWithSubComponents, type ExitLayoutProps, } from "./ExitLayoutCommon";
+export declare const ExitLayout: {
+    (props: ExitLayoutProps): import("react/jsx-runtime").JSX.Element;
+    Agent: ({ children }: import("react").PropsWithChildren) => (string | number | bigint | 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> | {
+        props: {
+            className: string;
+        };
+        type: string | import("react").JSXElementConstructor<any>;
+        key: string | null;
+    } | {
+        props: {
+            className: string;
+        };
+        children: import("react").ReactNode;
+        type: string | import("react").JSXElementConstructor<any>;
+        key: string | null;
+    })[] | null | undefined;
+    Action: ({ children }: import("react").PropsWithChildren) => import("react").ReactNode;
+    Content: ({ children }: import("react").PropsWithChildren) => import("react").ReactNode;
+};

package/dist/prospect-client/Layout/ExitLayout/ExitLayoutApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Heading } from "../../Heading/HeadingApollo";
+import { Icon } from "../../Icon/IconApollo";
+import { Agent, Action, Content, ExitLayoutCommon, } from "./ExitLayoutCommon";
+export const ExitLayout = (props) => (_jsx(ExitLayoutCommon, { ...props, HeadingComponent: Heading, IconComponent: Icon }));
+ExitLayout.Agent = Agent;
+ExitLayout.Action = Action;
+ExitLayout.Content = Content;

package/dist/prospect-client/Layout/ExitLayout/ExitLayoutCommon.d.ts

@@ -0,0 +1,50 @@
+import "@axa-fr/canopee-css/prospect/Layout/ExitLayout/ExitLayoutAll.css";
+import { ComponentType, type PropsWithChildren } from "react";
+import { type HeadingProps } from "../../Heading/types";
+import { type IconProps } from "../../Icon/IconCommon";
+export type ExitLayoutProps = PropsWithChildren & {
+    headingProps?: HeadingProps;
+    iconProps?: Pick<IconProps, "variant" | "src" | "hasBackground">;
+};
+type ExitLayoutCommonProps = ExitLayoutProps & {
+    HeadingComponent: ComponentType<HeadingProps>;
+    IconComponent: ComponentType<IconProps>;
+};
+export declare const Agent: ({ children }: PropsWithChildren) => (string | number | bigint | 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> | {
+    props: {
+        className: string;
+    };
+    type: string | import("react").JSXElementConstructor<any>;
+    key: string | null;
+} | {
+    props: {
+        className: string;
+    };
+    children: import("react").ReactNode;
+    type: string | import("react").JSXElementConstructor<any>;
+    key: string | null;
+})[] | null | undefined;
+export declare const Action: ({ children }: PropsWithChildren) => import("react").ReactNode;
+export declare const Content: ({ children }: PropsWithChildren) => import("react").ReactNode;
+export declare const ExitLayoutCommon: {
+    ({ headingProps, iconProps, children, HeadingComponent, IconComponent, }: ExitLayoutCommonProps): import("react/jsx-runtime").JSX.Element;
+    Agent: ({ children }: PropsWithChildren) => (string | number | bigint | 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> | {
+        props: {
+            className: string;
+        };
+        type: string | import("react").JSXElementConstructor<any>;
+        key: string | null;
+    } | {
+        props: {
+            className: string;
+        };
+        children: import("react").ReactNode;
+        type: string | import("react").JSXElementConstructor<any>;
+        key: string | null;
+    })[] | null | undefined;
+    Action: ({ children }: PropsWithChildren) => import("react").ReactNode;
+    Content: ({ children }: PropsWithChildren) => import("react").ReactNode;
+};
+type ExitLayoutSubComponents = Pick<typeof ExitLayoutCommon, "Agent" | "Action" | "Content">;
+export type ExitLayoutWithSubComponents = ComponentType<ExitLayoutProps> & ExitLayoutSubComponents;
+export {};

package/dist/prospect-client/Layout/ExitLayout/ExitLayoutCommon.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Layout/ExitLayout/ExitLayoutAll.css";
+import { Children, isValidElement, } from "react";
+import { useIsSmallScreen } from "../../utilities/hook/useIsSmallScreen";
+import { BREAKPOINT } from "../../utilities/constants";
+export const Agent = ({ children }) => Children.map(children, function (child) {
+    if (isValidElement(child)) {
+        const childProps = typeof child.props === "object" && child.props !== null
+            ? child.props
+            : {};
+        const existingClassName = "className" in childProps && typeof childProps.className === "string"
+            ? childProps.className
+            : "";
+        return {
+            ...child,
+            props: {
+                ...childProps,
+                className: `${existingClassName} af-exit-page__agent`,
+            },
+        };
+    }
+    return child;
+});
+export const Action = ({ children }) => children;
+export const Content = ({ children }) => children;
+export const ExitLayoutCommon = ({ headingProps, iconProps, children, HeadingComponent, IconComponent, }) => {
+    const childrenArray = Children.toArray(children);
+    const isMobile = useIsSmallScreen(BREAKPOINT.SM);
+    const iconSize = isMobile ? "M" : "L";
+    const agent = childrenArray.find((child) => isValidElement(child) && child.type === Agent);
+    const action = childrenArray.find((child) => isValidElement(child) && child.type === Action);
+    const content = childrenArray.find((child) => isValidElement(child) && child.type === Content);
+    return (_jsxs("section", { className: "af-exit-page subgrid", children: [_jsxs("article", { className: "af-exit-page__content subgrid", children: [iconProps ? (_jsx(IconComponent, { ...iconProps, size: iconSize, role: "img" })) : null, headingProps ? (_jsx(HeadingComponent, { level: 2, ...headingProps, children: headingProps.title })) : null, content] }), agent, action ? (_jsx("div", { className: "af-exit-page__actions subgrid", children: action })) : null] }));
+};
+ExitLayoutCommon.Agent = Agent;
+ExitLayoutCommon.Action = Action;
+ExitLayoutCommon.Content = Content;

package/dist/prospect-client/Layout/ExitLayout/ExitLayoutLF.d.ts

@@ -0,0 +1,21 @@
+import { type ExitLayoutProps } from "./ExitLayoutCommon";
+export { type ExitLayoutWithSubComponents, type ExitLayoutProps, } from "./ExitLayoutCommon";
+export declare const ExitLayout: {
+    (props: ExitLayoutProps): import("react/jsx-runtime").JSX.Element;
+    Agent: ({ children }: import("react").PropsWithChildren) => (string | number | bigint | 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> | {
+        props: {
+            className: string;
+        };
+        type: string | import("react").JSXElementConstructor<any>;
+        key: string | null;
+    } | {
+        props: {
+            className: string;
+        };
+        children: import("react").ReactNode;
+        type: string | import("react").JSXElementConstructor<any>;
+        key: string | null;
+    })[] | null | undefined;
+    Action: ({ children }: import("react").PropsWithChildren) => import("react").ReactNode;
+    Content: ({ children }: import("react").PropsWithChildren) => import("react").ReactNode;
+};

package/dist/prospect-client/Layout/ExitLayout/ExitLayoutLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Heading } from "../../Heading/HeadingLF";
+import { Icon } from "../../Icon/IconLF";
+import { Agent, Action, Content, ExitLayoutCommon, } from "./ExitLayoutCommon";
+export const ExitLayout = (props) => (_jsx(ExitLayoutCommon, { ...props, HeadingComponent: Heading, IconComponent: Icon }));
+ExitLayout.Agent = Agent;
+ExitLayout.Action = Action;
+ExitLayout.Content = Content;