@axa-fr/design-system-slash-react 0.2.0-beta.295 → 0.2.0-beta.297

package/dist/Action/Action.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 import "@axa-fr/design-system-slash-css/dist/Action/Action.scss";
 export const Action = ({ icon, className, classModifier, ...otherProps }) => {
     const componentClassName = getComponentClassName(className, classModifier, "btn af-btn--circle");

package/dist/Alert/Alert.agent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 import "@axa-fr/design-system-slash-css/dist/Alert/Alert.agent.scss";
 export var TypeIcons;
 (function (TypeIcons) {

package/dist/Badge/Badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 import "@axa-fr/design-system-slash-css/dist/Badge/Badge.scss";
 export const Badge = forwardRef(({ children, className, classModifier, ...otherProps }, ref) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-badge");

package/dist/Card/Card.client.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 export const Card = ({ children, className, classModifier, onClick, ...otherProps }) => {
     const componentClassName = useMemo(() => getComponentClassName(className, classModifier, "af-card"), [className, classModifier]);
     const Component = useMemo(() => (onClick ? "button" : "section"), [onClick]);

package/dist/Form/Date/Date.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Date/Date.agent.scss";
 import { forwardRef, useMemo } from "react";
-import { getComponentClassName } from "../core";
+import { getComponentClassName } from "../../utilities";
 const formatDateValue = (dateValue) => {
     const monthFormatted = `0${dateValue.getMonth() + 1}`.slice(-2);
     const dayFormatted = `0${dateValue.getDate()}`.slice(-2);

package/dist/Form/FileUpload/Client/FileUpload.js

@@ -36,7 +36,7 @@ const FileUpload = ({ id, label, buttonLabel, instructions, dropzoneDescription,
                         const effectiveSize = getReadableFileSizeString(size);
                         const isInError = errors.some((fileError) => fileError.id === fileId);
                         const errorMessage = errors.find((fileError) => fileError.id === fileId)?.message;
-                        return (_jsxs(_Fragment, { children: [_jsxs("li", { className: `af-form__file-line ${isInError ? "af-form__file-line--error" : ""}`, children: [_jsxs("div", { className: "af-form__file-title-container", children: [getIcon(isInError, isLoading), _jsxs("div", { className: "af-form__file-title", children: [_jsx("span", { className: "af-form__file-name", children: name }), _jsx("span", { className: "af-form__file-size", children: effectiveSize })] })] }), _jsxs("div", { className: "af-form__file-actions", children: [onView && (_jsx(Svg, { tabIndex: 0, role: "button", "aria-label": "Visualiser", onClick: () => onView(fileId), onKeyDown: (e) => {
+                        return (_jsxs("li", { className: "af-form__file-line", children: [_jsxs("div", { className: `af-form__file-line-container ${isInError ? "af-form__file-line-container--error" : ""}`, children: [_jsxs("div", { className: "af-form__file-title", children: [getIcon(isInError, isLoading), _jsxs("div", { children: [_jsx("span", { className: "af-form__file-name", children: name }), _jsx("span", { className: "af-form__file-size", children: effectiveSize })] })] }), _jsxs("div", { className: "af-form__file-actions", children: [onView && (_jsx(Svg, { tabIndex: 0, role: "button", "aria-label": "Visualiser", onClick: () => onView(fileId), onKeyDown: (e) => {
                                                         if (e.key === "Enter") {
                                                             onView(fileId);
                                                         }
@@ -44,7 +44,7 @@ const FileUpload = ({ id, label, buttonLabel, instructions, dropzoneDescription,
                                                         if (e.key === "Enter") {
                                                             onDelete(fileId);
                                                         }
-                                                    }, className: "af-form__file-actions-icon", src: close }))] })] }, fileId), isInError && (_jsxs("small", { className: "af-form__file-error", children: [_jsx(Svg, { src: errorO, className: "af-form__file-error-icon", width: 18 }), errorMessage] }))] }));
+                                                    }, className: "af-form__file-actions-icon", src: close }))] })] }), isInError && (_jsxs("small", { className: "af-form__file-error", children: [_jsx(Svg, { src: errorO, className: "af-form__file-error-icon", width: 18 }), errorMessage] }))] }, fileId));
                     }) }) })] }));
 };
 FileUpload.displayName = "FileUpload";

package/dist/Form/Number/Number.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Text/Agent/Text.agent.scss";
 import { forwardRef, useId } from "react";
-import { getComponentClassName } from "../core";
+import { getComponentClassName } from "../../utilities";
 const Number = forwardRef(({ id, className, classModifier, ...otherProps }, inputRef) => {
     const inputUseId = useId();
     const inputId = id ?? inputUseId;

package/dist/Form/Pass/Pass.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { getComponentClassName } from "../core";
+import { getComponentClassName } from "../../utilities";
 import "@axa-fr/design-system-slash-css/dist/Form/Pass/Pass.agent.scss";
 const Pass = forwardRef(({ onToggleType, type = "password", className, classModifier, ...inputProps }, inputRef) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-form__pass");

package/dist/Form/Radio/Agent/RadioInput.d.ts

@@ -40,7 +40,7 @@ declare const RadioInput: import("react").ForwardRefExoticComponent<Omit<{
     isChecked?: boolean;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}, "className" | "label" | "id"> & {
+}, "label" | "className" | "id"> & {
     options: import("../../core").Option[];
     mode?: keyof typeof RadioModes;
 }, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Select/Agent/SelectBase.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Select/Agent/Select.agent.scss";
 import { forwardRef, } from "react";
-import { getComponentClassName } from "../../core";
+import { getComponentClassName } from "../../../utilities";
 const SelectBase = forwardRef(({ options, id, className, classModifier, ...otherProps }, inputRef) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-form__input-select");
     return (_jsxs("div", { className: "af-form__select-container", children: [_jsx("select", { ...otherProps, id: id, className: componentClassName, ref: inputRef, required: classModifier?.includes("required"), children: options.map(({ label, ...opt }) => (_jsx("option", { ...opt, children: label }, opt.value?.toString()))) }), _jsx("span", { "aria-controls": id, className: "glyphicon glyphicon-menu-down" })] }));

package/dist/Form/Slider/Slider.agent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import RcSlider from "rc-slider";
 import { useCallback, useMemo, } from "react";
-import { getComponentClassName } from "../core";
+import { getComponentClassName } from "../../utilities";
 const Slider = ({ options, value, defaultValue, className, classModifier, ...otherProps }) => {
     const defaultValueIndex = useMemo(() => {
         const newDefaultValueIndex = options.findIndex((opt) => opt.value === (defaultValue || value));

package/dist/Form/Text/Agent/Text.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Text/Agent/Text.agent.scss";
 import { forwardRef } from "react";
-import { getComponentClassName } from "../../core";
+import { getComponentClassName } from "../../../utilities";
 const Text = forwardRef(({ className, classModifier, ...otherProps }, inputRef) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-form__input-text");
     return (_jsx("input", { className: componentClassName, type: "text", ref: inputRef, ...otherProps }));

package/dist/Form/Text/Client/Text.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Text/Client/Text.client.scss";
 import { forwardRef } from "react";
-import { getComponentClassName } from "../../core";
+import { getComponentClassName } from "../../../utilities";
 import { InputError } from "../../InputError";
 const Text = forwardRef(({ className, classModifier = "", ...otherProps }, inputRef) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-form__input-text");

package/dist/Form/Textarea/Textarea.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Textarea/Textarea.agent.scss";
 import { forwardRef, useId } from "react";
-import { getComponentClassName } from "../core";
+import { getComponentClassName } from "../../utilities";
 const Textarea = forwardRef(({ id, className, classModifier, ...otherProps }, inputRef) => {
     const inputUseId = useId();
     const inputId = id ?? inputUseId;

package/dist/Form/core/Field.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getComponentClassName } from "./getComponentClassName";
+import { getComponentClassName } from "../../utilities";
 import { FieldError } from "./FieldError";
 import { MessageTypes } from "./MessageTypes";
 import { FieldForm } from "./FieldForm";

package/dist/Form/core/FieldError.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getComponentClassName } from "./getComponentClassName";
+import { getComponentClassName } from "../../utilities";
 import { MessageTypes } from "./MessageTypes";
 const DEFAULT_CLASS_NAME = "af-form__message";
 export const FieldError = ({ message = null, messageType = MessageTypes.error, }) => {

package/dist/Form/core/FieldForm.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cloneElement, Children, useState, useRef, useEffect, isValidElement, } from "react";
-import { getComponentClassName } from "./getComponentClassName";
+import { getComponentClassName } from "../../utilities";
 import { MessageTypes } from "./MessageTypes";
 import { FormClassManager } from "./FormClassManager";
 const defaultClassName = "md-10";

package/dist/Form/core/FieldInput.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "./getComponentClassName";
+import { getComponentClassName } from "../../utilities";
 export const FieldInput = ({ children, className = "", classModifier = "", isVisible = true, }) => {
     if (!isVisible) {
         return null;

package/dist/Form/core/getOptionClassName.js

@@ -1,4 +1,4 @@
-import { getComponentClassName } from "./getComponentClassName";
+import { getComponentClassName } from "../../utilities";
 export function getOptionClassName(className, classModifier, defaultClassName, disabled) {
     const classModifierWithDisabled = [
         classModifier,

package/dist/Form/core/index.d.ts

@@ -10,7 +10,6 @@ export { InputList } from "./InputList";
 export { useInputClassModifier } from "./useInputClassModifier";
 export { getOptionClassName } from "./getOptionClassName";
 export { useOptionsWithId } from "./useOptionsWithId";
-export { getComponentClassName } from "./getComponentClassName";
 export { getFirstId } from "./getFirstId";
 export type Option = {
     id?: string;

package/dist/Form/core/index.js

@@ -9,5 +9,4 @@ export { InputList } from "./InputList";
 export { useInputClassModifier } from "./useInputClassModifier";
 export { getOptionClassName } from "./getOptionClassName";
 export { useOptionsWithId } from "./useOptionsWithId";
-export { getComponentClassName } from "./getComponentClassName";
 export { getFirstId } from "./getFirstId";

package/dist/IconBg/IconBg.client.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 export const IconBg = ({ children, className, classModifier, isDisabled = false, }) => {
     const componentClassName = useMemo(() => {
         let newClassModifier = classModifier;

package/dist/Layout/Header/Agent/Header.agent.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/Agent/Header.agent.scss";
-import { getComponentClassName } from "../../../agent";
+import { getComponentClassName } from "../../../utilities";
 const defaultClassName = "af-header";
 const HeaderAgent = ({ classModifier, className, children }) => {
     const componentClassName = getComponentClassName(className, classModifier, defaultClassName);

package/dist/Layout/Header/Agent/Infos/Infos.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/Agent/Infos/Infos.scss";
-import { getComponentClassName } from "../../../../agent";
+import { getComponentClassName } from "../../../../utilities";
 const defaultClassName = "af-contrat";
 const Infos = ({ infos, className, classModifier }) => {
     const componentClassName = getComponentClassName(className, classModifier, defaultClassName);

package/dist/Layout/Header/Agent/Name/Name.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/Agent/Name/Name.scss";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/Agent/Logo/Logo.scss";
-import { getComponentClassName } from "../../../../agent";
+import { getComponentClassName } from "../../../../utilities";
 const defaultClassName = "af-header__name";
 const Name = ({ alt = "logo", classModifier, className, img, onClick, subtitle, title, }) => {
     const componentClassName = getComponentClassName(className, classModifier, defaultClassName);

package/dist/Layout/Header/Agent/NavBar/NavBarBase.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getComponentClassName } from "../../../../agent";
+import { getComponentClassName } from "../../../../utilities";
 const defaultClassName = "af-nav-container";
 const NavBarBase = ({ isVisible = true, onClick, id = "mainmenu", toggleMenuId = "togglemenu", isMenuFocused, className, classModifier, handleKeys, onFocus, onBlur, children, }) => {
     const componentClassName = getComponentClassName(className, classModifier, defaultClassName);

package/dist/Layout/Header/Agent/NavBar/NavBarItem/NavBarItemBase.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, } from "react";
-import { getComponentClassName } from "../../../../../agent";
+import { getComponentClassName } from "../../../../../utilities";
 import { handleLinkFocus } from "./NavBarItemBase.helpers";
 export const NavBarItemBase = ({ tabIndex = -1, role = "menuitem", children, hasFocus, handleKeys, isMenuOpen, className, classModifier, actionElt, ...otherProps }) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-nav__item");

package/dist/Layout/Header/Agent/TitleHeader/TitleHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/Agent/TitleHeader/TitleHeader.scss";
-import { getComponentClassName } from "../../../../agent";
+import { getComponentClassName } from "../../../../utilities";
 import { ToggleButton } from "../ToggleButton/ToggleButton";
 import { Action } from "../../../../Action/Action";
 import { getClassModifier } from "./TitleHeader.helpers";

package/dist/Layout/Header/Agent/User/User.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InnerUser } from "./InnerUser";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/Agent/User/User.scss";
-import { getComponentClassName } from "../../../../agent";
+import { getComponentClassName } from "../../../../utilities";
 const defaultClassName = "af-info-user";
 const User = ({ children, classModifier, className, href, name, path, profile, onClick, title = "Voir mon profil", }) => {
     const componentClassName = getComponentClassName(className, classModifier, defaultClassName);

package/dist/List/ContentItemDuo/ContentItemDuo.js

@@ -3,7 +3,7 @@ import checkIcon from "@material-symbols/svg-400/outlined/check.svg";
 import closeIcon from "@material-symbols/svg-400/outlined/close.svg";
 import { useMemo } from "react";
 import { Variants } from "../../Button/Button.client";
-import { getComponentClassName } from "../../Form/core";
+import { getComponentClassName } from "../../utilities";
 import { Button, Svg } from "../../client";
 export const ContentItemDuo = ({ label, value, isVertical = false, className, classModifier, isShowingDoneIcon = false, isShowingCloseIcon = false, buttonText, onButtonClick, }) => {
     const componentClassName = useMemo(() => {

package/dist/List/ContentItemMono/ContentItemMono.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../../Form/core";
+import { getComponentClassName } from "../../utilities";
 import { ContentItemMonoSize } from "./constants";
 export const ContentItemMono = ({ children, className, classModifier, secondaryText, tertiaryText, leftElement, size = ContentItemMonoSize.M, isDisabled = false, isLeftElementCentered = false, hasStick = false, }) => {
     const componentClassName = useMemo(() => {

package/dist/Table/Pagination/Items.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from "react";
-import { getComponentClassName } from "../../Form/core";
+import { getComponentClassName } from "../../utilities";
 const Items = ({ className, classModifier, onChange, displayLabel = "Afficher", elementsLabel = "éléments", id, items = [5, 10, 25, 50, 100], numberItems = 10, }) => {
     const defaultIdName = useId();
     const newId = id ?? defaultIdName;

package/dist/Table/THead.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 const THead = ({ children, className, classModifier, ...otherProps }) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-table__thead");
     return (_jsx("thead", { className: componentClassName, ...otherProps, children: children }));

package/dist/Table/Table.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 import { TBody } from "./TBody";
 import { THead } from "./THead";
 import { Td } from "./Td";

package/dist/Table/Td.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 const Td = ({ children, id, className, classModifier, ...otherProps }) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-table__cell");
     return (_jsx("td", { className: componentClassName, id: id, ...otherProps, children: children }, id));

package/dist/Table/Th.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 const Th = ({ children, id, className, classModifier, ...otherProps }) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-table__th");
     return (_jsx("th", { className: componentClassName, id: id, ...otherProps, children: children }, id));

package/dist/Table/Tr.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 const Tr = ({ children, id, className, classModifier, ...otherProps }) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-table__tr");
     return (_jsx("tr", { className: componentClassName, ...otherProps, children: children }, id));

package/dist/Tag/Tag.client.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getComponentClassName } from "../Form/core";
+import { getComponentClassName } from "../utilities";
 export const Tag = ({ children, className, classModifier = "", ...divProps }) => {
     const componentClassName = useMemo(() => getComponentClassName(className, classModifier, "af-tag"), [className, classModifier]);
     return (_jsx("div", { className: componentClassName, ...divProps, children: _jsx("span", { className: "af-tag__label", children: children }) }));

package/dist/Title/Agent/Title.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Title/Agent/Title.scss";
 import { forwardRef } from "react";
-import { getComponentClassName } from "../../Form/core";
+import { getComponentClassName } from "../../utilities";
 export const Title = forwardRef(({ className, classModifier, children, heading: Heading = "h2", ...otherProps }, ref) => {
     const componentClassName = getComponentClassName(className, classModifier, "af-title");
     return (_jsx(Heading, { ref: ref, className: componentClassName, ...otherProps, children: children }));

package/dist/Title/Client/Title.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, } from "react";
 import { IconBg } from "../../client";
-import { getComponentClassName } from "../../Form/core";
+import { getComponentClassName } from "../../utilities";
 import { TitleSize } from "./constants";
 import { TitleWithSubtitles } from "./TitleWithSubtitles";
 export const Title = ({ children: title, className, classModifier, firstSubtitle, icon, secondSubtitle, size = TitleSize.XL, }) => {

package/dist/agent.d.ts

@@ -6,7 +6,7 @@ export { Badge } from "./Badge/Badge";
 export { ButtonAgent as Button } from "./Button/Button.agent";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./Form/Checkbox/Agent";
 export { Choice, ChoiceInput } from "./Form/Choice";
-export { Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, getComponentClassName, } from "./Form/core";
+export { Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./Form/core";
 export { Date, DateInput } from "./Form/Date";
 export { MultiSelect, MultiSelectInput } from "./Form/MultiSelect";
 export { Number, NumberInput } from "./Form/Number";
@@ -22,4 +22,5 @@ export { Step, StepBase, Steps } from "./Steps";
 export { Svg } from "./Svg";
 export { Tabs } from "./Tabs/Agent/Tabs.agent";
 export { Title } from "./Title/Agent/Title";
+export { getComponentClassName } from "./utilities";
 export * from "./Table";

package/dist/agent.js

@@ -6,7 +6,7 @@ export { Badge } from "./Badge/Badge";
 export { ButtonAgent as Button } from "./Button/Button.agent";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./Form/Checkbox/Agent";
 export { Choice, ChoiceInput } from "./Form/Choice";
-export { Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, getComponentClassName, } from "./Form/core";
+export { Field, FieldError, FieldForm, FieldInput, FormClassManager, HelpMessage, InputList, MessageTypes, } from "./Form/core";
 export { Date, DateInput } from "./Form/Date";
 export { MultiSelect, MultiSelectInput } from "./Form/MultiSelect";
 export { Number, NumberInput } from "./Form/Number";
@@ -22,4 +22,5 @@ export { Step, StepBase, Steps } from "./Steps";
 export { Svg } from "./Svg";
 export { Tabs } from "./Tabs/Agent/Tabs.agent";
 export { Title } from "./Title/Agent/Title";
+export { getComponentClassName } from "./utilities";
 export * from "./Table";

package/dist/utilities.d.ts

@@ -1 +1,2 @@
+export { getComponentClassName } from "./utilities/helpers/getComponentClassName";
 export { useIsSmallScreen } from "./utilities/hooks/useIsSmallScreen";

package/dist/utilities.js

@@ -1 +1,2 @@
+export { getComponentClassName } from "./utilities/helpers/getComponentClassName";
 export { useIsSmallScreen } from "./utilities/hooks/useIsSmallScreen";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "0.2.0-beta.295",
+  "version": "0.2.0-beta.297",
   "description": "",
   "exports": {
     "./agent": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "0.2.0-beta.295",
+    "@axa-fr/design-system-slash-css": "0.2.0-beta.297",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },