@axa-fr/canopee-react 1.0.0-alpha.1089

package/dist/distributeur/Tag/Tag.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Tag/Tag.css";
+import { forwardRef } from "react";
+import { getComponentClassNameWithUserClassname } from "../utilities/helpers/getComponentClassName";
+/**
+ * Tag component to display a label with various styles.
+ *
+ * @component
+ * @example
+ * // Basic usage
+ * <Tag variant="success">Success Tag</Tag>
+ *
+ * @param {React.ReactNode} props.children - The content to be displayed inside the tag.
+ * @param {React.Ref<HTMLSpanElement>} ref - The ref to the span element.
+ * @returns {JSX.Element} The rendered Tag component.
+ */
+export const Tag = forwardRef(({ children, className, classModifier, variant, ...otherProps }, ref) => {
+    const actualModifier = variant || classModifier || "default";
+    const componentClassName = getComponentClassNameWithUserClassname({
+        userClassName: className,
+        classModifier: actualModifier,
+        componentClassName: "af-tag",
+    });
+    // Kept for backward compatibility. May be removed in a future version
+    const badgeClassName = getComponentClassNameWithUserClassname({
+        userClassName: className,
+        classModifier: actualModifier,
+        componentClassName: "af-badge",
+    });
+    return (_jsx("span", { ref: ref, className: `${componentClassName} ${badgeClassName}`, ...otherProps, children: children }));
+});
+Tag.displayName = "Tag";

package/dist/distributeur/Title/Title.d.ts

@@ -0,0 +1,11 @@
+import "@axa-fr/canopee-css/distributeur/Title/Title.css";
+import { ComponentPropsWithRef, PropsWithChildren, ReactElement, ReactNode } from "react";
+type Headings = "h2" | "h3" | "h4";
+type TitleProps = ComponentPropsWithRef<"h2"> & {
+    classModifier?: string;
+    heading?: Headings;
+    contentLeft?: ReactElement;
+    contentRight?: ReactNode;
+};
+export declare const Title: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<TitleProps>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/distributeur/Title/Title.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/Title/Title.css";
+import { forwardRef, } from "react";
+import { getComponentClassName } from "../utilities";
+const baseClass = "af-title";
+export const Title = forwardRef(({ className, classModifier, children, heading: Heading = "h2", contentLeft, contentRight, ...otherProps }, ref) => {
+    const componentClassName = getComponentClassName(className, classModifier, baseClass);
+    return (_jsxs("div", { className: `${baseClass}--container`, children: [_jsxs(Heading, { ref: ref, className: componentClassName, ...otherProps, children: [children, contentLeft] }), contentRight ? (_jsx("div", { className: "content-right", children: contentRight })) : null] }));
+});
+Title.displayName = "Title";

package/dist/distributeur/utilities/constants.d.ts

@@ -0,0 +1,6 @@
+export declare enum BREAKPOINT {
+    SM = 667,
+    MD = 1023,
+    LG = 1279,
+    XL = 1599
+}

package/dist/distributeur/utilities/constants.js

@@ -0,0 +1,7 @@
+export var BREAKPOINT;
+(function (BREAKPOINT) {
+    BREAKPOINT[BREAKPOINT["SM"] = 667] = "SM";
+    BREAKPOINT[BREAKPOINT["MD"] = 1023] = "MD";
+    BREAKPOINT[BREAKPOINT["LG"] = 1279] = "LG";
+    BREAKPOINT[BREAKPOINT["XL"] = 1599] = "XL";
+})(BREAKPOINT || (BREAKPOINT = {}));

package/dist/distributeur/utilities/helpers/date.d.ts

@@ -0,0 +1 @@
+export declare const formatDateInputValue: (value?: Date | string) => string | undefined;

package/dist/distributeur/utilities/helpers/date.js

@@ -0,0 +1,4 @@
+const MAXIMUM_SIZE_DATE = 10;
+export const formatDateInputValue = (value) => value instanceof Date
+    ? value.toISOString().slice(0, MAXIMUM_SIZE_DATE)
+    : value;

package/dist/distributeur/utilities/helpers/generateId.d.ts

@@ -0,0 +1 @@
+export declare const generateId: (item: object) => string;

package/dist/distributeur/utilities/helpers/generateId.js

@@ -0,0 +1,10 @@
+let counter = 1;
+const map = new WeakMap();
+export const generateId = (item) => {
+    if (!map.has(item)) {
+        map.set(item, counter);
+        counter += 1;
+        return generateId(item);
+    }
+    return `id-${map.get(item)}`;
+};

package/dist/distributeur/utilities/helpers/getClassName.d.ts

@@ -0,0 +1,20 @@
+type getClassNameParams = {
+    baseClassName: string;
+    modifiers?: Array<string | boolean | undefined>;
+    className?: string;
+};
+/**
+ * Generates a CSS class string from a base class name, optional modifiers, and an additional class name.
+ *
+ * @param {string} params.baseClassName - The base class name (required).
+ * @param {Array<string|boolean|undefined>} [params.modifiers] - List of modifiers to append as `${baseClassName}--{modifier}`. Falsy values are ignored.
+ * @param {string} [params.className] - Additional class name(s) to append to the final string.
+ * @returns {string} The concatenated CSS class string, separated by spaces.
+ *
+ * @example
+ * const isLarge = false;
+ * getClassName({ baseClassName: 'af-button', modifiers: ['primary', isLarge && 'large'], className: 'custom-class' })
+ * // Returns: 'af-button af-button--primary custom-class'
+ */
+export declare const getClassName: ({ baseClassName, modifiers, className, }: getClassNameParams) => string;
+export {};

package/dist/distributeur/utilities/helpers/getClassName.js

@@ -0,0 +1,24 @@
+/**
+ * Generates a CSS class string from a base class name, optional modifiers, and an additional class name.
+ *
+ * @param {string} params.baseClassName - The base class name (required).
+ * @param {Array<string|boolean|undefined>} [params.modifiers] - List of modifiers to append as `${baseClassName}--{modifier}`. Falsy values are ignored.
+ * @param {string} [params.className] - Additional class name(s) to append to the final string.
+ * @returns {string} The concatenated CSS class string, separated by spaces.
+ *
+ * @example
+ * const isLarge = false;
+ * getClassName({ baseClassName: 'af-button', modifiers: ['primary', isLarge && 'large'], className: 'custom-class' })
+ * // Returns: 'af-button af-button--primary custom-class'
+ */
+export const getClassName = ({ baseClassName, modifiers = [], className = "", }) => {
+    const parsedModifiers = modifiers
+        .filter(Boolean)
+        .map((modifier) => `${baseClassName}--${modifier}`);
+    const classList = [
+        baseClassName,
+        ...parsedModifiers,
+        ...className.split(" "),
+    ].filter(Boolean);
+    return Array.from(new Set(classList)).join(" ");
+};

package/dist/distributeur/utilities/helpers/getComponentClassName.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
+ * Generates a component class name string based on provided class names and modifiers.
+ *
+ * @param {string} [className] - The base class name.
+ * @param {string} [classModifier] - A space-separated string of class modifiers.
+ * @param {string} [defaultClassName] - The default class name to use if className is not provided.
+ * @returns {string} The generated class name string.
+ */
+export declare const getComponentClassName: (className?: string, classModifier?: string, defaultClassName?: string) => string;
+type getComponentClassNameWithUserClassnameParams = {
+    userClassName?: string;
+    classModifier?: string;
+    componentClassName: string;
+};
+/**
+ * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
+ */
+export declare const getComponentClassNameWithUserClassname: ({ componentClassName, userClassName, classModifier, }: getComponentClassNameWithUserClassnameParams) => string;
+export {};

package/dist/distributeur/utilities/helpers/getComponentClassName.js

@@ -0,0 +1,54 @@
+import classNames from "classnames";
+const getLastClassName = (classNameToUse) => {
+    if (!classNameToUse) {
+        return null;
+    }
+    return classNameToUse.split(" ").filter(Boolean).at(-1);
+};
+const listClassModifier = (classModifier) => {
+    if (!classModifier) {
+        return [];
+    }
+    return classModifier.split(" ");
+};
+/**
+ * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
+ * Generates a component class name string based on provided class names and modifiers.
+ *
+ * @param {string} [className] - The base class name.
+ * @param {string} [classModifier] - A space-separated string of class modifiers.
+ * @param {string} [defaultClassName] - The default class name to use if className is not provided.
+ * @returns {string} The generated class name string.
+ */
+export const getComponentClassName = (className, classModifier, defaultClassName) => {
+    const classNameToUse = className || defaultClassName;
+    // Fail fast, when no className or defaultClassName we don't want to loop on modifier
+    if (!classNameToUse) {
+        return "";
+    }
+    const classWithoutModifier = getLastClassName(classNameToUse);
+    const modifiers = listClassModifier(classModifier);
+    const modifiersObject = modifiers
+        .filter((it) => /\S/.test(it))
+        .map((it) => {
+        return `${classWithoutModifier}--${it}`;
+    });
+    return classNames(classNameToUse, modifiersObject);
+};
+/**
+ * @deprecated This function is deprecated and will be removed in a future release. Use getClassName instead.
+ */
+export const getComponentClassNameWithUserClassname = ({ componentClassName, userClassName, classModifier, }) => {
+    // Fail fast, when no className or componentClassName we don't want to loop on modifier
+    if (!componentClassName) {
+        return "";
+    }
+    const classWithoutModifier = getLastClassName(componentClassName);
+    const modifiers = listClassModifier(classModifier);
+    const modifiersObject = modifiers
+        .filter((it) => /\S/.test(it))
+        .map((it) => {
+        return `${classWithoutModifier}--${it}`;
+    });
+    return classNames(componentClassName, modifiersObject, userClassName);
+};

package/dist/distributeur/utilities/hooks/useIsSmallScreen.d.ts

@@ -0,0 +1 @@
+export declare const useIsSmallScreen: (breakPointToCheck: number) => boolean;

package/dist/distributeur/utilities/hooks/useIsSmallScreen.js

@@ -0,0 +1,14 @@
+import { useCallback, useSyncExternalStore } from "react";
+export const useIsSmallScreen = (breakPointToCheck) => {
+    const subscribe = useCallback((listener) => {
+        window.addEventListener("resize", listener);
+        return () => {
+            window.removeEventListener("resize", listener);
+        };
+    }, []);
+    const getSnapshot = useCallback(() => {
+        return window.innerWidth <= breakPointToCheck;
+    }, [breakPointToCheck]);
+    const getServerSnapshot = useCallback(() => false, []);
+    return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};

package/dist/distributeur/utilities.d.ts

@@ -0,0 +1,3 @@
+export { BREAKPOINT } from "./utilities/constants";
+export { getComponentClassName } from "./utilities/helpers/getComponentClassName";
+export { useIsSmallScreen } from "./utilities/hooks/useIsSmallScreen";

package/dist/distributeur/utilities.js

@@ -0,0 +1,3 @@
+export { BREAKPOINT } from "./utilities/constants";
+export { getComponentClassName } from "./utilities/helpers/getComponentClassName";
+export { useIsSmallScreen } from "./utilities/hooks/useIsSmallScreen";

package/dist/distributeur.d.ts

@@ -0,0 +1,63 @@
+import "@axa-fr/canopee-css/distributeur/common/grid.css";
+import "@axa-fr/canopee-css/distributeur/common/icons.css";
+import "@axa-fr/canopee-css/distributeur/common/reboot.css";
+import "@axa-fr/canopee-css/distributeur/common/tokens.css";
+import "@axa-fr/canopee-css/distributeur/Form/core/FormCore.css";
+import "@fontsource/source-sans-pro/400.css";
+import "@fontsource/source-sans-pro/700.css";
+import { Message } from "./distributeur/Messages/Message";
+import { Tag } from "./distributeur/Tag/Tag";
+export { Action } from "./distributeur/Action/Action";
+export { Button } from "./distributeur/Button/Button";
+export type { ButtonVariant } from "./distributeur/Button/Button";
+export { Card } from "./distributeur/Card/Card";
+export { Divider } from "./distributeur/Divider/Divider";
+export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./distributeur/Form/Checkbox";
+export { Choice, ChoiceInput } from "./distributeur/Form/Choice";
+export { LegacyField as Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
+export { Date, DateInput } from "./distributeur/Form/Date";
+export { File, FileInput, FileTable, type FilePreview, } from "./distributeur/Form/File";
+export { MultiSelect, MultiSelectInput } from "./distributeur/Form/MultiSelect";
+export { NestedQuestion } from "./distributeur/Form/NestedQuestion/NestedQuestion";
+export { Number, NumberInput } from "./distributeur/Form/Number";
+export { Pass, PassInput } from "./distributeur/Form/Pass";
+export { Radio, RadioInput, RadioItem, RadioModes, } from "./distributeur/Form/Radio";
+export { Select, SelectBase, SelectInput } from "./distributeur/Form/Select";
+export { Slider, SliderInput } from "./distributeur/Form/Slider";
+export { Text, TextInput } from "./distributeur/Form/Text";
+export { Textarea, TextareaInput } from "./distributeur/Form/Textarea";
+export { Footer } from "./distributeur/Layout/Footer";
+export { Header, HeaderTitle, Infos, MenuTitleWrapper, Name, NavBar, NavBarBase, NavBarItem, NavBarItemBase, NavBarItemLink, ToggleButton, User, type AnchorNavBarItem, } from "./distributeur/Layout/Header";
+export { MainContainer } from "./distributeur/Layout/MainContainer/MainContainer";
+export { Link, type LinkProps } from "./distributeur/Link/Link";
+export { BooleanModal, Modal, ModalBody, ModalFooter, ModalHeader, ModalHeaderBase, } from "./distributeur/ModalAgent";
+export { ArticleRestitution, HeaderRestitution, Restitution, RestitutionList, SectionRestitution, SectionRestitutionColumn, SectionRestitutionRow, SectionRestitutionTitle, } from "./distributeur/Restitution";
+export { Step, StepBase, Steps, VerticalStep } from "./distributeur/Steps";
+export type { VerticalStepMode } from "./distributeur/Steps/types";
+export { Summary } from "./distributeur/Summary";
+export { Svg } from "./distributeur/Svg";
+export { Tabs } from "./distributeur/Tabs/Tabs";
+export { Title } from "./distributeur/Title/Title";
+export { getComponentClassName } from "./distributeur/utilities";
+/** @deprecated Use `Tag` instead. */
+declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("react").PropsWithChildren<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+    classModifier?: string;
+    variant?: import("./distributeur").TagVariants;
+    disabled?: boolean;
+}>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export type { TagVariants } from "./distributeur/Tag/Tag";
+export { Badge, Tag };
+/**
+ * @deprecated `Alert` has been renamed `Message` in order to comply with UX naming of components. Use `Message` instead.
+ * @see {@link Message}
+ */
+declare const Alert: ({ className, onClose, icon, title, children, classModifier, variant, closeButtonAriaLabel, }: import("react").PropsWithChildren<import("./distributeur").MessageProps>) => import("react/jsx-runtime").JSX.Element;
+export * from "./distributeur/Accordion";
+export { type MessageProps, type MessageVariants, } from "./distributeur/Messages/Message";
+export * from "./distributeur/Popover";
+export * from "./distributeur/Table";
+export { Alert, Message };
+export { HelpButton } from "./distributeur/HelpButton";
+export { Loader } from "./distributeur/Loader/Loader";
+export { CardData } from "./distributeur/CardData/CardData";
+export type { CardDataVariant } from "./distributeur/CardData/CardData";

package/dist/distributeur.js

@@ -0,0 +1,54 @@
+import "@axa-fr/canopee-css/distributeur/common/grid.css";
+import "@axa-fr/canopee-css/distributeur/common/icons.css";
+import "@axa-fr/canopee-css/distributeur/common/reboot.css";
+import "@axa-fr/canopee-css/distributeur/common/tokens.css";
+import "@axa-fr/canopee-css/distributeur/Form/core/FormCore.css";
+import "@fontsource/source-sans-pro/400.css";
+import "@fontsource/source-sans-pro/700.css";
+import { Message } from "./distributeur/Messages/Message";
+import { Tag } from "./distributeur/Tag/Tag";
+export { Action } from "./distributeur/Action/Action";
+export { Button } from "./distributeur/Button/Button";
+export { Card } from "./distributeur/Card/Card";
+export { Divider } from "./distributeur/Divider/Divider";
+export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./distributeur/Form/Checkbox";
+export { Choice, ChoiceInput } from "./distributeur/Form/Choice";
+export { LegacyField as Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./distributeur/Form/core";
+export { Date, DateInput } from "./distributeur/Form/Date";
+export { File, FileInput, FileTable, } from "./distributeur/Form/File";
+export { MultiSelect, MultiSelectInput } from "./distributeur/Form/MultiSelect";
+export { NestedQuestion } from "./distributeur/Form/NestedQuestion/NestedQuestion";
+export { Number, NumberInput } from "./distributeur/Form/Number";
+export { Pass, PassInput } from "./distributeur/Form/Pass";
+export { Radio, RadioInput, RadioItem, RadioModes, } from "./distributeur/Form/Radio";
+export { Select, SelectBase, SelectInput } from "./distributeur/Form/Select";
+export { Slider, SliderInput } from "./distributeur/Form/Slider";
+export { Text, TextInput } from "./distributeur/Form/Text";
+export { Textarea, TextareaInput } from "./distributeur/Form/Textarea";
+export { Footer } from "./distributeur/Layout/Footer";
+export { Header, HeaderTitle, Infos, MenuTitleWrapper, Name, NavBar, NavBarBase, NavBarItem, NavBarItemBase, NavBarItemLink, ToggleButton, User, } from "./distributeur/Layout/Header";
+export { MainContainer } from "./distributeur/Layout/MainContainer/MainContainer";
+export { Link } from "./distributeur/Link/Link";
+export { BooleanModal, Modal, ModalBody, ModalFooter, ModalHeader, ModalHeaderBase, } from "./distributeur/ModalAgent";
+export { ArticleRestitution, HeaderRestitution, Restitution, RestitutionList, SectionRestitution, SectionRestitutionColumn, SectionRestitutionRow, SectionRestitutionTitle, } from "./distributeur/Restitution";
+export { Step, StepBase, Steps, VerticalStep } from "./distributeur/Steps";
+export { Summary } from "./distributeur/Summary";
+export { Svg } from "./distributeur/Svg";
+export { Tabs } from "./distributeur/Tabs/Tabs";
+export { Title } from "./distributeur/Title/Title";
+export { getComponentClassName } from "./distributeur/utilities";
+/** @deprecated Use `Tag` instead. */
+const Badge = Tag;
+export { Badge, Tag };
+/**
+ * @deprecated `Alert` has been renamed `Message` in order to comply with UX naming of components. Use `Message` instead.
+ * @see {@link Message}
+ */
+const Alert = Message;
+export * from "./distributeur/Accordion";
+export * from "./distributeur/Popover";
+export * from "./distributeur/Table";
+export { Alert, Message };
+export { HelpButton } from "./distributeur/HelpButton";
+export { Loader } from "./distributeur/Loader/Loader";
+export { CardData } from "./distributeur/CardData/CardData";

package/dist/prospect-client/Accordion/AccordionApollo.d.ts

@@ -0,0 +1,4 @@
+import { type AccordionProps } from "./AccordionCommon";
+import "@axa-fr/canopee-css/prospect/Accordion/AccordionApollo.css";
+export declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export { type AccordionVariants, accordionVariants } from "./AccordionCommon";

package/dist/prospect-client/Accordion/AccordionApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionCore } from "../AccordionCore/AccordionCoreApollo";
+import { Tag } from "../Tag/TagApollo";
+import { Icon } from "../Icon/IconApollo";
+import { AccordionCommon } from "./AccordionCommon";
+import "@axa-fr/canopee-css/prospect/Accordion/AccordionApollo.css";
+export const Accordion = (props) => (_jsx(AccordionCommon, { ...props, AccordionCoreComponent: AccordionCore, TagComponent: Tag, IconComponent: Icon }));
+export { accordionVariants } from "./AccordionCommon";

package/dist/prospect-client/Accordion/AccordionCommon.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentProps, ComponentType } from "react";
+import type { TagProps } from "../Tag/TagCommon";
+import type { IconProps } from "../Icon/IconCommon";
+import type { AccordionCoreProps } from "../AccordionCore/AccordionCoreCommon";
+export declare const accordionVariants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+};
+export type AccordionVariants = (typeof accordionVariants)[keyof typeof accordionVariants];
+export type AccordionProps = {
+    variant?: AccordionVariants;
+    title: string;
+    subtitle?: string;
+    icon?: string;
+    info1: string;
+    info2: string;
+    dateLabel?: string;
+    dateProps?: Omit<ComponentProps<"time">, "children">;
+    tagLabel?: string;
+    tagProps?: Omit<TagProps, "children">;
+    isPlain?: boolean;
+} & Omit<AccordionCoreProps, "summary">;
+type AccordionCommonProps = AccordionProps & {
+    AccordionCoreComponent: ComponentType<AccordionCoreProps>;
+    TagComponent: ComponentType<TagProps>;
+    IconComponent: ComponentType<IconProps>;
+};
+export declare const AccordionCommon: ({ variant, className, children, icon, title, subtitle, tagLabel, tagProps, dateLabel, dateProps, info1, info2, AccordionCoreComponent, TagComponent, IconComponent, isPlain, ...accordionCoreProps }: AccordionCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/Accordion/AccordionCommon.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const accordionVariants = {
+    primary: "primary",
+    secondary: "secondary",
+};
+export const AccordionCommon = ({ variant = accordionVariants.primary, className, children, icon, title, subtitle, tagLabel, tagProps, dateLabel, dateProps, info1, info2, AccordionCoreComponent, TagComponent, IconComponent, isPlain, ...accordionCoreProps }) => (_jsx(AccordionCoreComponent, { className: getClassName({
+        baseClassName: "af-apollo-accordion",
+        modifiers: [variant, isPlain && "plain"],
+        className,
+    }), summary: _jsxs(_Fragment, { children: [icon ? (_jsx(IconComponent, { role: "presentation", src: icon, variant: "primary", size: "S", className: "af-accordion__icon" })) : null, _jsx("p", { className: "af-accordion__title", children: title }), subtitle ? _jsx("p", { className: "af-accordion__subtitle", children: subtitle }) : null, tagLabel ? (_jsx(TagComponent, { variant: "warning", ...tagProps, className: getClassName({
+                    baseClassName: "af-accordion__tag-container",
+                    className: tagProps?.className,
+                }), children: tagLabel })) : null, dateLabel ? (_jsx("time", { ...dateProps, className: getClassName({
+                    baseClassName: "af-accordion__date",
+                    className: dateProps?.className,
+                }), children: dateLabel })) : null, info1 ? _jsx("p", { className: "af-accordion__info1", children: info1 }) : null, info2 ? _jsx("p", { className: "af-accordion__info2", children: info2 }) : null] }), ...accordionCoreProps, children: children }));

package/dist/prospect-client/Accordion/AccordionLF.d.ts

@@ -0,0 +1,4 @@
+import { type AccordionProps } from "./AccordionCommon";
+import "@axa-fr/canopee-css/client/Accordion/AccordionLF.css";
+export declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export { type AccordionVariants, accordionVariants } from "./AccordionCommon";

package/dist/prospect-client/Accordion/AccordionLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionCore } from "../AccordionCore/AccordionCoreLF";
+import { Tag } from "../Tag/TagLF";
+import { AccordionCommon } from "./AccordionCommon";
+import { Icon } from "../Icon/IconCommon";
+import "@axa-fr/canopee-css/client/Accordion/AccordionLF.css";
+export const Accordion = (props) => (_jsx(AccordionCommon, { ...props, AccordionCoreComponent: AccordionCore, TagComponent: Tag, IconComponent: Icon }));
+export { accordionVariants } from "./AccordionCommon";

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

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/prospect/AccordionCore/AccordionCoreApollo.css";
+import { type AccordionCoreProps } from "./AccordionCoreCommon";
+export declare const AccordionCore: (props: AccordionCoreProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/AccordionCore/AccordionCoreApollo.css";
+import { AccordionCoreCommon, } from "./AccordionCoreCommon";
+import { Icon } from "../Icon/IconApollo";
+export const AccordionCore = (props) => (_jsx(AccordionCoreCommon, { IconComponent: Icon, ...props }));

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

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

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

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

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

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/client/AccordionCore/AccordionCoreLF.css";
+import { type AccordionCoreProps } from "./AccordionCoreCommon";
+export declare const AccordionCore: (props: AccordionCoreProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/AccordionCore/AccordionCoreLF.css";
+import { AccordionCoreCommon, } from "./AccordionCoreCommon";
+import { Icon } from "../Icon/IconLF";
+export const AccordionCore = (props) => (_jsx(AccordionCoreCommon, { IconComponent: Icon, ...props }));

package/dist/prospect-client/BasePicture/BasePicture.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from "react";
+import "@axa-fr/canopee-css/prospect/BasePicture/BasePictureAll.css";
+type BasePictureProps = ComponentProps<"img">;
+export declare const BasePicture: ({ className, src, ...props }: BasePictureProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/BasePicture/BasePicture.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import logo from "@axa-fr/canopee-css/logo-axa.svg";
+import "@axa-fr/canopee-css/prospect/BasePicture/BasePictureAll.css";
+export const BasePicture = ({ className, src, ...props }) => (_jsx("img", { className: ["af-basepicture", className].filter(Boolean).join(" "), alt: "", src: src || logo, ...props }));

package/dist/prospect-client/Button/ButtonApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Button/ButtonApollo.css";
+import { type ButtonProps } from "./ButtonCommon";
+export { buttonVariants, type ButtonVariants, type ButtonProps, } from "./ButtonCommon";
+export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Button/ButtonApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Button/ButtonApollo.css";
+import { Spinner } from "../Spinner/SpinnerApollo";
+import { ButtonCommon } from "./ButtonCommon";
+export { buttonVariants, } from "./ButtonCommon";
+export const Button = (props) => (_jsx(ButtonCommon, { ...props, SpinnerComponent: Spinner }));

package/dist/prospect-client/Button/ButtonCommon.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentProps, ComponentPropsWithoutRef, ComponentType, PropsWithChildren, ReactNode } from "react";
+import { Spinner } from "../Spinner/SpinnerCommon";
+export declare const buttonVariants: {
+    readonly primary: "primary";
+    readonly "primary-business": "primary-business";
+    readonly "primary-inverse": "primary-inverse";
+    readonly secondary: "secondary";
+    readonly "secondary-inverse": "secondary-inverse";
+    readonly tertiary: "tertiary";
+    readonly ghost: "ghost";
+};
+export type ButtonVariants = keyof typeof buttonVariants;
+export type ButtonProps = {
+    variant?: ButtonVariants;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    loading?: boolean;
+} & ComponentPropsWithoutRef<"button">;
+type ButtonCommonProps = ButtonProps & {
+    SpinnerComponent: ComponentType<ComponentProps<typeof Spinner>>;
+};
+export declare const ButtonCommon: ({ children, className, variant, iconLeft, iconRight, disabled, loading, SpinnerComponent, ...args }: PropsWithChildren<ButtonCommonProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/Button/ButtonCommon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const buttonVariants = {
+    primary: "primary",
+    "primary-business": "primary-business",
+    "primary-inverse": "primary-inverse",
+    secondary: "secondary",
+    "secondary-inverse": "secondary-inverse",
+    tertiary: "tertiary",
+    ghost: "ghost",
+};
+export const ButtonCommon = ({ children, className, variant = "primary", iconLeft, iconRight, disabled, loading, SpinnerComponent, ...args }) => (_jsxs("button", { className: ["af-btn-client", `af-btn-client--${variant}`, className]
+        .filter(Boolean)
+        .join(" "), disabled: disabled || loading, type: "button", ...args, children: [iconLeft, children, iconRight, disabled || loading ? _jsx(SpinnerComponent, { size: 24, variant: "gray" }) : null] }));

package/dist/prospect-client/Button/ButtonLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/client/Button/ButtonLF.css";
+import { type ButtonProps } from "./ButtonCommon";
+export { buttonVariants, type ButtonVariants, type ButtonProps, } from "./ButtonCommon";
+export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Button/ButtonLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Button/ButtonLF.css";
+import { Spinner } from "../Spinner/SpinnerLF";
+import { ButtonCommon } from "./ButtonCommon";
+export { buttonVariants, } from "./ButtonCommon";
+export const Button = (props) => (_jsx(ButtonCommon, { ...props, SpinnerComponent: Spinner }));

package/dist/prospect-client/CardMessage/CardMessageApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/CardMessage/CardMessageApollo.css";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessageCommon";

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

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/CardMessage/CardMessageApollo.css";
+export { CardMessage, cardMessageVariants, } from "./CardMessageCommon";