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

package/dist/client.d.ts

@@ -1,18 +1,20 @@
 import "@axa-fr/canopee-css/client/common/rebootLF.css";
-import "@axa-fr/canopee-css/client/common/tokensLF.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 { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualLF";
 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 { 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 { 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";
 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, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
@@ -34,22 +36,30 @@ InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
-export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
+export { 
+/** @deprecated Use `CardRadioGroup` instead. */
+CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF";
 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 { Link, linkVariants, type LinkVariants, } from "./prospect-client/Link/LinkLF";
+export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorLF";
+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";
 export { Message, messageVariants, type MessageVariants, } from "./prospect-client/Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+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 { 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";
 export { Svg } from "./prospect-client/Svg/Svg";
@@ -57,11 +67,10 @@ export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
-export { Pagination } from "./prospect-client/Pagination/PaginationLF";
-export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
-export { Card, type CardProps } from "./prospect-client/Card/CardLF";
-export { List, type ListProps } from "./prospect-client/List/List/ListLF";
-export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorLF";
-export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonLF";
-export { SkeletonList, type SkeletonListProps, } from "./prospect-client/SkeletonList/SkeletonListLF";
-export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetLF";
+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

@@ -1,18 +1,20 @@
 import "@axa-fr/canopee-css/client/common/rebootLF.css";
-import "@axa-fr/canopee-css/client/common/tokensLF.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 { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualLF";
 export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionLF";
+export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualLF";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreLF";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, } from "./prospect-client/Button/ButtonLF";
+export { Card } 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";
 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, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
@@ -33,7 +35,9 @@ InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
-export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
+export { 
+/** @deprecated Use `CardRadioGroup` instead. */
+CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionLF";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
@@ -42,13 +46,19 @@ export { Heading, } from "./prospect-client/Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconLF";
 export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterLF";
+export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorLF";
 export { Link, linkVariants, } from "./prospect-client/Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
+export { List } from "./prospect-client/List/List/ListLF";
 export { Message, messageVariants, } from "./prospect-client/Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+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 { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListLF";
 export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerLF";
 export { Stepper } from "./prospect-client/Stepper/StepperLF";
 export { Svg } from "./prospect-client/Svg/Svg";
@@ -56,11 +66,9 @@ export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarLF";
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
-export { Pagination } from "./prospect-client/Pagination/PaginationLF";
-export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
-export { Card } from "./prospect-client/Card/CardLF";
-export { List } from "./prospect-client/List/List/ListLF";
-export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorLF";
-export { Skeleton, } from "./prospect-client/Skeleton/SkeletonLF";
-export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListLF";
-export { Fieldset, } from "./prospect-client/Fieldset/FieldsetLF";
+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/distributeur/EditorialMessage/EditorialMessage.d.ts

@@ -0,0 +1,34 @@
+import "@axa-fr/canopee-css/distributeur/EditorialMessage/EditorialMessage.css";
+import { type ReactNode } from "react";
+export type EditorialMessageType = "green" | "information" | "promotion";
+export type EditorialMessageProps = {
+    /**
+     * Type of the editorial message. Used to determine the style.
+     */
+    type: EditorialMessageType;
+    /**
+     * Icon source for the editorial message.
+     */
+    icon: string;
+    /**
+     * Additional class name(s) to apply to the component.
+     */
+    className?: string;
+} & ({
+    /**
+     * Title of the message. Either title or children must be provided.
+     */
+    title: string;
+    /**
+     * Content of message
+     */
+    children?: ReactNode;
+} | {
+    title?: string;
+    children: ReactNode;
+});
+/**
+ * This component is a visual element used to promote information about accessibility, promotions, eco-design...
+ * Its display does not depend on a user action.
+ */
+export declare const EditorialMessage: ({ children: message, type, title, icon, className, }: EditorialMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/EditorialMessage/EditorialMessage.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/EditorialMessage/EditorialMessage.css";
+import { useId } from "react";
+import { Svg } from "../Svg";
+import { getClassName } from "../utilities/helpers/getClassName";
+/**
+ * This component is a visual element used to promote information about accessibility, promotions, eco-design...
+ * Its display does not depend on a user action.
+ */
+export const EditorialMessage = ({ children: message, type, title, icon, className, }) => {
+    const computedClassName = getClassName({
+        baseClassName: `af-editorial-message`,
+        modifiers: [type],
+        className,
+    });
+    const titleId = useId();
+    return (_jsxs("article", { className: computedClassName, "aria-labelledby": titleId, children: [_jsx("div", { className: "af-editorial-message__icon", children: _jsx(Svg, { src: icon, role: "presentation" }) }), title ? (_jsx("h4", { className: "af-editorial-message__title", id: titleId, children: title })) : null, message ? (_jsx("div", { className: "af-editorial-message__content", children: message })) : null] }));
+};

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

@@ -6,6 +6,9 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     name?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
     role?: import("react").AriaRole | undefined;
     tabIndex?: number | undefined | undefined;
@@ -82,18 +85,18 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     onFocusCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLSelectElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement, HTMLSelectElement> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLSelectElement, Element> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
@@ -236,7 +239,6 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
     ref?: import("react").Ref<HTMLSelectElement> | undefined;
     form?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
     title?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     disabled?: boolean | undefined | undefined;
@@ -253,7 +255,6 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
@@ -285,7 +286,6 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
     autoComplete?: string | undefined | undefined;
     multiple?: boolean | undefined | undefined;

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

@@ -34,6 +34,9 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     name?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
     role?: import("react").AriaRole | undefined;
     tabIndex?: number | undefined | undefined;
@@ -110,18 +113,18 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     onFocusCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLSelectElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLSelectElement, HTMLSelectElement> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLSelectElement, Element> | undefined;
     onBeforeInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLSelectElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
@@ -264,7 +267,6 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
     ref?: import("react").Ref<HTMLSelectElement> | undefined;
     form?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
     title?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     disabled?: boolean | undefined | undefined;
@@ -281,7 +283,6 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     translate?: "yes" | "no" | undefined | undefined;
     radioGroup?: string | undefined | undefined;
@@ -313,7 +314,6 @@ declare const SelectInput: import("react").ForwardRefExoticComponent<(Omit<Omit<
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
     autoComplete?: string | undefined | undefined;
     multiple?: boolean | undefined | undefined;

package/dist/distributeur.d.ts

@@ -61,3 +61,4 @@ export { HelpButton } from "./distributeur/HelpButton";
 export { Loader } from "./distributeur/Loader/Loader";
 export { CardData } from "./distributeur/CardData/CardData";
 export type { CardDataVariant } from "./distributeur/CardData/CardData";
+export { EditorialMessage, type EditorialMessageProps, type EditorialMessageType, } from "./distributeur/EditorialMessage/EditorialMessage";

package/dist/distributeur.js

@@ -52,3 +52,4 @@ export { Alert, Message };
 export { HelpButton } from "./distributeur/HelpButton";
 export { Loader } from "./distributeur/Loader/Loader";
 export { CardData } from "./distributeur/CardData/CardData";
+export { EditorialMessage, } from "./distributeur/EditorialMessage/EditorialMessage";

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") })] }));
 });