@axa-fr/canopee-react 1.8.1-alpha.1 → 2.0.0-alpha.3

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import {} from "react";
 import { Field, useOptionsWithId } from "../core";
 import { Radio, RadioModes } from "./Radio";
-const RadioInput = forwardRef(({ label, mode = "default", options, children, ...props }, inputRef) => {
+const RadioInput = ({ label, mode = "default", options, children, ...props }) => {
     const labelPosition = mode === RadioModes.classic ? "top" : "center";
     const newOptions = useOptionsWithId(options);
-    return (_jsx(Field, { label: label, labelPosition: labelPosition, roleContainer: "radiogroup", ...props, renderInput: ({ classModifier, ...radioProps }) => (_jsx(Radio, { options: newOptions, mode: mode, classModifier: classModifier, ref: inputRef, ...radioProps, children: children })) }));
-});
+    return (_jsx(Field, { label: label, labelPosition: labelPosition, roleContainer: "radiogroup", ...props, renderInput: ({ classModifier, ...radioProps }) => (_jsx(Radio, { options: newOptions, mode: mode, classModifier: classModifier, ...radioProps, children: children })) }));
+};
 RadioInput.displayName = "EnhancedInputRadio";
 export { RadioInput };

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

@@ -7,5 +7,8 @@ type Props = Omit<ComponentPropsWithRef<"input">, "checked" | "type"> & {
     label?: ReactNode;
     isChecked?: boolean;
 };
-declare const RadioItem: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const RadioItem: {
+    ({ value, id, isChecked, label, classModifier, className, disabled, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { RadioItem };

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Form/Radio/Radio.css";
-import { forwardRef, useId, } from "react";
+import { useId } from "react";
 import { getOptionClassName } from "../core";
-const RadioItem = forwardRef(({ value = "", id, isChecked, label, classModifier = "", className = "", disabled = false, ...otherProps }, inputRef) => {
+const RadioItem = ({ value = "", id, isChecked, label, classModifier = "", className = "", disabled = false, ...otherProps }) => {
     const optionClassName = getOptionClassName(className, classModifier, "af-form__radio", disabled);
     const generatedId = useId();
     const newId = id ?? generatedId;
-    return (_jsxs("div", { className: optionClassName, children: [_jsx("input", { ...otherProps, className: "af-form__input-radio", id: newId, type: "radio", value: value, checked: isChecked, ref: inputRef, disabled: disabled }), _jsx("label", { className: "af-form__label", htmlFor: newId, children: _jsx("span", { className: "af-form__description", children: label }) })] }, value));
-});
+    return (_jsxs("div", { className: optionClassName, children: [_jsx("input", { ...otherProps, className: "af-form__input-radio", id: newId, type: "radio", value: value, checked: isChecked, disabled: disabled }), _jsx("label", { className: "af-form__label", htmlFor: newId, children: _jsx("span", { className: "af-form__description", children: label }) })] }, value));
+};
 RadioItem.displayName = "RadioItem";
 export { RadioItem };

package/dist/distributeur/Form/Select/Select.d.ts

@@ -1,299 +1,7 @@
-import { type OptionHTMLAttributes } from "react";
-declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
-    className?: string | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    color?: string | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    name?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    slot?: string | undefined | undefined;
-    style?: import("react").CSSProperties | undefined;
-    role?: import("react").AriaRole | undefined;
-    tabIndex?: number | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    children: import("react").ReactNode | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLSelectElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLSelectElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLSelectElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLSelectElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLSelectElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLSelectElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLSelectElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLSelectElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLSelectElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLSelectElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLSelectElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLSelectElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLSelectElement> | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLSelectElement, HTMLSelectElement> | undefined;
-    onChangeCapture?: import("react").ChangeEventHandler<HTMLSelectElement, Element> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onBeforeInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onInput?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onInputCapture?: import("react").InputEventHandler<HTMLSelectElement> | undefined;
-    onReset?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onResetCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSubmit?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
-    onSubmitCapture?: import("react").SubmitEventHandler<HTMLSelectElement> | undefined;
-    onInvalid?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onInvalidCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLSelectElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLSelectElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLSelectElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLSelectElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLSelectElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLSelectElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLSelectElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLSelectElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLSelectElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLSelectElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSelectElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLSelectElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLSelectElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLSelectElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLSelectElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLSelectElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLSelectElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLSelectElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLSelectElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLSelectElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSelectElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLSelectElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSelectElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLSelectElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSelectElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSelectElement> | undefined;
-    ref?: import("react").Ref<HTMLSelectElement> | undefined;
-    form?: string | undefined | undefined;
-    title?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    disabled?: boolean | undefined | undefined;
-    size?: number | undefined | undefined;
-    key?: import("react").Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined | undefined;
-    value?: string | number | readonly string[] | undefined;
-    autoComplete?: string | undefined | undefined;
-    multiple?: boolean | undefined | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined | undefined;
-    classModifier?: string | undefined;
-    forceDisplayPlaceholder?: boolean | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLSelectElement> & {
+import { type ComponentProps, type OptionHTMLAttributes, type PropsWithChildren } from "react";
+import { SelectDefault } from "./SelectDefault";
+import { SelectDefaultWithOptions } from "./SelectDefaultWithOptions";
+type SelectProps = PropsWithChildren<ComponentProps<typeof SelectDefault | typeof SelectDefaultWithOptions> & {
     /**
      * @deprecated Use `children` instead
      * Instead of
@@ -310,33 +18,9 @@ declare const Select: import("react").ForwardRefExoticComponent<(Omit<Omit<{
      */
     options?: OptionHTMLAttributes<HTMLOptionElement>[];
     mode?: "default" | "base";
-} & {
-    children?: import("react").ReactNode | undefined;
-}, "ref"> | Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
-    options?: OptionHTMLAttributes<HTMLOptionElement>[];
-    classModifier?: string;
-} & import("react").RefAttributes<HTMLSelectElement> & {
-    options: OptionHTMLAttributes<HTMLOptionElement>[];
-    forceDisplayPlaceholder?: boolean;
-    placeholder?: string;
-}, "ref"> & import("react").RefAttributes<HTMLSelectElement> & {
-    /**
-     * @deprecated Use `children` instead
-     * Instead of
-     * ```jsx
-     * <SelectBase options={[{ value: "1", label: "Option 1" }]} />
-     * ```
-     * you can now do something like :
-     * ```jsx
-     * <SelectBase>
-     *   <option value="1">Option 1</option>
-     * </SelectBase>
-     * ```
-     * It allows you to use the `optgroup` tag for example.
-     */
-    options?: OptionHTMLAttributes<HTMLOptionElement>[];
-    mode?: "default" | "base";
-} & {
-    children?: import("react").ReactNode | undefined;
-}, "ref">) & import("react").RefAttributes<HTMLSelectElement>>;
+}>;
+declare const Select: {
+    ({ mode, children, options, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { Select };

package/dist/distributeur/Form/Select/Select.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, } from "react";
+import {} from "react";
 import { SelectBase } from "./SelectBase";
 import { SelectDefault } from "./SelectDefault";
 import { SelectDefaultWithOptions } from "./SelectDefaultWithOptions";
-const Select = forwardRef(({ mode = "default", children, options, ...props }, inputRef) => {
+const Select = ({ mode = "default", children, options, ...props }) => {
     if (mode === "default") {
-        return options ? (_jsx(SelectDefaultWithOptions, { ref: inputRef, ...props, options: options })) : (_jsx(SelectDefault, { ref: inputRef, ...props, children: children }));
+        return options ? (_jsx(SelectDefaultWithOptions, { ...props, options: options })) : (_jsx(SelectDefault, { ...props, children: children }));
     }
-    return (_jsx(SelectBase, { ref: inputRef, ...props, options: options, children: children }));
-});
+    return (_jsx(SelectBase, { ...props, options: options, children: children }));
+};
 Select.displayName = "Select";
 export { Select };

package/dist/distributeur/Form/Select/SelectBase.d.ts

@@ -1,9 +1,6 @@
 import "@axa-fr/canopee-css/distributeur/Form/Select/Select.css";
-import { type OptionHTMLAttributes } from "react";
-/**
- * @deprecated Use Select instead
- */
-declare const SelectBase: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
+import { type ComponentPropsWithRef, type OptionHTMLAttributes } from "react";
+type Props = ComponentPropsWithRef<"select"> & {
     /**
      * @deprecated Use `children` instead
      * Instead of
@@ -21,5 +18,12 @@ declare const SelectBase: import("react").ForwardRefExoticComponent<Omit<import(
     options?: OptionHTMLAttributes<HTMLOptionElement>[];
     /** @deprecated Use `className` and the native `required` prop instead. */
     classModifier?: string;
-} & import("react").RefAttributes<HTMLSelectElement>>;
+};
+/**
+ * @deprecated Use Select instead
+ */
+declare const SelectBase: {
+    ({ options, id, className, classModifier, required, children, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { SelectBase };

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

@@ -1,18 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Form/Select/Select.css";
-import { forwardRef, } from "react";
+import {} from "react";
 import { getClassName } from "../../utilities/helpers/getClassName";
 /**
  * @deprecated Use Select instead
  */
-const SelectBase = forwardRef(({ options, id, className, classModifier, required, children, ...otherProps }, inputRef) => {
+const SelectBase = ({ options, id, className, classModifier, required, children, ...otherProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-form__input-select",
         modifiers: classModifier?.split(" "),
         className,
     });
-    return (_jsxs("div", { className: "af-form__select-container", children: [_jsx("select", { ...otherProps, id: id, className: componentClassName, ref: inputRef, required: classModifier?.includes("required") || required, children: children ??
+    return (_jsxs("div", { className: "af-form__select-container", children: [_jsx("select", { ...otherProps, id: id, className: componentClassName, required: classModifier?.includes("required") || required, children: children ??
                     options?.map(({ label, ...opt }) => (_jsx("option", { ...opt, children: label }, opt.value?.toString()))) }), _jsx("span", { "aria-controls": id, className: "glyphicon glyphicon-menu-down" })] }));
-});
+};
 SelectBase.displayName = "SelectBase";
 export { SelectBase };

package/dist/distributeur/Form/Select/SelectDefault.d.ts

@@ -5,5 +5,8 @@ type Props = Omit<ComponentPropsWithRef<typeof SelectBase> & {
     placeholder?: string;
     children: React.ReactNode;
 }, "options">;
-declare const SelectDefault: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+declare const SelectDefault: {
+    ({ onChange, forceDisplayPlaceholder, value, defaultValue, required, placeholder, id, children, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { SelectDefault };

package/dist/distributeur/Form/Select/SelectDefault.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, useState } from "react";
+import { useId, useState } from "react";
 import { SelectBase } from "./SelectBase";
-const SelectDefault = forwardRef(({ onChange, forceDisplayPlaceholder = false, value, defaultValue, required, placeholder = "- Select -", id, children, ...otherProps }, inputRef) => {
+const SelectDefault = ({ onChange, forceDisplayPlaceholder = false, value, defaultValue, required, placeholder = "- Select -", id, children, ...otherProps }) => {
     const [hasHandleChangeOnce, setHasHandleChangeOnce] = useState(false);
     const generatedId = useId();
     const inputId = id ?? generatedId;
@@ -11,7 +11,7 @@ const SelectDefault = forwardRef(({ onChange, forceDisplayPlaceholder = false, v
                 onChange(e);
             }
             setHasHandleChangeOnce(!forceDisplayPlaceholder);
-        }, ref: inputRef, children: childrenWithDefault }));
-});
+        }, children: childrenWithDefault }));
+};
 SelectDefault.displayName = "SelectDefault";
 export { SelectDefault };

package/dist/distributeur/Form/Select/SelectDefaultWithOptions.d.ts

@@ -19,5 +19,8 @@ type Props = ComponentPropsWithRef<typeof SelectBase> & {
  * ```
  * It allows you to use the `optgroup` tag for example.
  */
-export declare const SelectDefaultWithOptions: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+export declare const SelectDefaultWithOptions: {
+    ({ onChange, forceDisplayPlaceholder, value, defaultValue, required, placeholder, options, id, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

package/dist/distributeur/Form/Select/SelectDefaultWithOptions.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useMemo, useState, } from "react";
+import { useId, useMemo, useState, } from "react";
 import { SelectBase } from "./SelectBase";
 /**
  * @deprecated Use `SelectDefault` instead
@@ -15,25 +15,18 @@ import { SelectBase } from "./SelectBase";
  * ```
  * It allows you to use the `optgroup` tag for example.
  */
-export const SelectDefaultWithOptions = forwardRef(({ onChange, forceDisplayPlaceholder = false, value, defaultValue, required, placeholder = "- Select -", options, id, ...otherProps }, inputRef) => {
+export const SelectDefaultWithOptions = ({ onChange, forceDisplayPlaceholder = false, value, defaultValue, required, placeholder = "- Select -", options, id, ...otherProps }) => {
     const [hasHandleChangeOnce, setHasHandleChangeOnce] = useState(false);
     const generatedId = useId();
     const inputId = id ?? generatedId;
     const newOptions = useMemo(() => (hasHandleChangeOnce || defaultValue || value) && required
         ? options
-        : [{ value: "", label: placeholder }, ...options], [
-        hasHandleChangeOnce,
-        options,
-        defaultValue,
-        value,
-        required,
-        placeholder,
-    ]);
+        : [{ value: "", label: placeholder }, ...options], [hasHandleChangeOnce, options, defaultValue, value, required, placeholder]);
     return (_jsx(SelectBase, { ...otherProps, id: inputId, value: value, defaultValue: defaultValue, options: newOptions, onChange: (e) => {
             if (onChange) {
                 onChange(e);
             }
             setHasHandleChangeOnce(!forceDisplayPlaceholder);
-        }, ref: inputRef }));
-});
+        } }));
+};
 SelectDefaultWithOptions.displayName = "SelectDefaultWithOptions";