@axa-fr/design-system-apollo-react 3.2.0 → 4.0.0-alpha.1090

package/dist/Form/ItemLabel/ItemLabelApollo.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelApollo.css";
-import { Button } from "../../Button/ButtonApollo";
-import { ItemLabelCommon } from "./ItemLabelCommon";
-export const ItemLabel = (props) => (_jsx(ItemLabelCommon, { ...props, ButtonComponent: Button }));

package/dist/Form/ItemLabel/ItemLabelCommon.d.ts

@@ -1,103 +0,0 @@
-import { type ComponentProps, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
-import type { ButtonProps } from "../../Button/ButtonCommon";
-export type ItemLabelProps = ComponentProps<"label"> & {
-    /**
-     * Label text content
-     * @deprecated use `children` instead.
-     */
-    label?: ReactNode;
-    /**
-     * Additional description text that enriches the label.
-     * @example "Phone bill, EDF receipt, etc."
-     */
-    description?: ReactNode;
-    /**
-     * Shows a visual asterisk (*) indicator next to the label.
-     */
-    required?: boolean;
-    /**
-     * ID of the associated input element
-     * @deprecated use `htmlFor` instead.
-     */
-    inputId?: string;
-    /**
-     * Label content for the side action button.
-     * When provided, renders a secondary button next to the main label.
-     */
-    sideButtonLabel?: ReactNode;
-    /**
-     * Click handler for the side button
-     */
-    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Additional props to pass to the side button component.
-     */
-    sideButtonProps?: Omit<Partial<ButtonProps>, "children" | "onClick" | "variant" | "className">;
-    /**
-     * Label content for the more button
-     * @deprecated use `moreButtonLabel` instead.
-     */
-    buttonLabel?: ReactNode;
-    /**
-     * Click handler for the info button
-     * @deprecated use `onMoreButtonClick` instead.
-     */
-    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Label content for the more button
-     * When provided, renders an more button with an info icon.
-     */
-    moreButtonLabel?: ReactNode;
-    /**
-     * Click handler for the more button
-     */
-    onMoreButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Additional props to pass to the more button component.
-     */
-    moreButtonProps?: Omit<Partial<ButtonProps>, "children" | "onClick" | "variant" | "className">;
-};
-export type ItemLabelCommonProps = ItemLabelProps & {
-    ButtonComponent: ComponentType<ButtonProps>;
-};
-/**
- * A comprehensive label component for form items with support for descriptions and action buttons.
- *
- * This component provides an accessible label that can be enhanced with:
- * - Visual required field indicator (asterisk)
- * - Optional description text
- * - Optional side action button
- * - Optional more button with icon
- *
- * The component ensures proper accessibility by:
- * - Associating the label with form controls via htmlFor
- * - Providing appropriate ARIA attributes for screen readers
- * - Supporting keyboard navigation for interactive elements
- *
- * @example Basic usage
- * ```tsx
- * <ItemLabelCommon
- *   htmlFor="email-input"
- *   required
- *   ButtonComponent={Button}
- * >
- *   Email Address
- * </ItemLabelCommon>
- * ```
- *
- * @example With description and action buttons
- * ```tsx
- * <ItemLabelCommon
- *   htmlFor="document-upload"
- *   description="Accepted: PDF, JPG, PNG (max 5MB)"
- *   sideButtonLabel="Browse"
- *   onSideButtonClick={handleBrowse}
- *   moreButton="Help"
- *   onMoreButtonClick={handleShowHelp}
- *   ButtonComponent={Button}
- * >
- *   Proof of residence
- * </ItemLabelCommon>
- * ```
- */
-export declare const ItemLabelCommon: ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }: ItemLabelCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Form/ItemLabel/ItemLabelCommon.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import infoIcon from "@material-symbols/svg-400/outlined/info.svg";
-import { useId, } from "react";
-import { Svg } from "../../Svg/Svg";
-/**
- * A comprehensive label component for form items with support for descriptions and action buttons.
- *
- * This component provides an accessible label that can be enhanced with:
- * - Visual required field indicator (asterisk)
- * - Optional description text
- * - Optional side action button
- * - Optional more button with icon
- *
- * The component ensures proper accessibility by:
- * - Associating the label with form controls via htmlFor
- * - Providing appropriate ARIA attributes for screen readers
- * - Supporting keyboard navigation for interactive elements
- *
- * @example Basic usage
- * ```tsx
- * <ItemLabelCommon
- *   htmlFor="email-input"
- *   required
- *   ButtonComponent={Button}
- * >
- *   Email Address
- * </ItemLabelCommon>
- * ```
- *
- * @example With description and action buttons
- * ```tsx
- * <ItemLabelCommon
- *   htmlFor="document-upload"
- *   description="Accepted: PDF, JPG, PNG (max 5MB)"
- *   sideButtonLabel="Browse"
- *   onSideButtonClick={handleBrowse}
- *   moreButton="Help"
- *   onMoreButtonClick={handleShowHelp}
- *   ButtonComponent={Button}
- * >
- *   Proof of residence
- * </ItemLabelCommon>
- * ```
- */
-export const ItemLabelCommon = ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }) => {
-    const idDescription = useId();
-    const contentLabel = children ?? label;
-    const describedByIds = [description ? idDescription : null, ariaDescribedby]
-        .filter(Boolean)
-        .join(" ");
-    if (!contentLabel) {
-        return null;
-    }
-    return (_jsxs("div", { className: ["af-item-label", className].filter(Boolean).join(" "), style: style, children: [_jsxs("label", { htmlFor: htmlFor || inputId, className: "af-item-label__label", "aria-describedby": describedByIds || undefined, ...props, children: [contentLabel, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), sideButtonLabel ? (_jsx(ButtonComponent, { ...sideButtonProps, variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })) : null, description ? (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })) : null, moreButtonLabel || buttonLabel ? (_jsx(ButtonComponent, { iconLeft: _jsx(Svg, { src: infoIcon, role: "presentation" }), ...moreButtonProps, variant: "ghost", className: "af-item-label__more", onClick: onMoreButtonClick || onButtonClick, children: moreButtonLabel || buttonLabel })) : null] }));
-};

package/dist/Form/ItemLabel/ItemLabelLF.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelLF.css";
-import { type ItemLabelProps } from "./ItemLabelCommon";
-export declare const ItemLabel: (props: ItemLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/ItemLabel/ItemLabelLF.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelLF.css";
-import { Button } from "../../Button/ButtonLF";
-import { ItemLabelCommon } from "./ItemLabelCommon";
-export const ItemLabel = (props) => (_jsx(ItemLabelCommon, { ...props, ButtonComponent: Button }));

package/dist/Form/ItemMessage/ItemMessageApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageApollo.css";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/ItemMessage/ItemMessageApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageApollo.css";
-export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/ItemMessage/ItemMessageCommon.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from "react";
-export declare const itemMessageVariants: {
-    readonly error: "error";
-    readonly success: "success";
-    readonly warning: "warning";
-};
-export type ItemMessageVariants = keyof typeof itemMessageVariants;
-export type ItemMessageProps = {
-    message?: ReactNode;
-    id?: string;
-    messageType?: ItemMessageVariants;
-};
-export declare const ItemMessage: ({ message, id, messageType, }: ItemMessageProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Form/ItemMessage/ItemMessageCommon.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import successIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
-import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
-import warningIcon from "@material-symbols/svg-400/outlined/warning-fill.svg";
-import { Svg } from "../../Svg/Svg";
-export const itemMessageVariants = {
-    error: "error",
-    success: "success",
-    warning: "warning",
-};
-export const ItemMessage = ({ message, id, messageType = "error", }) => {
-    if (!message) {
-        return null;
-    }
-    const getIcon = () => {
-        if (messageType === "success")
-            return successIcon;
-        if (messageType === "warning")
-            return warningIcon;
-        return errorIcon;
-    };
-    return (_jsxs("small", { id: id, className: `af-item-message af-item-message--${messageType}`, role: messageType === "success" ? undefined : "alert", "aria-live": "assertive", children: [_jsx(Svg, { src: getIcon(), className: "af-item-message__icon", "aria-hidden": "true" }), _jsx("span", { className: "af-item-message__message", children: message })] }));
-};

package/dist/Form/ItemMessage/ItemMessageLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageLF.css";
-export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/ItemMessage/ItemMessageLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemMessage/ItemMessageLF.css";
-export { ItemMessage, itemMessageVariants, } from "./ItemMessageCommon";

package/dist/Form/Radio/CardRadio/CardRadioApollo.d.ts

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

package/dist/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/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioApollo.css";
-export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));

package/dist/Form/Radio/CardRadio/CardRadioCommon.d.ts

@@ -1,39 +0,0 @@
-import { type ComponentProps, type ComponentType, type PropsWithChildren, type ReactNode } from "react";
-import { type CardRadioOptionProps } from "../CardRadioOption/CardRadioOptionCommon";
-import { ItemMessage, type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
-type RadioOption = Omit<CardRadioOptionProps, "name" | "type" | "isInvalid">;
-export type CardRadioProps = Omit<CardRadioOptionProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children"> & {
-    type?: "vertical" | "horizontal";
-    /**
-     * @deprecated Use `label` instead.
-     */
-    labelGroup?: string;
-    /**
-     * @deprecated Use `description` instead.
-     */
-    descriptionGroup?: string;
-    label: ReactNode;
-    description?: ReactNode;
-    /**
-     * @deprecated Use `required` instead.
-     */
-    isRequired?: boolean;
-    /**
-     * @deprecated This prop is deprecated. To check an option, use the `checked` property in each item of the `options` array.
-     */
-    value?: number | string;
-    options: RadioOption[];
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: ReactNode;
-} & PropsWithChildren & Partial<ItemMessageProps>;
-export type CardRadioCommonProps = CardRadioProps & {
-    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;
-    displayName: string;
-};
-export { CardRadioCommon };

package/dist/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/Form/Radio/CardRadio/CardRadioLF.d.ts

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

package/dist/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/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioLF.css";
-export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, CardRadioOptionComponent: CardRadioOption, ItemMessageComponent: ItemMessage }));

package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.d.ts

@@ -1,3 +0,0 @@
-import { type CardRadioOptionProps } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css";
-export declare const CardRadioOption: (props: CardRadioOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "../../../Icon/IconApollo";
-import { Radio } from "../Radio/RadioApollo";
-import { CardRadioOptionCommon, } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css";
-export const CardRadioOption = (props) => (_jsx(CardRadioOptionCommon, { ...props, RadioComponent: Radio, IconComponent: Icon }));

package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.d.ts

@@ -1,50 +0,0 @@
-import { type ComponentProps, type ComponentType, type ReactNode } from "react";
-import type { Icon as IconCommon } from "../../../Icon/IconCommon";
-import { BasePicture } from "../../../BasePicture/BasePicture";
-import type { Radio } from "../Radio/RadioCommon";
-type BaseCardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
-    label: ReactNode;
-    description?: ReactNode;
-    subtitle?: ReactNode;
-};
-export type CardRadioOptionProps = (BaseCardRadioOptionProps & {
-    type?: "vertical" | "horizontal";
-    icon?: ComponentProps<typeof IconCommon>["src"];
-    src?: undefined;
-    basePictureProps?: undefined;
-}) | (BaseCardRadioOptionProps & {
-    type: "horizontal";
-    src?: ComponentProps<typeof BasePicture>["src"];
-    basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
-    icon?: undefined;
-});
-export type CardRadioOptionCommonProps = CardRadioOptionProps & {
-    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
-    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
-};
-export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<(Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
-    label: ReactNode;
-    description?: ReactNode;
-    subtitle?: ReactNode;
-} & {
-    type?: "vertical" | "horizontal";
-    icon?: ComponentProps<typeof IconCommon>["src"];
-    src?: undefined;
-    basePictureProps?: undefined;
-} & {
-    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
-    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
-}, "ref"> | Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
-    label: ReactNode;
-    description?: ReactNode;
-    subtitle?: ReactNode;
-} & {
-    type: "horizontal";
-    src?: ComponentProps<typeof BasePicture>["src"];
-    basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
-    icon?: undefined;
-} & {
-    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
-    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
-}, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.js

@@ -1,12 +0,0 @@
-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 })] })));
-CardRadioOptionCommon.displayName = "CardRadioOptionCommon";

package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.d.ts

@@ -1,3 +0,0 @@
-import { type CardRadioOptionProps } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css";
-export declare const CardRadioOption: (props: CardRadioOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "../../../Icon/IconLF";
-import { Radio } from "../Radio/RadioLF";
-import { CardRadioOptionCommon, } from "./CardRadioOptionCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css";
-export const CardRadioOption = (props) => (_jsx(CardRadioOptionCommon, { ...props, RadioComponent: Radio, IconComponent: Icon }));

package/dist/Form/Radio/Radio/RadioApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.css";
-export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.css";
-export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioCommon.d.ts

@@ -1,5 +0,0 @@
-import { type ComponentProps } from "react";
-export type RadioProps = Omit<ComponentProps<"input">, "disabled" | "type"> & {
-    isInvalid?: boolean;
-};
-export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Radio/Radio/RadioCommon.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-export const Radio = forwardRef(({ className, isInvalid, ...props }, ref) => (_jsx("input", { ...props, className: ["af-radio", isInvalid && "af-radio--invalid", className]
-        .filter(Boolean)
-        .join(" "), type: "radio", ref: ref })));
-Radio.displayName = "Radio";

package/dist/Form/Radio/Radio/RadioLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.css";
-export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.css";
-export { Radio } from "./RadioCommon";

package/dist/Form/TextArea/TextAreaApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.css";
-import { type TextAreaProps } from "./TextAreaCommon";
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/Form/TextArea/TextAreaApollo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.css";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-import { TextAreaCommon } from "./TextAreaCommon";
-export const TextArea = forwardRef((props, ref) => (_jsx(TextAreaCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-TextArea.displayName = "TextArea";

package/dist/Form/TextArea/TextAreaCommon.d.ts

@@ -1,17 +0,0 @@
-import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEventHandler } from "react";
-import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
-export type TextAreaProps = ComponentPropsWithRef<"textarea"> & {
-    helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
-} & Partial<ItemMessageProps & ItemLabelProps>;
-type TextAreaCommonProps = TextAreaProps & {
-    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
-};
-declare const TextAreaCommon: import("react").ForwardRefExoticComponent<Omit<TextAreaCommonProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-export { TextAreaCommon };

package/dist/Form/TextArea/TextAreaCommon.js

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

package/dist/Form/TextArea/TextAreaLF.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.css";
-import { type TextAreaProps } from "./TextAreaCommon";
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/Form/TextArea/TextAreaLF.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.css";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-import { TextAreaCommon } from "./TextAreaCommon";
-export const TextArea = forwardRef((props, ref) => (_jsx(TextAreaCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-TextArea.displayName = "TextArea";

package/dist/Grid/DebugGridApollo.d.ts

@@ -1,2 +0,0 @@
-import { type DebugGridProps } from "./DebugGridCommon";
-export declare const DebugGrid: <P extends object = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;

package/dist/Grid/DebugGridApollo.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardCheckboxOption } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo";
-import { DebugGridCommon } from "./DebugGridCommon";
-export const DebugGrid = ({ ...props }) => (_jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption }));

package/dist/Grid/DebugGridCommon.d.ts

@@ -1,11 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.css";
-import type { ComponentType } from "react";
-import type { CardCheckboxOptionProps } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon";
-export type DebugGridProps<P = object> = P & {
-    cols?: number;
-    isCheckedByDefault?: boolean;
-};
-export type DebugGridCommonProps<P = object> = DebugGridProps<P> & {
-    CardCheckboxOption: ComponentType<CardCheckboxOptionProps>;
-};
-export declare const DebugGridCommon: <P = object>({ cols, isCheckedByDefault, CardCheckboxOption, ...props }: DebugGridCommonProps<P>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Grid/DebugGridCommon.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Grid/DebugGrid.css";
-export const DebugGridCommon = ({ cols = 12, isCheckedByDefault = false, CardCheckboxOption, ...props }) => {
-    // The forceVisible prop is a hidden prop to force the component's visibility when building the storybook
-    const forceVisible = props?.forceVisible || false;
-    if (process.env.NODE_ENV === "production" && !forceVisible) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(CardCheckboxOption, { type: "horizontal", name: "debuggrid", label: "Grid", defaultChecked: isCheckedByDefault }), _jsx("div", { className: "debug-grid", role: "presentation", children: _jsx("div", { className: "grid", children: [...Array(cols).keys()].map((col) => (_jsx("div", { className: "cols" }, col))) }) })] }));
-};

package/dist/Grid/DebugGridLF.d.ts

@@ -1,2 +0,0 @@
-import { type DebugGridProps } from "./DebugGridCommon";
-export declare const DebugGrid: <P extends object = object>({ ...props }: DebugGridProps<P>) => import("react/jsx-runtime").JSX.Element;

package/dist/Grid/DebugGridLF.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardCheckboxOption } from "../Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF";
-import { DebugGridCommon } from "./DebugGridCommon";
-export const DebugGrid = ({ ...props }) => (_jsx(DebugGridCommon, { ...props, CardCheckboxOption: CardCheckboxOption }));

package/dist/Heading/HeadingApollo.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.css";
-import { HeadingProps } from "./types";
-export type { HeadingLevel, HeadingProps } from "./types";
-export declare const Heading: ({ tag, tagProps, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Heading/HeadingApollo.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingApollo.css";
-import { DEFAULT_TAG_PROPS, HeadingCommon } from "./HeadingCommon";
-import { Tag } from "../Tag/TagApollo";
-export const Heading = ({ tag, tagProps = {}, ...props }) => (_jsx(HeadingCommon, { ...props, tag: tag ? (_jsx(Tag, { ...DEFAULT_TAG_PROPS, ...tagProps, children: tag })) : null }));

package/dist/Heading/HeadingCommon.d.ts

@@ -1,15 +0,0 @@
-import type { JSX, PropsWithChildren, ReactNode } from "react";
-import { type IconProps } from "../Icon/IconCommon";
-import { type TagProps } from "../Tag/TagCommon";
-import { type HeadingLevel } from "./types";
-export type HeadingCommonProps = PropsWithChildren<{
-    level?: HeadingLevel;
-    icon?: string;
-    iconProps?: Omit<IconProps, "src">;
-    tag?: ReactNode;
-    firstSubtitle?: ReactNode;
-    secondSubtitle?: ReactNode;
-    className?: string;
-}> & JSX.IntrinsicElements["div"];
-export declare const DEFAULT_TAG_PROPS: TagProps;
-export declare const HeadingCommon: ({ children: title, className, firstSubtitle, secondSubtitle, level, icon, iconProps, tag, ...props }: HeadingCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Heading/HeadingCommon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
-import { Icon } from "../Icon/IconCommon";
-import { HeadingWithSubheadings } from "./HeadingWithSubheadings";
-export const DEFAULT_TAG_PROPS = {
-    variant: "neutral",
-};
-export const HeadingCommon = ({ children: title, className, firstSubtitle, secondSubtitle, level = 1, icon, iconProps = {}, tag, ...props }) => (_jsxs("div", { className: classNames("af-heading", className), ...props, children: [tag && level < 3 ? _jsx("div", { className: "af-heading__label", children: tag }) : null, icon && level === 1 ? (_jsx(Icon, { src: icon, size: "L", hasBackground: true, variant: "secondary", ...iconProps, className: classNames("af-heading__icon", iconProps.className) })) : null, _jsx(HeadingWithSubheadings, { title: title, firstSubtitle: firstSubtitle, titleComponent: `h${level}`, secondSubtitle: secondSubtitle })] }));

package/dist/Heading/HeadingLF.d.ts

@@ -1,4 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.css";
-import { HeadingProps } from "./types";
-export type { HeadingLevel, HeadingProps } from "./types";
-export declare const Heading: ({ tag, tagProps, ...props }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Heading/HeadingLF.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Heading/HeadingLF.css";
-import { DEFAULT_TAG_PROPS, HeadingCommon } from "./HeadingCommon";
-import { Tag } from "../Tag/TagLF";
-export const Heading = ({ tag, tagProps = {}, ...props }) => (_jsx(HeadingCommon, { ...props, tag: tag ? (_jsx(Tag, { ...DEFAULT_TAG_PROPS, ...tagProps, children: tag })) : null }));