@axa-fr/canopee-react 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/client.d.ts

@@ -16,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, type DataAgentProps, } from "./prospect-client/DataAgent/DataAgentLF";
 export { Divider } from "./prospect-client/Divider/DividerLF";
 export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetLF";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckbox } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
 export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
 export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF";
@@ -26,14 +24,10 @@ export { Dropdown } from "./prospect-client/Form/Dropdown/DropdownLF";
 export { FileUpload } from "./prospect-client/Form/FileUpload/FileUpload/FileUploadLF";
 export { InputFile } from "./prospect-client/Form/FileUpload/InputFile/InputFileLF";
 export { ItemFile } from "./prospect-client/Form/FileUpload/ItemFile/ItemFileLF";
-export { 
-/** @deprecated Use `InputDate` instead. */
-InputDate as DateInput, InputDate, } from "./prospect-client/Form/InputDate/InputDateLF";
+export { InputDate } from "./prospect-client/Form/InputDate/InputDateLF";
 export { type OptionType } from "./prospect-client/Form/InputPhone/InputPhone.types";
 export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
-export { InputText, 
-/** @deprecated Use `InputText` instead. */
-InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
+export { InputText } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
@@ -44,13 +38,11 @@ export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
 export { RadioText, type RadioTextProps, } from "./prospect-client/Form/Radio/RadioText/RadioTextLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
-export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingLF";
 export { Header, type HeaderProps } from "./prospect-client/Header/HeaderLF";
+export { Heading, type HeadingLevel, type HeadingProps, } from "./prospect-client/Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconLF";
-export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { ItemMenu, type ItemMenuProps, } from "./prospect-client/ItemMenu/ItemMenuLF";
-export { MenuBurger, type MenuBurgerProps, } from "./prospect-client/MenuBurger/MenuBurgerLF";
-export { TabMenu, type TabMenuProps } from "./prospect-client/TabMenu/TabMenu";
+export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { ExitLayout, type ExitLayoutProps, type ExitLayoutWithSubComponents, ExitLayoutSkeleton, type ExitLayoutSkeletonProps, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterLF";
 export { FormLayout, type FormLayoutProps, } from "./prospect-client/Layout/FormLayout/FormLayout";
@@ -60,9 +52,10 @@ export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, ty
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
 export { List, type ListProps } from "./prospect-client/List/List/ListLF";
 export { Loader, type LoaderProps } from "./prospect-client/Loader/LoaderLF";
+export { MenuBurger, type MenuBurgerProps, } from "./prospect-client/MenuBurger/MenuBurgerLF";
 export { Message, messageVariants, type MessageVariants, } from "./prospect-client/Message/MessageLF";
-export { MultiMessage, type MultiMessageItem, type MultiMessageProps, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { MultiMessage, type MultiMessageItem, type MultiMessageProps, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { ErrorPage, type ErrorPageProps, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
 export { ValidPage, type ValidPageProps, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
@@ -78,6 +71,7 @@ export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from "./prospect-client/TabBar/TabBarLF";
 export { Table, type BodyColorVariants, type HeadColorVariants, type RowSizeVariants, type TableProps, } from "./prospect-client/Table/TableLF";
 export { TableMobileCard, type TableMobileCardProps, } from "./prospect-client/TableMobileCard/TableMobileCard";
+export { TabMenu, type TabMenuProps } from "./prospect-client/TabMenu/TabMenu";
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagLF";
 export { TagList, type TagListProps, } from "./prospect-client/TagList/TagListLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";

package/dist/client.js

@@ -16,9 +16,7 @@ export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMo
 export { DataAgent, } from "./prospect-client/DataAgent/DataAgentLF";
 export { Divider } from "./prospect-client/Divider/DividerLF";
 export { Fieldset, } from "./prospect-client/Fieldset/FieldsetLF";
-export { CardCheckbox, 
-/** @deprecated Use `CardCheckbox` instead. */
-CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckbox } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF";
 export { CardCheckboxOption } from "./prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
 export { Checkbox } from "./prospect-client/Form/Checkbox/Checkbox/CheckboxLF";
 export { CheckboxText } from "./prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF";
@@ -26,14 +24,10 @@ export { Dropdown } from "./prospect-client/Form/Dropdown/DropdownLF";
 export { FileUpload } from "./prospect-client/Form/FileUpload/FileUpload/FileUploadLF";
 export { InputFile } from "./prospect-client/Form/FileUpload/InputFile/InputFileLF";
 export { ItemFile } from "./prospect-client/Form/FileUpload/ItemFile/ItemFileLF";
-export { 
-/** @deprecated Use `InputDate` instead. */
-InputDate as DateInput, InputDate, } from "./prospect-client/Form/InputDate/InputDateLF";
+export { InputDate } from "./prospect-client/Form/InputDate/InputDateLF";
 export {} from "./prospect-client/Form/InputPhone/InputPhone.types";
 export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
-export { InputText, 
-/** @deprecated Use `InputText` instead. */
-InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
+export { InputText } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
@@ -44,13 +38,11 @@ export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";
 export { RadioText, } from "./prospect-client/Form/Radio/RadioText/RadioTextLF";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaLF";
 export { DebugGrid } from "./prospect-client/Grid/DebugGridLF";
-export { Heading, } from "./prospect-client/Heading/HeadingLF";
 export { Header } from "./prospect-client/Header/HeaderLF";
+export { Heading, } from "./prospect-client/Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconLF";
-export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { ItemMenu, } from "./prospect-client/ItemMenu/ItemMenuLF";
-export { MenuBurger, } from "./prospect-client/MenuBurger/MenuBurgerLF";
-export { TabMenu } from "./prospect-client/TabMenu/TabMenu";
+export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { ExitLayout, ExitLayoutSkeleton, } from "./prospect-client/Layout/ExitLayout/ExitLayoutLF";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterLF";
 export { FormLayout, } from "./prospect-client/Layout/FormLayout/FormLayout";
@@ -60,9 +52,10 @@ export { ClickItem, clickItemStates, clickItemVariants, } from "./prospect-clien
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoLF";
 export { List } from "./prospect-client/List/List/ListLF";
 export { Loader } from "./prospect-client/Loader/LoaderLF";
+export { MenuBurger, } from "./prospect-client/MenuBurger/MenuBurgerLF";
 export { Message, messageVariants, } from "./prospect-client/Message/MessageLF";
-export { MultiMessage, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalLF";
+export { MultiMessage, } from "./prospect-client/MultiMessage/MultiMessageLF";
 export { ErrorPage, } from "./prospect-client/pages/ErrorPage/ErrorPageLF";
 export { ValidPage, } from "./prospect-client/pages/ValidPage/ValidPageLF";
 export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
@@ -78,6 +71,7 @@ export { Svg } from "./prospect-client/Svg/Svg";
 export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarLF";
 export { Table, } from "./prospect-client/Table/TableLF";
 export { TableMobileCard, } from "./prospect-client/TableMobileCard/TableMobileCard";
+export { TabMenu } from "./prospect-client/TabMenu/TabMenu";
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagLF";
 export { TagList, } from "./prospect-client/TagList/TagListLF";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalLF";

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

@@ -3,10 +3,6 @@ import type { IconProps } from "../Icon/IconCommon";
 type SummaryOnClick = MouseEventHandler<HTMLElement>;
 export type AccordionCoreProps = {
     summary: ReactNode;
-    /**
-     * @deprecated use `open` instead
-     */
-    isOpen?: boolean;
     summaryProps?: Omit<ComponentProps<"summary">, "onClick">;
     onClick?: SummaryOnClick;
     showArrowAsClickIcon?: boolean;
@@ -15,5 +11,5 @@ export type AccordionCoreProps = {
 export type AccordionPropsCommonProps = AccordionCoreProps & {
     IconComponent: ComponentType<IconProps>;
 };
-export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, isOpen, IconComponent, onClick, showArrowAsClickIcon, arrowIconVariant, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCoreCommon: ({ summary, children, className, summaryProps, IconComponent, onClick, showArrowAsClickIcon, arrowIconVariant, ...detailsProps }: AccordionPropsCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, } from "react";
 import keyboardDown from "@material-symbols/svg-400/rounded/keyboard_arrow_down-fill.svg";
+import { useCallback, } from "react";
 import { getClassName } from "../utilities/getClassName";
-export const AccordionCoreCommon = ({ summary, children, className, summaryProps, isOpen = false, IconComponent, onClick, showArrowAsClickIcon = true, arrowIconVariant, ...detailsProps }) => {
+export const AccordionCoreCommon = ({ summary, children, className, summaryProps, IconComponent, onClick, showArrowAsClickIcon = true, arrowIconVariant, ...detailsProps }) => {
     const handleSummaryClick = useCallback((event) => {
         if (onClick) {
             event.preventDefault();
@@ -12,7 +12,7 @@ export const AccordionCoreCommon = ({ summary, children, className, summaryProps
     return (_jsxs("details", { className: getClassName({
             baseClassName: "af-apollo-accordion",
             className,
-        }), open: isOpen, ...detailsProps, children: [_jsxs("summary", { onClick: handleSummaryClick, tabIndex: 0, ...summaryProps, className: getClassName({
+        }), ...detailsProps, children: [_jsxs("summary", { onClick: handleSummaryClick, tabIndex: 0, ...summaryProps, className: getClassName({
                     baseClassName: "af-apollo-accordion__summary",
                     className: summaryProps?.className,
                 }), children: [summary, _jsx("div", { className: getClassName({

package/dist/prospect-client/CardMessage/CardMessageCommon.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/prospect-client/Divider/DividerCommon.js

@@ -1,7 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const Divider = ({ className, classModifier }) => {
-    const componentClassName = useMemo(() => getComponentClassName("af-divider", className, classModifier), [className, classModifier]);
+    const componentClassName = useMemo(() => getClassName({
+        baseClassName: "af-divider",
+        className,
+        modifiers: classModifier?.split(" ").filter(Boolean) ?? [],
+    }), [className, classModifier]);
     return _jsx("hr", { className: componentClassName });
 };

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

@@ -7,25 +7,9 @@ type CheckboxOption = Omit<CardCheckboxOptionProps, "name" | "type">;
 export type CardCheckboxProps = Omit<CardCheckboxOptionProps, "value" | "label" | "type" | "icon" | "description" | "subtitle" | "children"> & {
     type?: "vertical" | "horizontal";
     mode?: "text";
-    /**
-     * @deprecated Use `label` instead.
-     */
-    labelGroup?: string;
-    /**
-     * @deprecated Use `description` instead.
-     */
-    descriptionGroup?: string;
     label: ReactNode;
     description?: ReactNode;
-    /**
-     * @deprecated Use `required` instead.
-     */
-    isRequired?: boolean;
     options: CheckboxOption[];
-    /**
-     * @deprecated  Use `message` and messageType instead.
-     */
-    error?: string;
     containerProps?: GridContainerProps<"fieldset">;
 } & Partial<ItemMessageProps>;
 type CardCheckboxCommonProps = CardCheckboxProps & {
@@ -34,7 +18,7 @@ type CardCheckboxCommonProps = CardCheckboxProps & {
     ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 export declare const CardCheckboxCommon: {
-    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type, error, name, id, onChange, CardCheckboxItemComponent, CheckboxTextComponent, ItemMessageComponent, message, messageType, containerProps, mode, ...inputProps }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, label, description, required, options, type, name, id, onChange, CardCheckboxItemComponent, CheckboxTextComponent, ItemMessageComponent, message, messageType, containerProps, mode, ...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, CheckboxTextComponent, ItemMessageComponent, message, messageType = "error", containerProps, mode, ...inputProps }) => {
+export const CardCheckboxCommon = ({ className, label, description, required, options, type = "vertical", name, id, onChange = () => { }, CardCheckboxItemComponent, CheckboxTextComponent, ItemMessageComponent, message, messageType = "error", containerProps, mode, ...inputProps }) => {
     const generatedId = useId();
     const cardCheckboxId = id || generatedId;
     const messageId = `${cardCheckboxId}-error`;
@@ -23,10 +23,10 @@ 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, ...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: [
+    const hasError = Boolean(message) && messageType === "error";
+    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, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description ? (_jsx("p", { className: "af-card-checkbox__description", children: description })) : null] }), _jsx("div", { className: [
                     "af-card-checkbox__options",
                     `af-card-checkbox__options--${type}`,
-                ].join(" "), ref: cardCheckboxOptionsRef, children: options.map((cardCheckboxItemProps) => (_jsx(CheckboxItemComponent, { 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 })] }));
+                ].join(" "), ref: cardCheckboxOptionsRef, children: options.map((cardCheckboxItemProps) => (_jsx(CheckboxItemComponent, { 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, messageType: messageType })] }));
 };
 CardCheckboxCommon.displayName = "CardCheckboxCommon";

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.d.ts

@@ -1,11 +1,6 @@
 import { type ComponentProps } from "react";
-export type CheckboxProps = {
-    /** @deprecated Use `aria-errormessage` instead */
-    errorId?: string;
-    /** @deprecated Use `aria-invalid` instead */
-    hasError?: boolean;
-} & Omit<ComponentProps<"input">, "disabled" | "type">;
+export type CheckboxProps = Omit<ComponentProps<"input">, "disabled" | "type">;
 export declare const Checkbox: {
-    ({ errorId, hasError, className, ...inputProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...inputProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from "react";
-export const Checkbox = ({ errorId, hasError, className, ...inputProps }) => (_jsx("input", { "aria-errormessage": errorId, "aria-invalid": hasError, ...inputProps, className: ["af-checkbox", className].filter(Boolean).join(" "), type: "checkbox" }));
+export const Checkbox = ({ className, ...inputProps }) => (_jsx("input", { ...inputProps, className: ["af-checkbox", className].filter(Boolean).join(" "), type: "checkbox" }));
 Checkbox.displayName = "Checkbox";

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

@@ -4,10 +4,6 @@ import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
 import type { CheckboxProps } from "../Checkbox/CheckboxCommon";
 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 & {
@@ -15,7 +11,7 @@ export type CheckboxTextCommonProps = CheckboxTextProps & {
     ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 declare const CheckboxTextCommon: {
-    ({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }: CheckboxTextCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }: CheckboxTextCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { CheckboxTextCommon };

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 } from "react";
-const CheckboxTextCommon = ({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
+const CheckboxTextCommon = ({ label, id, message, messageType = "error", CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
     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", ...containerProps, children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message || errorMessage, id: messageId, messageType: messageType })] }));
+    const hasError = Boolean(message) && messageType === "error";
+    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 }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message, id: messageId, messageType: messageType })] }));
 };
 CheckboxTextCommon.displayName = "CheckboxTextCommon";
 export { CheckboxTextCommon };

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

@@ -6,25 +6,17 @@ export type DropdownProps = ComponentPropsWithRef<"select"> & {
     id?: string;
     classModifier?: string;
     label?: ItemLabelProps["children"];
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
     placeholder?: string;
     description?: string;
     helper?: string;
     containerProps?: GridContainerProps;
-} & Pick<ItemLabelProps, "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
+} & Pick<ItemLabelProps, "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type DropdownCommonProps = DropdownProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
 declare const DropdownCommon: {
-    ({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }: DropdownCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, required, label, placeholder, children, helper, message, messageType, description, moreButtonLabel, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }: DropdownCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { DropdownCommon };

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

@@ -3,14 +3,14 @@ import classNames from "classnames";
 import { useId, } from "react";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
-const DropdownCommon = ({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }) => {
+const DropdownCommon = ({ id, required, label, placeholder, children, helper, message, messageType = "error", description, moreButtonLabel, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }) => {
     const idMessage = useId();
     let inputId = useId();
     inputId = id || inputId;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    const hasError = Boolean(message) && messageType === "error";
     const hasWarning = !hasError && Boolean(message) && messageType === "warning";
     const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error", hasWarning && "af-form__dropdown-input--warning");
-    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, 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, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("select", { className: classname, ...otherProps, 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, messageType: messageType })] }));
 };
 DropdownCommon.displayName = "Dropdown";
 export { DropdownCommon };

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

@@ -10,24 +10,16 @@ export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min
     min?: InputDateAtomProps["min"];
     max?: InputDateAtomProps["max"];
     helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
     hidePicker?: boolean;
     label: ItemLabelProps["children"];
     containerProps?: GridContainerProps;
-} & Partial<Pick<ItemLabelProps, "description" | "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick"> & ItemMessageProps>;
+} & Partial<Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick"> & ItemMessageProps>;
 type InputDateCommonProps = InputDateProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
 declare const InputDateCommon: {
-    ({ className, classModifier, helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }: InputDateCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, classModifier, helper, message, messageType, label, description, moreButtonLabel, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }: InputDateCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { InputDateCommon };

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

@@ -5,20 +5,19 @@ import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
 import { InputDateAtom } from "./InputDateAtom";
 import { InputDateTextAtom } from "./InputDateTextAtom";
-const InputDateCommon = ({ className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }) => {
+const InputDateCommon = ({ className, classModifier = "", helper, message, messageType = "error", label, description, moreButtonLabel, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }) => {
     let inputId = useId();
     inputId = otherProps.id ?? inputId;
     const idMessage = useId();
     const idHelp = useId();
     const ariaDescribedbyIds = [
         helper && idHelp,
-        ((Boolean(message) && messageType === "success") || Boolean(success)) &&
-            idMessage,
+        Boolean(message) && messageType === "success" && idMessage,
     ].filter(Boolean);
     const ariaDescribedby = ariaDescribedbyIds.length
         ? ariaDescribedbyIds.join(" ")
         : undefined;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    const hasError = Boolean(message) && messageType === "error";
     const ariaErrormessage = hasError ? idMessage : undefined;
     const ariaInvalid = hasError || undefined;
     const hasWarning = Boolean(message) && messageType === "warning" && !hasError;
@@ -27,7 +26,7 @@ const InputDateCommon = ({ className, classModifier = "", helper, error, success
         modifiers: [...classModifier.split(" "), hasWarning && "warning"],
         className,
     });
-    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, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, "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, onMoreButtonClick: onMoreButtonClick, required: required, htmlFor: inputId, children: label }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, "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, messageType: messageType })] }));
 };
 InputDateCommon.displayName = "InputDate";
 export { InputDateCommon };

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

@@ -9,14 +9,6 @@ import { type OptionType } from "./InputPhone.types";
 export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
     classModifier?: string;
     helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
     defaultCountry?: string;
     showSelect?: boolean;
     disabled?: boolean;
@@ -26,7 +18,7 @@ export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
     mask?: (value: string) => string;
     label: ItemLabelProps["children"];
     containerProps?: GridContainerProps;
-} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
+} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type InputPhoneCommonProps = InputPhoneProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
@@ -34,7 +26,7 @@ type InputPhoneCommonProps = InputPhoneProps & {
     IconComponent: ComponentType<ComponentProps<typeof Icon>>;
 };
 declare const InputPhoneCommon: {
-    ({ className, classModifier, helper, error, success, message, messageType, defaultCountry, showSelect, disabled, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions, onChangeSelect, onChangeInput, mask, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }: InputPhoneCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, classModifier, helper, message, messageType, defaultCountry, showSelect, disabled, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions, onChangeSelect, onChangeInput, mask, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }: InputPhoneCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { InputPhoneCommon };

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

@@ -7,13 +7,16 @@ import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
 import { CountryCodeSelect } from "./CountryCodeSelect";
 import {} from "./InputPhone.types";
 import { maskFrenchPhoneNumber } from "./maskFrenchPhoneNumber";
-const InputPhoneCommon = ({ 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 }) => {
+const InputPhoneCommon = ({ className, classModifier = "", helper, message, messageType = "error", defaultCountry, showSelect, disabled, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }) => {
     let inputId = useId();
     inputId = otherProps.id || inputId;
     const idMessage = useId();
     const idHelp = useId();
-    const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    const ariaDescribedby = [
+        helper && idHelp,
+        message && messageType === "success" && idMessage,
+    ].filter(Boolean);
+    const hasError = Boolean(message) && messageType === "error";
     /**
      * Gère le changement de valeur du champ numéro de téléphone.
      * - Récupère une fonction de masquage (mask) depuis les props ou utilise une version par défaut.
@@ -29,9 +32,9 @@ const InputPhoneCommon = ({ className, classModifier = "", helper, error, succes
         const maskedValue = mask(rawValue);
         onChangeInput?.(maskedValue);
     };
-    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]
+    return (_jsxs("div", { className: "af-form__input-phone-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, 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, 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") })] }));
+                            .join(" "), classModifier: classModifier, error: hasError ? messageType : 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, messageType: messageType })] }));
 };
 InputPhoneCommon.displayName = "InputPhone";
 export { InputPhoneCommon };