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

package/dist/client.d.ts

@@ -30,7 +30,7 @@ export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
 export { InputText } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessage";
 export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF";
 export { MultiSelectList, type MultiSelectListProps, } from "./prospect-client/Form/MultiSelectList/MultiSelectListLF";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";

package/dist/client.js

@@ -30,7 +30,7 @@ export { InputPhone } from "./prospect-client/Form/InputPhone/InputPhoneLF";
 export { InputText } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
-export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessage";
 export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF";
 export { MultiSelectList, } from "./prospect-client/Form/MultiSelectList/MultiSelectListLF";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";

package/dist/distributeur/Card/BaseCard.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonHTMLAttributes, LabelHTMLAttributes } from "react";
+import "@axa-fr/canopee-css/distributeur/Card/BaseCard.css";
+type BaseCardOwnProps = {
+    orientation?: "horizontal" | "vertical";
+};
+type BaseCardButtonProps = BaseCardOwnProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+    component?: "button";
+};
+type BaseCardLabelProps = BaseCardOwnProps & LabelHTMLAttributes<HTMLLabelElement> & {
+    component: "label";
+};
+export type BaseCardProps = BaseCardButtonProps | BaseCardLabelProps;
+export declare const BaseCard: (props: BaseCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/Card/BaseCard.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/helpers/getClassName";
+import "@axa-fr/canopee-css/distributeur/Card/BaseCard.css";
+const isLabelCard = (props) => props.component === "label";
+function stripCardInternalProps(props) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { component, className, children, orientation, ...rest } = props;
+    return rest;
+}
+export const BaseCard = (props) => {
+    const { className, children, orientation } = props;
+    const finalClassName = getClassName({
+        baseClassName: "af-basecard",
+        modifiers: [orientation],
+        className,
+    });
+    if (isLabelCard(props)) {
+        const labelProps = stripCardInternalProps(props);
+        return (_jsx("label", { className: finalClassName, ...labelProps, children: children }));
+    }
+    const { type, ...buttonProps } = stripCardInternalProps(props);
+    return (_jsx("button", { type: type === "submit" ? "submit" : "button", className: finalClassName, ...buttonProps, children: children }));
+};

package/dist/distributeur/CardButton/CardButton.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import { type BaseCardProps } from "../Card/BaseCard";
+import "@axa-fr/canopee-css/distributeur/CardButton/CardButton.css";
+type CardButtonOwnProps = {
+    className?: string;
+    children?: ReactNode;
+    icon?: ReactNode;
+    orientation?: "horizontal" | "vertical";
+};
+type CardButtonAsButtonProps = CardButtonOwnProps & Omit<Extract<BaseCardProps, {
+    component?: "button";
+}>, "className" | "children">;
+type CardButtonAsLabelProps = CardButtonOwnProps & Omit<Extract<BaseCardProps, {
+    component: "label";
+}>, "className" | "children">;
+export type CardButtonProps = CardButtonAsButtonProps | CardButtonAsLabelProps;
+export declare const CardButton: ({ className, children, icon, orientation, ...props }: CardButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/CardButton/CardButton.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseCard } from "../Card/BaseCard";
+import "@axa-fr/canopee-css/distributeur/CardButton/CardButton.css";
+import { getClassName } from "../utilities/helpers/getClassName";
+export const CardButton = ({ className, children = "Card Button", icon = null, orientation = "horizontal", ...props }) => {
+    const finalClassName = getClassName({
+        baseClassName: "af-card-button",
+        className,
+        modifiers: [orientation],
+    });
+    return (_jsxs(BaseCard, { className: finalClassName, ...props, children: [icon, children] }));
+};

package/dist/distributeur/Form/Experimental/InputContainer.d.ts

@@ -3,6 +3,9 @@ import type { PropsWithChildren } from "react";
 type InputContainerProps = PropsWithChildren<{
     vertical?: boolean;
     className?: string;
+    component?: "div" | "fieldset";
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
 }>;
-export declare const InputContainer: ({ children, vertical, className, }: InputContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputContainer: ({ children, vertical, className, component: Component, ...props }: InputContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/distributeur/Form/Experimental/InputContainer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Form/Experimental/InputContainer.css";
 import classNames from "classnames";
-export const InputContainer = ({ children, vertical, className, }) => {
+export const InputContainer = ({ children, vertical, className, component: Component = "div", ...props }) => {
     const containerClass = classNames("af-input__container", { "af-input__container--vertical": vertical }, className);
-    return _jsx("div", { className: containerClass, children: children });
+    return (_jsx(Component, { className: containerClass, ...props, children: children }));
 };

package/dist/distributeur/Form/Experimental/InputUnit.d.ts

@@ -1,3 +1,3 @@
 import "@axa-fr/canopee-css/distributeur/Form/Experimental/InputUnit.css";
 import type { PropsWithChildren } from "react";
-export declare const InputUnit: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const InputUnit: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;

package/dist/distributeur/Form/Experimental/InputUnit.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Form/Experimental/InputUnit.css";
-export const InputUnit = ({ children }) => (_jsx("span", { className: "af-input__unit", children: children }));
+export const InputUnit = ({ children }) => children ? _jsx("span", { className: "af-input__unit", children: children }) : null;

package/dist/distributeur/Form/Experimental/ItemMessage.d.ts

@@ -24,5 +24,5 @@ type Props = {
      */
     id?: string;
 };
-export declare const ItemMessage: ({ variant, children, className, id }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemMessage: ({ variant, children, className, id }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/distributeur/Form/Experimental/ItemMessage.js

@@ -15,5 +15,5 @@ export const ItemMessage = ({ variant, children, className, id }) => {
         modifiers: [variant],
     });
     const icon = variant ? iconByVariant[variant] : null;
-    return (_jsxs("div", { className: componentClassName, id: id, children: [icon ? _jsx(Svg, { src: icon, className: "af-item-message__icon" }) : null, children] }));
+    return children ? (_jsxs("div", { className: componentClassName, id: id, children: [icon ? _jsx(Svg, { src: icon, className: "af-item-message__icon" }) : null, children] })) : null;
 };

package/dist/distributeur/Form/Experimental/Label.d.ts

@@ -1,6 +1,6 @@
 import "@axa-fr/canopee-css/distributeur/Form/Experimental/Label.css";
 import type { ComponentProps } from "react";
-type LabelProps = ComponentProps<"label"> & {
+export type LabelProps = ComponentProps<"label"> & {
     /**
      * Whether the label is required or not.
      * This will add a `*` after the label text.
@@ -10,4 +10,3 @@ type LabelProps = ComponentProps<"label"> & {
     required?: boolean;
 };
 export declare const Label: ({ children, required, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/distributeur/Form/Experimental/Legend.d.ts

@@ -0,0 +1,12 @@
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Label.css";
+import type { ComponentProps } from "react";
+export type LegendProps = ComponentProps<"span"> & {
+    /**
+     * Whether the label is required or not.
+     * This will add a `*` after the label text.
+     * This is purely presentational and does not enforce any validation logic.
+     * @default false
+     */
+    required?: boolean;
+};
+export declare const Legend: ({ children, required, ...props }: LegendProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Legend.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Label.css";
+export const Legend = ({ children, required = false, ...props }) => (_jsxs("span", { className: "af-label", ...props, children: [children, required ? (_jsx("span", { className: "af-label__required", "aria-hidden": true, children: "*" })) : null] }));

package/dist/distributeur/Form/Experimental/Radio/AddRadioCard.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio.css";
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio/AddRadioCard.css";
+export type AddRadioCardProps = {
+    orientation?: "horizontal" | "vertical";
+    onClick?: () => void;
+};
+export declare const AddRadioCard: ({ orientation, onClick, }: AddRadioCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Radio/AddRadioCard.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio.css";
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio/AddRadioCard.css";
+import AddIcon from "@material-symbols/svg-400/rounded/add_circle-fill.svg";
+import { CardButton } from "../../../CardButton/CardButton";
+import { Svg } from "../../../Svg";
+import { getClassName } from "../../../utilities/helpers/getClassName";
+export const AddRadioCard = ({ orientation = "horizontal", onClick, }) => {
+    const addRadioCardClassName = getClassName({
+        baseClassName: "af-radio-add-card",
+        modifiers: [orientation],
+    });
+    return (_jsx(CardButton, { className: addRadioCardClassName, onClick: onClick, icon: _jsx(Svg, { src: AddIcon, "aria-hidden": "true", className: "af-basecard__icon" }), orientation: orientation, children: _jsx("span", { className: "af-radiocard__label", children: "Ajouter" }) }));
+};

package/dist/distributeur/Form/Experimental/Radio/RadioButton.d.ts

@@ -0,0 +1,13 @@
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio.css";
+import type { ChangeEvent, InputHTMLAttributes } from "react";
+export type RadioButtonProps = {
+    id: string;
+    name: string;
+    value: string;
+    disabled?: boolean;
+    checked?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    label: string;
+    className?: string;
+} & InputHTMLAttributes<HTMLInputElement>;
+export declare const RadioButton: ({ id, name, label, onChange, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Radio/RadioButton.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio.css";
+export const RadioButton = ({ id, name, label, onChange, ...props }) => (_jsxs("label", { className: "af-radio__button", htmlFor: id, children: [label, _jsx("input", { type: "radio", id: id, name: name, onChange: onChange, ...props })] }));

package/dist/distributeur/Form/Experimental/Radio/RadioCard.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+import { type RadioItemProps } from "./RadioItem";
+export type RadioCardProps = {
+    label?: string;
+    icon?: ReactNode;
+    action?: ReactNode;
+    orientation?: "horizontal" | "vertical";
+    name: string;
+} & RadioItemProps;
+export declare const RadioCard: ({ id, icon, label, action, orientation, ...props }: RadioCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Radio/RadioCard.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { CardButton } from "../../../CardButton/CardButton";
+import { Svg } from "../../../Svg";
+import { RadioItem } from "./RadioItem";
+import { getClassName } from "../../../utilities/helpers/getClassName";
+export const RadioCard = ({ id, icon, label, action, orientation = "horizontal", ...props }) => {
+    const radioCardClassName = getClassName({
+        baseClassName: "af-radiocard",
+        modifiers: [orientation],
+    });
+    return (_jsxs("div", { className: radioCardClassName, children: [_jsxs(CardButton, { component: "label", htmlFor: id, className: "af-radio__card", orientation: orientation, children: [_jsx(RadioItem, { id: id, ...props }), typeof icon === "string" ? (_jsx(Svg, { className: "af-basecard__icon", src: icon })) : (icon), _jsx("span", { className: "af-radiocard__label", children: label })] }), action ? _jsx("span", { className: "af-radiocard__action", children: action }) : null] }));
+};

package/dist/distributeur/Form/Experimental/Radio/RadioGroup.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export type RadioGroupProps = {
+    className?: string;
+    children: ReactNode;
+    orientation?: "horizontal" | "vertical";
+    variant?: "button" | "card";
+};
+export declare const RadioGroup: ({ children, orientation, variant, className, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Radio/RadioGroup.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../../../utilities/helpers/getClassName";
+export const RadioGroup = ({ children, orientation = "horizontal", variant = "button", className, }) => {
+    const finalClassName = getClassName({
+        baseClassName: "af-radio__group",
+        modifiers: [orientation, variant],
+        className,
+    });
+    return _jsx("div", { className: finalClassName, children: children });
+};

package/dist/distributeur/Form/Experimental/Radio/RadioInput.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import type { InputBaseProps } from "../types";
+import { type RadioButtonProps } from "./RadioButton";
+import { type RadioCardProps } from "./RadioCard";
+export type RadioInputPropsButtonVariant = InputBaseProps & {
+    variant?: "button";
+    options: RadioButtonProps[];
+    children?: ReactNode;
+};
+export type RadioInputPropsCardVariant = InputBaseProps & {
+    variant: "card";
+    showAddButton?: boolean;
+    orientation?: "horizontal" | "vertical";
+    onAdd: () => void;
+    options: RadioCardProps[];
+};
+export type RadioInputProps = RadioInputPropsCardVariant | RadioInputPropsButtonVariant;
+export declare const RadioInput: ({ contentRight, id, labelPosition, inputClassName: inputClassNameProp, labelClassName: labelClassNameProp, helpMessage, containerClassName, required, label, errorMessage, ...props }: RadioInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Radio/RadioInput.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InputContainer } from "../InputContainer";
+import { InputUnit } from "../InputUnit";
+import { ItemMessage } from "../ItemMessage";
+import { Legend } from "../Legend";
+import { useInput } from "../useInput.hook";
+import {} from "./RadioButton";
+import {} from "./RadioCard";
+import { RadioGroup } from "./RadioGroup";
+import { RadioInputOptions } from "./_radioInputOptions";
+function getLabelPosition(labelPosition, orientation) {
+    if (labelPosition) {
+        return labelPosition;
+    }
+    if (orientation === "vertical") {
+        return "topLeft";
+    }
+    return "centerLeft";
+}
+export const RadioInput = ({ contentRight, id, labelPosition, inputClassName: inputClassNameProp, labelClassName: labelClassNameProp, helpMessage, containerClassName, required, label, errorMessage, ...props }) => {
+    const variant = props.variant || "button";
+    const { describedBy, errorId, helperId, inputId, isContainerVertical, isInvalid, labelClassName, } = useInput({
+        id,
+        labelPosition: getLabelPosition(labelPosition, props.variant === "card" ? props.orientation : undefined),
+        inputClassName: inputClassNameProp,
+        labelClassName: labelClassNameProp,
+        errorMessage,
+        helpMessage,
+    });
+    const labelId = `${inputId}-label`;
+    return (_jsxs(InputContainer, { vertical: isContainerVertical, className: `${containerClassName} af-radio__input-container`, component: "fieldset", "aria-labelledby": labelId, "aria-describedby": describedBy, children: [_jsx(Legend, { id: labelId, required: required, className: labelClassName, children: label }), _jsx(RadioGroup, { variant: variant, className: inputClassNameProp, orientation: props.variant === "card"
+                    ? props.orientation || "horizontal"
+                    : undefined, children: _jsx(RadioInputOptions, { inputId: inputId, isInvalid: isInvalid, describedBy: describedBy, ...props }) }), _jsx(InputUnit, { children: contentRight }), _jsx(ItemMessage, { id: helperId, children: helpMessage }), _jsx(ItemMessage, { variant: "error", id: errorId, children: errorMessage })] }));
+};

package/dist/distributeur/Form/Experimental/Radio/RadioItem.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio.css";
+import type { InputHTMLAttributes } from "react";
+export type RadioItemProps = InputHTMLAttributes<HTMLInputElement>;
+export declare const RadioItem: ({ className, ...props }: RadioItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Radio/RadioItem.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Form/Experimental/Radio.css";
+import { getClassName } from "../../../utilities/helpers/getClassName";
+export const RadioItem = ({ className, ...props }) => {
+    const finalClassName = getClassName({
+        baseClassName: "af-radio__item",
+        className,
+    });
+    return _jsx("input", { type: "radio", className: finalClassName, ...props });
+};

package/dist/distributeur/Form/Experimental/Radio/RadioText.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+import { type RadioItemProps } from "./RadioItem";
+export type RadioTextProps = {
+    label: ReactNode;
+} & RadioItemProps;
+export declare const RadioText: ({ id, label, ...props }: RadioTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Experimental/Radio/RadioText.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RadioItem } from "./RadioItem";
+export const RadioText = ({ id, label, ...props }) => (_jsxs("label", { htmlFor: id, className: "af-radio__text", children: [_jsx(RadioItem, { id: id, ...props }), _jsx("span", { className: "af-radio__label", children: label })] }));

package/dist/distributeur/Form/Experimental/Radio/_radioInputOptions.d.ts

@@ -0,0 +1,8 @@
+import type { RadioInputPropsButtonVariant, RadioInputPropsCardVariant } from "./RadioInput";
+type RadioInputOptionsProps = {
+    inputId: string;
+    isInvalid: boolean;
+    describedBy?: string;
+} & (Pick<RadioInputPropsCardVariant, "variant" | "options" | "showAddButton" | "orientation" | "onAdd"> | Pick<RadioInputPropsButtonVariant, "variant" | "options">);
+export declare const RadioInputOptions: ({ inputId, isInvalid, describedBy, ...props }: RadioInputOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/distributeur/Form/Experimental/Radio/_radioInputOptions.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AddRadioCard } from "./AddRadioCard";
+import { RadioButton } from "./RadioButton";
+import { RadioCard } from "./RadioCard";
+export const RadioInputOptions = ({ inputId, isInvalid, describedBy, ...props }) => (_jsxs(_Fragment, { children: [!props.variant || props.variant === "button"
+            ? props.options.map((o) => (_jsx(RadioButton, { ...o }, `${inputId}-${o.value}`)))
+            : null, props.variant === "card" ? (_jsxs(_Fragment, { children: [props.options.map((o) => (_jsx(RadioCard, { id: `${inputId}-${o.value}`, ...o, "aria-invalid": isInvalid, "aria-describedby": describedBy, orientation: props.orientation || "horizontal" }, `${inputId}-${o.value}`))), props.showAddButton ? (_jsx(AddRadioCard, { orientation: props.orientation || "horizontal", onClick: props.onAdd })) : null] })) : null] }));

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

@@ -7,3 +7,9 @@ export { TextInput } from "./TextInput";
 export type { TextInputProps } from "./TextInput";
 export type { InputBaseProps, LabelPosition, SingleLineLabelPosition, } from "./types";
 export { useInput } from "./useInput.hook";
+export { RadioButton, type RadioButtonProps } from "./Radio/RadioButton";
+export { RadioCard, type RadioCardProps } from "./Radio/RadioCard";
+export { RadioGroup, type RadioGroupProps } from "./Radio/RadioGroup";
+export { RadioInput, type RadioInputProps, type RadioInputPropsButtonVariant, type RadioInputPropsCardVariant, } from "./Radio/RadioInput";
+export { RadioItem, type RadioItemProps } from "./Radio/RadioItem";
+export { RadioText, type RadioTextProps } from "./Radio/RadioText";

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

@@ -5,3 +5,9 @@ export { ItemMessage } from "./ItemMessage";
 export { Label } from "./Label";
 export { TextInput } from "./TextInput";
 export { useInput } from "./useInput.hook";
+export { RadioButton } from "./Radio/RadioButton";
+export { RadioCard } from "./Radio/RadioCard";
+export { RadioGroup } from "./Radio/RadioGroup";
+export { RadioInput, } from "./Radio/RadioInput";
+export { RadioItem } from "./Radio/RadioItem";
+export { RadioText } from "./Radio/RadioText";

package/dist/distributeur/Form/Experimental/types.d.ts

@@ -35,7 +35,7 @@ export type InputBaseProps = {
      * - `leftAbove` will place the label above the input, aligned to the left. This is used to have the label above the input.
      * @default "centerLeft"
      */
-    labelPosition?: SingleLineLabelPosition;
+    labelPosition?: LabelPosition;
     /**
      * The help message to display below the input.
      */

package/dist/distributeur/Form/Experimental/useInput.hook.js

@@ -11,7 +11,7 @@ export const useInput = (props) => {
     });
     const labelClassName = getClassName({
         baseClassName: "af-label",
-        modifiers: [props.labelPosition === "above" && "top"],
+        modifiers: [props.labelPosition === "topLeft" && "top-left"],
         className: props.labelClassName,
     });
     const errorId = isInvalid ? `${inputId}-description` : undefined;

package/dist/distributeur-experimental.d.ts

@@ -1,2 +1,4 @@
+import "@axa-fr/canopee-css/distributeur/common/reboot.css";
+import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur-experimental.js

@@ -1,2 +1,4 @@
+import "@axa-fr/canopee-css/distributeur/common/reboot.css";
+import "@axa-fr/canopee-css/distributeur/common/tokens.css";
 export * from "./distributeur/Experimental/Restitution";
 export * from "./distributeur/Form/Experimental";

package/dist/distributeur.d.ts

@@ -72,3 +72,5 @@ export { CardData } from "./distributeur/CardData/CardData";
 export type { CardDataVariant } from "./distributeur/CardData/CardData";
 export { EditorialMessage, type EditorialMessageProps, type EditorialMessageType, } from "./distributeur/EditorialMessage/EditorialMessage";
 export { Timeline, type TimelineProps, type TimelineVariants, } from "./distributeur/Timeline/Timeline";
+export { CardButton, type CardButtonProps, } from "./distributeur/CardButton/CardButton";
+export { BaseCard, type BaseCardProps } from "./distributeur/Card/BaseCard";

package/dist/distributeur.js

@@ -61,3 +61,5 @@ export { SquareLoader } from "./distributeur/Loader/SquareLoader";
 export { CardData } from "./distributeur/CardData/CardData";
 export { EditorialMessage, } from "./distributeur/EditorialMessage/EditorialMessage";
 export { Timeline, } from "./distributeur/Timeline/Timeline";
+export { CardButton, } from "./distributeur/CardButton/CardButton";
+export { BaseCard } from "./distributeur/Card/BaseCard";

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { CardCheckboxOption } from "../CardCheckboxOption/CardCheckboxOptionApollo";
 import { CheckboxText } from "../CheckboxText/CheckboxTextApollo";
 import { CardCheckboxCommon, } from "./CardCheckboxCommon";

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

@@ -1,6 +1,6 @@
 import { type ComponentType, type ReactNode } from "react";
 import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
-import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessage";
 import type { CardCheckboxOptionProps } from "../CardCheckboxOption/CardCheckboxOptionCommon";
 import type { CheckboxTextProps } from "../CheckboxText/CheckboxTextCommon";
 type CheckboxOption = Omit<CardCheckboxOptionProps, "name" | "type">;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { CardCheckboxOption } from "../CardCheckboxOption/CardCheckboxOptionLF";
 import { CheckboxText } from "../CheckboxText/CheckboxTextLF";
 import { CardCheckboxCommon, } from "./CardCheckboxCommon";

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/Checkbox/CheckboxText/CheckboxTextApollo.css";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { Checkbox } from "../Checkbox/CheckboxApollo";
 import { CheckboxTextCommon, } from "./CheckboxTextCommon";
 export const CheckboxText = ({ ...props }) => (_jsx(CheckboxTextCommon, { ...props, CheckboxComponent: Checkbox, ItemMessageComponent: ItemMessage }));

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

@@ -1,6 +1,6 @@
 import { type ComponentType, type ReactNode } from "react";
 import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
-import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessage";
 import type { CheckboxProps } from "../Checkbox/CheckboxCommon";
 export type CheckboxTextProps = {
     label: string | ReactNode;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/Checkbox/CheckboxText/CheckboxTextLF.css";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { Checkbox } from "../Checkbox/CheckboxLF";
 import { CheckboxTextCommon, } from "./CheckboxTextCommon";
 export const CheckboxText = ({ ...props }) => (_jsx(CheckboxTextCommon, { ...props, CheckboxComponent: Checkbox, ItemMessageComponent: ItemMessage }));

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/Dropdown/DropdownApollo.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { DropdownCommon } from "./DropdownCommon";
 export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

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

@@ -1,7 +1,7 @@
 import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../ItemMessage/ItemMessage";
 export type DropdownProps = ComponentPropsWithRef<"select"> & {
     id?: string;
     classModifier?: string;
@@ -13,7 +13,7 @@ export type DropdownProps = ComponentPropsWithRef<"select"> & {
 } & 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>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 declare const DropdownCommon: {
     ({ id, required, label, placeholder, children, helper, message, messageType, description, moreButtonLabel, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }: DropdownCommonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { useId, } from "react";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
+import {} from "../ItemMessage/ItemMessage";
 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();

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/Dropdown/DropdownLF.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { DropdownCommon } from "./DropdownCommon";
 export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ItemLabel } from "../../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { InputFileCommon } from "./InputFileCommon";
 import "@axa-fr/canopee-css/prospect/Form/FileUpload/InputFile/InputFileApollo.css";
 const InputFile = ({ ...props }) => {

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

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

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

@@ -4,7 +4,7 @@ import { useId, } from "react";
 import { Svg } from "../../../Svg/Svg";
 import { getClassName } from "../../../utilities/getClassName";
 import {} from "../../ItemLabel/ItemLabelCommon";
-import {} from "../../ItemMessage/ItemMessageCommon";
+import {} from "../../ItemMessage/ItemMessage";
 const DEFAULT_DROPZONE_LABELS = {
     dropzone: "Glisser et déposer un fichier",
     or: "ou",

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ItemLabel } from "../../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { InputFileCommon } from "./InputFileCommon";
 import "@axa-fr/canopee-css/client/Form/FileUpload/InputFile/InputFileLF.css";
 const InputFile = ({ ...props }) => (_jsx(InputFileCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));