@axa-fr/canopee-react 1.3.1-alpha.14 → 1.3.1-alpha.16

package/dist/client.d.ts

@@ -2,17 +2,19 @@ import "@axa-fr/canopee-css/client/common/rebootLF.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 { 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,7 +36,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, 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";
@@ -43,13 +47,19 @@ export { Heading, type HeadingLevel, } from "./prospect-client/Heading/HeadingLF
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconLF";
 export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarLF";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterLF";
+export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorLF";
 export { Link, linkVariants, type LinkVariants, } from "./prospect-client/Link/LinkLF";
 export { 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,3 @@ 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";

package/dist/client.js

@@ -2,17 +2,19 @@ import "@axa-fr/canopee-css/client/common/rebootLF.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 { 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,3 @@ 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";

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

@@ -0,0 +1,3 @@
+import { type CardRadioGroupProps } from "./CardRadioGroupCommon";
+import "@axa-fr/canopee-css/prospect/Form/Radio/CardRadioGroup/CardRadioGroupApollo.css";
+export declare const CardRadioGroup: (props: CardRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { CardRadioOption } from "../CardRadioOption/CardRadioOptionApollo";
+import { CardRadioGroupCommon, } from "./CardRadioGroupCommon";
+import "@axa-fr/canopee-css/prospect/Form/Radio/CardRadioGroup/CardRadioGroupApollo.css";
+export const CardRadioGroup = (props) => (_jsx(CardRadioGroupCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Form/Radio/{CardRadio/CardRadioCommon.d.ts → CardRadioGroup/CardRadioGroupCommon.d.ts}

@@ -1,9 +1,14 @@
 import { type ComponentProps, type ComponentType, type PropsWithChildren, type ReactNode } from "react";
-import { type CardRadioOptionProps } from "../CardRadioOption/CardRadioOptionCommon";
 import { ItemMessage, type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import { type CardRadioOptionProps } from "../CardRadioOption/CardRadioOptionCommon";
 type RadioOption = Omit<CardRadioOptionProps, "name" | "type" | "isInvalid">;
-export type CardRadioProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children"> & {
+export type CardRadioGroupProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children" | "position"> & {
+    /**
+     * @deprecated Use `position` and `cardStyle` instead.
+     */
     type?: "vertical" | "horizontal";
+    cardStyle?: CardRadioOptionProps["position"];
+    position?: "line" | "column";
     /**
      * @deprecated Use `label` instead.
      */
@@ -28,12 +33,12 @@ export type CardRadioProps = Omit<CardRadioOptionProps, "value" | "label" | "typ
      */
     error?: ReactNode;
 } & PropsWithChildren & Partial<ItemMessageProps>;
-export type CardRadioCommonProps = CardRadioProps & {
+export type CardRadioCommonProps = CardRadioGroupProps & {
     CardRadioOptionComponent: ComponentType<CardRadioOptionProps>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
-declare const CardRadioCommon: {
-    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type, error, message, messageType, name, value, id, CardRadioOptionComponent, ItemMessageComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
+declare const CardRadioGroupCommon: {
+    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, cardStyle, type, position, error, message, messageType, name, value, id, CardRadioOptionComponent, ItemMessageComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { CardRadioCommon };
+export { CardRadioGroupCommon };

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

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

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

@@ -0,0 +1,3 @@
+import { type CardRadioGroupProps } from "./CardRadioGroupCommon";
+import "@axa-fr/canopee-css/client/Form/Radio/CardRadioGroup/CardRadioGroupLF.css";
+export declare const CardRadioGroup: (props: CardRadioGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { CardRadioOption } from "../CardRadioOption/CardRadioOptionLF";
+import { CardRadioGroupCommon, } from "./CardRadioGroupCommon";
+import "@axa-fr/canopee-css/client/Form/Radio/CardRadioGroup/CardRadioGroupLF.css";
+export const CardRadioGroup = (props) => (_jsx(CardRadioGroupCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Form/Radio/CardRadioOption/CardRadioOptionCommon.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentProps, type ComponentType, type ReactNode } from "react";
-import type { Icon as IconCommon } from "../../../Icon/IconCommon";
 import { BasePicture } from "../../../BasePicture/BasePicture";
+import type { Icon as IconCommon } from "../../../Icon/IconCommon";
 import type { Radio } from "../Radio/RadioCommon";
 type BaseCardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     label: ReactNode;
@@ -8,7 +8,11 @@ type BaseCardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     subtitle?: ReactNode;
 };
 export type CardRadioOptionProps = BaseCardRadioOptionProps & {
+    /**
+     * @deprecated Use `position` instead.
+     */
     type?: "vertical" | "horizontal";
+    position?: "vertical" | "horizontal";
     icon?: ComponentProps<typeof IconCommon>["src"];
     src?: ComponentProps<typeof BasePicture>["src"];
     basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;

package/dist/prospect-client/Form/Radio/CardRadioOption/CardRadioOptionCommon.js

@@ -1,12 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, } from "react";
 import { BasePicture } from "../../../BasePicture/BasePicture";
-export const CardRadioOptionCommon = forwardRef(({ label, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }, ref) => (_jsxs("label", { className: [
-        "af-card-radio-option",
-        isInvalid && "af-card-radio-option--invalid",
-        type === "horizontal" && "af-card-radio-option--horizontal",
-        className,
-    ]
-        .filter(Boolean)
-        .join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, type === "horizontal" && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio-option__content", children: [_jsx("p", { className: "af-card-radio-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio-option__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid, ref: ref })] })));
+import { getClassName } from "../../../utilities/getClassName";
+export const CardRadioOptionCommon = forwardRef(({ label, position, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }, ref) => {
+    const isCardRadioOptionHorizontal = [position, type].includes("horizontal");
+    return (_jsxs("label", { className: getClassName({
+            baseClassName: "af-card-radio-option",
+            modifiers: [
+                isInvalid && "invalid",
+                isCardRadioOptionHorizontal && "horizontal",
+            ],
+            className,
+        }), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, isCardRadioOptionHorizontal && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio-option__content", children: [_jsx("p", { className: "af-card-radio-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio-option__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid, ref: ref })] }));
+});
 CardRadioOptionCommon.displayName = "CardRadioOptionCommon";

package/dist/prospect.d.ts

@@ -2,17 +2,19 @@ import "@axa-fr/canopee-css/prospect/common/reboot.css";
 import "@axa-fr/canopee-css/prospect/common/tokens.css";
 import "@axa-fr/canopee-css/prospect/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
-export { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { Accordion, accordionVariants, type AccordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
+export { AccordionContextual, accordionContextualVariants, type AccordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, type ButtonVariants, } from "./prospect-client/Button/ButtonApollo";
+export { Card, type CardProps } from "./prospect-client/Card/CardApollo";
 export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./prospect-client/CardMessage/CardMessageApollo";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconApollo";
 export { ContentItemDuoAction, type ContentItemDuoActionState, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo";
 export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMonoApollo";
 export { DataAgent } from "./prospect-client/DataAgent/DataAgentApollo";
 export { Divider } from "./prospect-client/Divider/DividerApollo";
+export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetApollo";
 export { CardCheckbox, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
@@ -30,7 +32,9 @@ export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
-export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";
+export { 
+/** @deprecated Use `CardRadioGroup` instead. */
+CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
@@ -39,13 +43,19 @@ export { Heading, type HeadingLevel, } from "./prospect-client/Heading/HeadingAp
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, type ItemTabBarProps, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
 export { Footer, type FooterProps, } from "./prospect-client/Layout/Footer/FooterApollo";
+export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
 export { Link, linkVariants, type LinkVariants, } from "./prospect-client/Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoApollo";
+export { List, type ListProps } from "./prospect-client/List/List/ListApollo";
 export { Message, messageVariants, type MessageVariants, } from "./prospect-client/Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalApollo";
+export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
+export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupApollo";
+export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonApollo";
+export { SkeletonList, type SkeletonListProps, } from "./prospect-client/SkeletonList/SkeletonListApollo";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./prospect-client/Spinner/SpinnerApollo";
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
 export { Svg } from "./prospect-client/Svg/Svg";
@@ -53,11 +63,3 @@ export { TabBar, tabBarDirection, type TabBarDirection, type TabBarProps, } from
 export { Tag, tagVariants, type TagVariants, } from "./prospect-client/Tag/TagApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
-export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
-export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
-export { Card, type CardProps } from "./prospect-client/Card/CardApollo";
-export { List, type ListProps } from "./prospect-client/List/List/ListApollo";
-export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
-export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonApollo";
-export { SkeletonList, type SkeletonListProps, } from "./prospect-client/SkeletonList/SkeletonListApollo";
-export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetApollo";

package/dist/prospect.js

@@ -2,17 +2,19 @@ import "@axa-fr/canopee-css/prospect/common/reboot.css";
 import "@axa-fr/canopee-css/prospect/common/tokens.css";
 import "@axa-fr/canopee-css/prospect/Grid/Grid.css";
 import "@fontsource/source-sans-pro";
-export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { Accordion, accordionVariants, } from "./prospect-client/Accordion/AccordionApollo";
+export { AccordionContextual, accordionContextualVariants, } from "./prospect-client/AccordionContextual/AccordionContextualApollo";
 export { AccordionCore } from "./prospect-client/AccordionCore/AccordionCoreApollo";
 export { BasePicture } from "./prospect-client/BasePicture/BasePicture";
 export { Button, buttonVariants, } from "./prospect-client/Button/ButtonApollo";
+export { Card } from "./prospect-client/Card/CardApollo";
 export { CardMessage, cardMessageVariants, } from "./prospect-client/CardMessage/CardMessageApollo";
 export { ClickIcon } from "./prospect-client/ClickIcon/ClickIconApollo";
 export { ContentItemDuoAction, } from "./prospect-client/ContentItemDuoAction/ContentItemDuoActionApollo";
 export { ContentItemMono } from "./prospect-client/ContentItemMono/ContentItemMonoApollo";
 export { DataAgent } from "./prospect-client/DataAgent/DataAgentApollo";
 export { Divider } from "./prospect-client/Divider/DividerApollo";
+export { Fieldset, } from "./prospect-client/Fieldset/FieldsetApollo";
 export { CardCheckbox, 
 /** @deprecated Use `CardCheckbox` instead. */
 CardCheckbox as CheckboxCard, } from "./prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo";
@@ -29,7 +31,9 @@ export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
-export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";
+export { 
+/** @deprecated Use `CardRadioGroup` instead. */
+CardRadioGroup as CardRadio, CardRadioGroup, } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { CardRadioOption } from "./prospect-client/Form/Radio/CardRadioOption/CardRadioOptionApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";
 export { TextArea } from "./prospect-client/Form/TextArea/TextAreaApollo";
@@ -38,13 +42,19 @@ export { Heading, } from "./prospect-client/Heading/HeadingApollo";
 export { Icon, iconSizeVariants, iconVariants, } from "./prospect-client/Icon/IconApollo";
 export { ItemTabBar, } from "./prospect-client/ItemTabBar/ItemTabBarApollo";
 export { Footer, } from "./prospect-client/Layout/Footer/FooterApollo";
+export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
 export { Link, linkVariants, } from "./prospect-client/Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./prospect-client/List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./prospect-client/List/ContentItemDuo/ContentItemDuoApollo";
+export { List } from "./prospect-client/List/List/ListApollo";
 export { Message, messageVariants, } from "./prospect-client/Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./prospect-client/Modal/ModalApollo";
+export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
+export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ProgressBar } from "./prospect-client/ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./prospect-client/ProgressBarGroup/ProgressBarGroupApollo";
+export { Skeleton, } from "./prospect-client/Skeleton/SkeletonApollo";
+export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListApollo";
 export { Spinner, spinnerVariants, } from "./prospect-client/Spinner/SpinnerApollo";
 export { Stepper } from "./prospect-client/Stepper/StepperApollo";
 export { Svg } from "./prospect-client/Svg/Svg";
@@ -52,11 +62,3 @@ export { TabBar, tabBarDirection, } from "./prospect-client/TabBar/TabBarApollo"
 export { Tag, tagVariants, } from "./prospect-client/Tag/TagApollo";
 export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVerticalApollo";
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
-export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
-export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
-export { Card } from "./prospect-client/Card/CardApollo";
-export { List } from "./prospect-client/List/List/ListApollo";
-export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
-export { Skeleton, } from "./prospect-client/Skeleton/SkeletonApollo";
-export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListApollo";
-export { Fieldset, } from "./prospect-client/Fieldset/FieldsetApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.3.1-alpha.14",
+  "version": "1.3.1-alpha.16",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.3.1-alpha.14",
+    "@axa-fr/canopee-css": "1.3.1-alpha.16",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioApollo.d.ts

@@ -1,3 +0,0 @@
-import { type CardRadioProps } from "./CardRadioCommon";
-import "@axa-fr/canopee-css/prospect/Form/Radio/CardRadio/CardRadioApollo.css";
-export declare const CardRadio: (props: CardRadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioApollo.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardRadioOption } from "../CardRadioOption/CardRadioOptionApollo";
-import { CardRadioCommon } from "./CardRadioCommon";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
-import "@axa-fr/canopee-css/prospect/Form/Radio/CardRadio/CardRadioApollo.css";
-export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioCommon.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, } from "react";
-const CardRadioCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type = "vertical", error, message, messageType = "error", name, value, id, CardRadioOptionComponent, ItemMessageComponent, ...inputProps }) => {
-    const generatedId = useId();
-    const cardRadioId = id ?? generatedId;
-    const messageId = `${cardRadioId}-error`;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    return (_jsxs("fieldset", { className: ["af-card-radio", className].filter(Boolean).join(" "), role: "radiogroup", "aria-required": Boolean(required) || undefined, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, id: cardRadioId, children: [_jsxs("legend", { className: "af-card-radio__legend", children: [_jsxs("p", { className: "af-card-radio__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-radio__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
-                    "af-card-radio__options",
-                    `af-card-radio__options--${type}`,
-                ].join(" "), children: options.map((cardRadioItemProps) => (_jsx(CardRadioOptionComponent, { id: `${cardRadioId}-${cardRadioItemProps.value}`, checked: value !== undefined
-                        ? value === cardRadioItemProps.value
-                        : undefined, required: required, ...inputProps, ...cardRadioItemProps, type: type, isInvalid: hasError, name: name }, `${name ?? cardRadioId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
-};
-CardRadioCommon.displayName = "CardRadioCommon";
-export { CardRadioCommon };

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioLF.d.ts

@@ -1,3 +0,0 @@
-import { type CardRadioProps } from "./CardRadioCommon";
-import "@axa-fr/canopee-css/client/Form/Radio/CardRadio/CardRadioLF.css";
-export declare const CardRadio: (props: CardRadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioLF.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardRadioOption } from "../CardRadioOption/CardRadioOptionLF";
-import { CardRadioCommon } from "./CardRadioCommon";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
-import "@axa-fr/canopee-css/client/Form/Radio/CardRadio/CardRadioLF.css";
-export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));