@trilogy-ds/react 4.1.1-beta-4 → 4.1.1-beta-5

package/lib/components/accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
+import { AccordionProps } from '../../components/accordion/AccordionProps';
 import * as React from 'react';
-import { AccordionProps } from './AccordionProps';
 /**
  * Accordion Component
  * @param id
@@ -7,5 +7,5 @@ import { AccordionProps } from './AccordionProps';
  * @param children
  * @param others
  */
-declare const Accordion: ({ id, className, children, ...others }: AccordionProps) => React.JSX.Element;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -1,8 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../context/index';
 import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Accordion Component
  * @param id
@@ -10,11 +11,12 @@ import { hashClass } from '../../helpers/hashClassesHelpers';
  * @param children
  * @param others
  */
-var Accordion = function (_a) {
+var Accordion = React.forwardRef(function (_a, ref) {
     var id = _a.id, className = _a.className, children = _a.children, others = __rest(_a, ["id", "className", "children"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('accordion', className));
-    return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
-};
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children));
+});
+Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUM3QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsVUFBQyxFQUFzQyxFQUFFLEdBQUc7SUFBekMsSUFBQSxFQUFFLFFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQzVGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQy9ELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUNGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/accordion/Accordion.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import { AccordionProps } from "./AccordionProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { AccordionProps } from '../../components/accordion/AccordionProps';
+import * as React from 'react';
+import { View } from 'react-native';
 /**
  * Accordion Component
  * @param children {ReactNode}
  */
-declare const Accordion: {
-    ({ ...others }: AccordionProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<View>>;
 export default Accordion;

package/lib/components/accordion/Accordion.native.js

@@ -1,22 +1,22 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Accordion Component
  * @param children {ReactNode}
  */
-var Accordion = function (_a) {
+var Accordion = React.forwardRef(function (_a, ref) {
     var others = __rest(_a, []);
     var styles = StyleSheet.create({
         accordion: {
-            width: "100%",
+            width: '100%',
             minHeight: 10,
             borderRadius: 6,
         },
     });
-    return React.createElement(View, __assign({ style: styles.accordion }, others));
-};
+    return React.createElement(View, __assign({ ref: ref, style: styles.accordion }, others));
+});
 Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE2QjtRQUF4QixNQUFNLGNBQVgsRUFBYSxDQUFGO0lBQzVCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsRUFBRTtZQUNiLFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUFhLEVBQUUsR0FBRztRQUFiLE1BQU0sY0FBWCxFQUFhLENBQUY7SUFDakYsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2hFLENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/accordion/AccordionProps.d.ts

@@ -2,7 +2,10 @@
 /**
  * Accordion Interface
  */
+import { View } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export interface AccordionProps extends CommonProps {
     children: React.ReactNode;
 }
+export type AccordionRef = HTMLDivElement;
+export type AccordionNativeRef = View;

package/lib/components/accordion/item/AccordionItem.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { AccordionItemProps } from './AccordionItemProps';
+import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
+import React from 'react';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -9,5 +9,5 @@ import { AccordionItemProps } from './AccordionItemProps';
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
  */
-declare const AccordionItem: ({ open, className, children, id, onClick, disabled, ...others }: AccordionItemProps) => JSX.Element;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
 export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.js

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import React, { useRef } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -13,9 +13,8 @@ import { useTrilogyContext } from '../../../context';
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
  */
-var AccordionItem = function (_a) {
-    var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["open", "className", "children", "id", "onClick", "disabled"]);
-    var ref = useRef(null);
+var AccordionItem = React.forwardRef(function (_a, ref) {
+    var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? React.useId() : _b, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["open", "className", "children", "id", "onClick", "disabled"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('accordion-item', className));
     var ariaProps = {};
@@ -24,6 +23,7 @@ var AccordionItem = function (_a) {
         ariaProps['aria-disabled'] = true;
     }
     return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) { return (onClick ? onClick(e) : null); } }), children));
-};
+});
+AccordionItem.displayName = ComponentName.AccordionItem;
 export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3JDLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBUUY7SUFQbkIsSUFBQSxJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBUFksOERBUXRCLENBRFU7SUFFVCxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQXFCLElBQUksQ0FBQyxDQUFBO0lBQ3BDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFcEUsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLFFBQVEsRUFBRTtRQUNaLFNBQVMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUMxQixTQUFTLENBQUMsZUFBZSxDQUFDLEdBQUcsSUFBSSxDQUFBO0tBQ2xDO0lBRUQsT0FBTyxDQUNMLDBDQUNFLElBQUksRUFBRSxJQUFJLElBQ04sU0FBUyxtQkFDQSxFQUFFLEVBQ2YsU0FBUyxFQUFFLE9BQU8sRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxJQUNGLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFlLElBQUssT0FBQSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsS0FFMUQsUUFBUSxDQUNELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQStFLEVBQUUsR0FBRztJQUFsRixJQUFBLElBQUksVUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUE3RSw4REFBK0UsQ0FBRjtJQUNwRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sU0FBUyxHQUFxRCxFQUFFLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixTQUFTLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7UUFDMUIsU0FBUyxDQUFDLGVBQWUsQ0FBQyxHQUFHLElBQUksQ0FBQTtLQUNsQztJQUVELE9BQU8sQ0FDTCwwQ0FDRSxJQUFJLEVBQUUsSUFBSSxJQUNOLFNBQVMsbUJBQ0EsRUFBRSxFQUNmLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBZSxJQUFLLE9BQUEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQTdCLENBQTZCLEtBRTFELFFBQVEsQ0FDRCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUN2RCxlQUFlLGFBQWEsQ0FBQSJ9

package/lib/components/accordion/item/AccordionItem.native.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ComponentName } from '../../../components/enumsComponentsName';
+import React from 'react';
+import { View } from 'react-native';
 import { AccordionItemProps } from './AccordionItemProps';
 /**
  * Accordion Item Component
@@ -9,8 +9,5 @@ import { AccordionItemProps } from './AccordionItemProps';
  * @param disabled {boolean} Disabled AccordionItem
  * @param children
  */
-declare const AccordionItem: {
-    ({ open, id, onClick, disabled, children, ...others }: AccordionItemProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<View>>;
 export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.native.js

@@ -4,9 +4,8 @@ import { Icon, IconSize } from '../../../components/icon';
 import { IconName } from '../../../components/icon/IconNameEnum';
 import { Spacer, SpacerSize } from '../../../components/spacer';
 import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { isValidElement, useEffect, useRef, useState } from 'react';
 import { Animated, Easing, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
-import { hasDisplayName } from './AccordionItem.helper';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -15,7 +14,7 @@ import { hasDisplayName } from './AccordionItem.helper';
  * @param disabled {boolean} Disabled AccordionItem
  * @param children
  */
-var AccordionItem = function (_a) {
+var AccordionItem = React.forwardRef(function (_a, ref) {
     var open = _a.open, id = _a.id, onClick = _a.onClick, disabled = _a.disabled, children = _a.children, others = __rest(_a, ["open", "id", "onClick", "disabled", "children"]);
     var _b = __read(useState(Boolean(typeof open !== 'undefined' ? open : false)), 2), isActive = _b[0], setIsActive = _b[1];
     var animatedController = useRef(new Animated.Value(0)).current;
@@ -98,12 +97,11 @@ var AccordionItem = function (_a) {
         var newChilds = {};
         if (Array.isArray(children)) {
             children.forEach(function (child) {
-                if (child &&
-                    typeof child === 'object' &&
-                    'type' in child &&
-                    typeof child.type === 'function' &&
-                    hasDisplayName(child.type)) {
-                    switch (child.type.displayName) {
+                var _a;
+                if (isValidElement(child) && child.type) {
+                    var childType = child.type;
+                    var childName = (childType === null || childType === void 0 ? void 0 : childType.displayName) || ((_a = childType === null || childType === void 0 ? void 0 : childType.render) === null || _a === void 0 ? void 0 : _a.displayName);
+                    switch (childName) {
                         case 'AccordionHeader':
                             newChilds.header = child;
                             break;
@@ -119,7 +117,7 @@ var AccordionItem = function (_a) {
         }
     }, [children]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(View, { style: styles.item },
+        React.createElement(View, { style: styles.item, ref: ref },
             React.createElement(TouchableWithoutFeedback, __assign({ style: styles.item, testID: id || '', 
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 onPress: function (e) {
@@ -140,7 +138,7 @@ var AccordionItem = function (_a) {
                         setBodySectionHeight(e.nativeEvent.layout.height);
                     } }, childs.body && React.createElement(View, null, childs.body)))),
         React.createElement(Spacer, { size: SpacerSize.TWO })));
-};
+});
 AccordionItem.displayName = ComponentName.AccordionItem;
 export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSx3QkFBd0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0YsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBUXZEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQXdFO0lBQXRFLElBQUEsSUFBSSxVQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFsRCxpREFBb0QsQ0FBRjtJQUNqRSxJQUFBLEtBQUEsT0FBMEIsUUFBUSxDQUFVLE9BQU8sQ0FBQyxPQUFPLElBQUksS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBQSxFQUEvRixRQUFRLFFBQUEsRUFBRSxX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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsd0JBQXdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBUTNGOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLElBQUksVUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbEQsaURBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FBVSxPQUFPLENBQUMsT0FBTyxJQUFJLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUEsRUFBL0YsUUFBUSxRQUFBLEVBQUUsV0FB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

package/lib/components/accordion/item/AccordionItemProps.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 export type TargetElement = HTMLElement & {
     active?: boolean;
@@ -22,3 +23,5 @@ export interface AccordionItemProps extends CommonProps {
     onClick?: OnClickCallback;
     disabled?: boolean;
 }
+export type AccordionItemRef = HTMLDetailsElement;
+export type AccordionItemNativeRef = View;

package/lib/components/accordion/item/body/AccordionBody.d.ts

@@ -7,5 +7,5 @@ import { AccordionBodyProps } from './AccordionBodyProps';
  * @param className {string} Additionnal CSS Classes
  * @param dataId {string} data attribute
  */
-declare const AccordionBody: ({ children, className, id, ...others }: AccordionBodyProps) => React.JSX.Element;
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<HTMLDivElement>>;
 export default AccordionBody;

package/lib/components/accordion/item/body/AccordionBody.js

@@ -1,8 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../../helpers';
+import { ComponentName } from '../../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
@@ -10,12 +11,13 @@ import { useTrilogyContext } from '../../../../context';
  * @param className {string} Additionnal CSS Classes
  * @param dataId {string} data attribute
  */
-var AccordionBody = function (_a) {
+var AccordionBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('accordion-body', className)), onClick: function (e) {
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('accordion-body', className)), onClick: function (e) {
             e.stopPropagation();
         } }, others), children));
-};
+});
+AccordionBody.displayName = ComponentName.AccordionBody;
 export default AccordionBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFBMEQ7SUFBeEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ2pELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBc0MsRUFBRSxHQUFHO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=

package/lib/components/accordion/item/body/AccordionBody.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import { AccordionBodyProps } from "./AccordionBodyProps";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+import * as React from 'react';
+import { View } from 'react-native';
+import { AccordionBodyProps } from './AccordionBodyProps';
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
  */
-declare const AccordionBody: {
-    ({ children, ...others }: AccordionBodyProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<View>>;
 export default AccordionBody;

package/lib/components/accordion/item/body/AccordionBody.native.js

@@ -1,18 +1,18 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
  */
-var AccordionBody = function (_a) {
+var AccordionBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         accordionBody: {},
     });
-    return (React.createElement(View, __assign({ style: [styles.accordionBody] }, others), children));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: [styles.accordionBody] }, others), children));
+});
 AccordionBody.displayName = ComponentName.AccordionBody;
 export default AccordionBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvQWNjb3JkaW9uQm9keS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUdGO0lBRm5CLElBQUEsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUZZLFlBR3RCLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLGFBQWEsRUFBRSxFQUFFO0tBQ2xCLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFNLE1BQU0sR0FDNUMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUV2RCxlQUFlLGFBQWEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvQWNjb3JkaW9uQm9keS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7OztHQUdHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDcEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixhQUFhLEVBQUUsRUFBRTtLQUNsQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFNLE1BQU0sR0FDdEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBRXZELGVBQWUsYUFBYSxDQUFBIn0=

package/lib/components/accordion/item/body/AccordionBodyProps.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
-import { CommonProps } from '../../../../objects/facets/CommonProps';
 import { Dev } from '../../../../objects';
+import { View } from 'react-native';
+import { CommonProps } from '../../../../objects/facets/CommonProps';
 /**
  * Accordion Body Interface
  */
 export interface AccordionBodyProps extends Dev, CommonProps {
     children?: React.ReactNode;
 }
+export type AccordionBodyRef = HTMLDivElement;
+export type AccordionBodyNativeRef = View;

package/lib/components/accordion/item/header/AccordionHeader.d.ts

@@ -7,5 +7,5 @@ import { AccordionHeaderProps } from './AccordionHeaderProps';
  * @param testId
  * @param others
  */
-declare const AccordionHeader: ({ children, className, id, ...others }: AccordionHeaderProps) => React.JSX.Element;
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLSourceElement>>;
 export default AccordionHeader;

package/lib/components/accordion/item/header/AccordionHeader.js

@@ -1,8 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../../helpers';
+import { ComponentName } from '../../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Accordion Header
  * @param className {string} Additionnal CSS Classes
@@ -10,10 +11,11 @@ import { useTrilogyContext } from '../../../../context';
  * @param testId
  * @param others
  */
-var AccordionHeader = function (_a) {
+var AccordionHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("summary", __assign({ id: id, className: hashClass(styled, clsx('accordion-header', className)), role: 'button' }, others), children));
-};
+    return (React.createElement("summary", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('accordion-header', className)), role: 'button' }, others), children));
+});
+AccordionHeader.displayName = ComponentName.AccordionHeader;
 export default AccordionHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFBNEQ7SUFBMUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ25ELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCwwQ0FBUyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBQyxRQUFRLElBQUssTUFBTSxHQUN6RyxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxlQUFlLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3RDLFVBQUMsRUFBc0MsRUFBRSxHQUFHO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsMENBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUNqRSxJQUFJLEVBQUMsUUFBUSxJQUNULE1BQU0sR0FFVCxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFDM0QsZUFBZSxlQUFlLENBQUEifQ==

package/lib/components/accordion/item/header/AccordionHeader.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import { AccordionHeaderProps } from "./AccordionHeaderProps";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+import * as React from 'react';
+import { View } from 'react-native';
+import { AccordionHeaderProps } from './AccordionHeaderProps';
 /**
  * Accordion Header
  * @param children {React.ReactNode}
  */
-declare const AccordionHeader: {
-    ({ children }: AccordionHeaderProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<View>>;
 export default AccordionHeader;

package/lib/components/accordion/item/header/AccordionHeader.native.js

@@ -1,21 +1,21 @@
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Accordion Header
  * @param children {React.ReactNode}
  */
-var AccordionHeader = function (_a) {
+var AccordionHeader = React.forwardRef(function (_a, ref) {
     var children = _a.children;
     var styles = StyleSheet.create({
         header: {
-            maxWidth: "95%",
-            minWidth: "95%",
-            width: "95%"
+            maxWidth: '95%',
+            minWidth: '95%',
+            width: '95%',
         },
     });
-    return React.createElement(View, { style: styles.header }, children);
-};
+    return (React.createElement(View, { ref: ref, style: styles.header }, children));
+});
 AccordionHeader.displayName = ComponentName.AccordionHeader;
 export default AccordionHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaGVhZGVyL0FjY29yZGlvbkhlYWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQWtDO1FBQWhDLFFBQVEsY0FBQTtJQUNqQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxLQUFLO1lBQ2YsUUFBUSxFQUFFLEtBQUs7WUFDZixLQUFLLEVBQUUsS0FBSztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLElBQUcsUUFBUSxDQUFRLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaGVhZGVyL0FjY29yZGlvbkhlYWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7O0dBR0c7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQ1QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixRQUFRLEVBQUUsS0FBSztZQUNmLFFBQVEsRUFBRSxLQUFLO1lBQ2YsS0FBSyxFQUFFLEtBQUs7U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sSUFDakMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=

package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../../../objects/facets/CommonProps';
 /**
  * AccordionHeader Interface
@@ -6,3 +7,5 @@ import { CommonProps } from '../../../../objects/facets/CommonProps';
 export interface AccordionHeaderProps extends CommonProps {
     children?: React.ReactNode;
 }
+export type AccordionHeaderRef = HTMLSourceElement;
+export type AccordionHeaderNativeRef = View;

package/lib/components/alert/Alert.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { AlertProps, ToasterStatusProps } from './AlertProps';
 /**
  * Alert Component
@@ -12,7 +12,7 @@ import { AlertProps, ToasterStatusProps } from './AlertProps';
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-declare const Alert: ({ banner, status, className, id, iconName, title, description, onClick, display, ...others }: AlertProps) => JSX.Element;
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Toaster Alert Provider
  * @param children {React.ReactNode} Custom Toast Content