@trilogy-ds/react 0.0.1-beta-147 → 0.0.1-beta-sc-2

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

@@ -1,11 +1,8 @@
-import * as React from 'react';
-import { AccordionProps } from './AccordionProps';
+import React from 'react';
+import { AccordionProps } from '../../components/accordion/AccordionProps';
 /**
  * Accordion Component
- * @param id
  * @param className {string} Additionnal CSS Classes
- * @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,20 +1,17 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context/index';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 /**
  * Accordion Component
- * @param id
  * @param className {string} Additionnal CSS Classes
- * @param children
- * @param others
  */
-var Accordion = function (_a) {
-    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));
-};
+var Accordion = React.forwardRef(function (_a, ref) {
+    var className = _a.className, testId = _a.testId, others = __rest(_a, ["className", "testId"]);
+    var classes = hashClass(clsx('accordions', className));
+    return React.createElement("section", __assign({ ref: ref, className: classes }, others, { "data-testid": testId }));
+});
+Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUM3QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7R0FHRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBZ0QsRUFBRSxHQUE4QjtJQUE5RSxJQUFBLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDN0IsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUN4RCxPQUFPLDBDQUFTLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLG1CQUFlLE1BQU0sSUFBSSxDQUFBO0FBQ25GLENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

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 React from 'react';
+import { View } from 'react-native';
+import { AccordionProps } from '../../components/accordion/AccordionProps';
 /**
  * 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 React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * 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%",
-            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=
+var styles = StyleSheet.create({
+    accordion: {
+        width: '100%',
+        minHeight: 10,
+        borderRadius: 6,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxFQUE2QixFQUFFLEdBQW9CO1FBQTlDLE1BQU0sY0FBWCxFQUFhLENBQUY7SUFDN0MsT0FBTyxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNoRSxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQTtBQUV4QixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQy9CLFNBQVMsRUFBRTtRQUNULEtBQUssRUFBRSxNQUFNO1FBQ2IsU0FBUyxFQUFFLEVBQUU7UUFDYixZQUFZLEVBQUUsQ0FBQztLQUNoQjtDQUNGLENBQUMsQ0FBQSJ9

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
+import { Dev } from '../../objects/facets/Dev';
 /**
  * Accordion Interface
  */
-import { CommonProps } from '../../objects/facets/CommonProps';
-export interface AccordionProps extends CommonProps {
-    children: React.ReactNode;
+export interface AccordionProps extends Dev {
+    children?: React.ReactNode;
+    className?: string;
 }

package/lib/components/accordion/AccordionPropsDefaults.js

@@ -13,14 +13,14 @@ export default {
       "ReactPortal"
     ]
   },
-  "id": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AccordionBodyProps } from '../../../components/accordion/body/AccordionBodyProps';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default AccordionBody;

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

@@ -0,0 +1,20 @@
+import { __assign, __rest } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ */
+var AccordionBody = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
+    return (React.createElement("div", __assign({ ref: ref, "data-accordion-body": true, "data-testid": testId, className: hashClass(clsx('accordion-body is-clipped', className)) }, others),
+        React.createElement("div", { className: hashClass(clsx('accordion-content')) }, children)));
+});
+AccordionBody.displayName = ComponentName.AccordionBody;
+export default AccordionBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2JvZHkvQWNjb3JkaW9uQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUNFLEVBQThELEVBQzlELEdBQThCO0lBRDVCLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUd4QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcseUJBQ2EsSUFBSSxpQkFDWixNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLDJCQUEyQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQzlELE1BQU07UUFFViw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ2xFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import { AccordionBodyProps } from '../../../components/accordion/body/AccordionBodyProps';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ */
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<View>>;
+export default AccordionBody;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Dev } from '../../../objects/facets/Dev';
+/**
+ * Accordion Body Interface
+ */
+export interface AccordionBodyProps extends Dev {
+    children?: React.ReactNode;
+    className?: string;
+}

package/lib/components/accordion/body/AccordionBodyProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vYm9keS9BY2NvcmRpb25Cb2R5UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/accordion/body/index.d.ts

@@ -0,0 +1,2 @@
+import AccordionBody from '../../../components/accordion/body/AccordionBody';
+export default AccordionBody;

package/lib/components/accordion/body/index.js

@@ -0,0 +1,3 @@
+import AccordionBody from '../../../components/accordion/body/AccordionBody';
+export default AccordionBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9ib2R5L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSxNQUFNLDJDQUEyQyxDQUFBO0FBRXJFLGVBQWUsYUFBYSxDQUFBIn0=

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AccordionHeaderProps } from '../../../components/accordion/header/AccordionHeaderProps';
+/**
+ * Accordion Header
+ * @param className {string} Additionnal CSS Classes
+ * @param children {React.ReactNode}
+ * @param testId
+ * @param others
+ */
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLElement>>;
+export default AccordionHeader;

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

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+/**
+ * Accordion Header
+ * @param className {string} Additionnal CSS Classes
+ * @param children {React.ReactNode}
+ * @param testId
+ * @param others
+ */
+var AccordionHeader = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
+    return (React.createElement("summary", __assign({ ref: ref, "data-accordion-header": true, className: hashClass(clsx('accordion-header', className)), role: 'button', "data-testid": testId }, others), children));
+});
+AccordionHeader.displayName = ComponentName.AccordionHeader;
+export default AccordionHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaGVhZGVyL0FjY29yZGlvbkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBQWdFLEVBQ2hFLEdBQTJCO0lBRHpCLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUd4QyxPQUFPLENBQ0wsMENBQ0UsR0FBRyxFQUFFLEdBQUcsMkJBQ2UsSUFBSSxFQUMzQixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUN6RCxJQUFJLEVBQUMsUUFBUSxpQkFDQSxNQUFNLElBQ2YsTUFBTSxHQUVULFFBQVEsQ0FDRCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUMzRCxlQUFlLGVBQWUsQ0FBQSJ9

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { View } from 'react-native';
+import { AccordionHeaderProps } from '../../../components/accordion/header/AccordionHeaderProps';
+/**
+ * Accordion Header
+ * @param children {React.ReactNode}
+ */
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<View>>;
+export default AccordionHeader;

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Dev } from '../../../objects/facets/Dev';
+/**
+ * AccordionHeader Interface
+ */
+export interface AccordionHeaderProps extends Dev {
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+}

package/lib/components/accordion/header/AccordionHeaderProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/{rows/row/RowPropsDefaults.js → accordion/header/AccordionHeaderPropsDefaults.js}

@@ -13,22 +13,22 @@ export default {
       "ReactPortal"
     ]
   },
-  "narrow": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
-  "id": {
-    "type": "string",
+  "disabled": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/accordion/header/index.d.ts

@@ -0,0 +1,2 @@
+import AccordionHeader from '../../../components/accordion/header/AccordionHeader';
+export default AccordionHeader;

package/lib/components/accordion/header/index.js

@@ -0,0 +1,3 @@
+import AccordionHeader from '../../../components/accordion/header/AccordionHeader';
+export default AccordionHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sK0NBQStDLENBQUE7QUFFM0UsZUFBZSxlQUFlLENBQUEifQ==

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

@@ -1,5 +1,4 @@
-import Accordion from './Accordion';
-import AccordionItem from './item';
-import AccordionHeader from './item/header';
-import AccordionBody from './item/body';
-export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
+export { default as Accordion } from '../../components/accordion/Accordion';
+export { default as AccordionBody } from '../../components/accordion/body';
+export { default as AccordionHeader } from '../../components/accordion/header';
+export { default as AccordionItem } from '../../components/accordion/item';

package/lib/components/accordion/index.js

@@ -1,6 +1,5 @@
-import Accordion from './Accordion';
-import AccordionItem from './item';
-import AccordionHeader from './item/header';
-import AccordionBody from './item/body';
-export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sUUFBUSxDQUFBO0FBQ2xDLE9BQU8sZUFBZSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLGFBQWEsTUFBTSxhQUFhLENBQUE7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=
+export { default as Accordion } from '../../components/accordion/Accordion';
+export { default as AccordionBody } from '../../components/accordion/body';
+export { default as AccordionHeader } from '../../components/accordion/header';
+export { default as AccordionItem } from '../../components/accordion/item';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxPQUFPLElBQUksYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDdEUsT0FBTyxFQUFFLE9BQU8sSUFBSSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFBIn0=

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { AccordionItemProps } from './AccordionItemProps';
+import React from 'react';
+import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -8,6 +8,8 @@ import { AccordionItemProps } from './AccordionItemProps';
  * @param onClick {ClickEvent} onClick Event
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
+ * @param onOpen {Function} onOpen Accordion Item Function
+ * @param onClose {Function} onClose Accordion Item Function
  */
-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,10 @@
 import { __assign, __rest } from "tslib";
-import React, { useRef } from 'react';
-import shortid from 'shortid';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import React from 'react';
+import { useAccordionItem } from '../../../components/accordion/item/hook/useAccordionItem';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { mergeRefs } from '../../../helpers/mergeRefs';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -12,18 +13,36 @@ import { useTrilogyContext } from '../../../context';
  * @param onClick {ClickEvent} onClick Event
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
+ * @param onOpen {Function} onOpen Accordion Item Function
+ * @param onClose {Function} onClose Accordion Item Function
  */
-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 styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('accordion-item', className));
+var AccordionItem = React.forwardRef(function (_a, ref) {
+    var active = _a.active, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? React.useId() : _b, onClick = _a.onClick, disabled = _a.disabled, onClose = _a.onClose, onOpen = _a.onOpen, others = __rest(_a, ["active", "className", "children", "id", "onClick", "disabled", "onClose", "onOpen"]);
+    var _c = useAccordionItem({
+        active: active,
+        onOpen: onOpen,
+        onClick: onClick,
+        onClose: onClose,
+    }), isActive = _c.isActive, collapsedHeight = _c.collapsedHeight, expandedHeight = _c.expandedHeight, localRef = _c.localRef, handleClick = _c.handleClick;
+    var classes = hashClass(clsx('accordion', className));
     var ariaProps = {};
+    var childrenElement;
+    if (children) {
+        childrenElement = Array.isArray(children)
+            ? children.map(function (child, index) {
+                return React.cloneElement(child, {
+                    key: "article-".concat(index),
+                    disabled: disabled,
+                });
+            })
+            : children;
+    }
     if (disabled) {
         ariaProps['tabIndex'] = -1;
         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));
-};
+    return (React.createElement("details", __assign({ open: isActive, "data-testid": id, className: classes, ref: mergeRefs([localRef, ref]), id: id, "data-collapsed": collapsedHeight, "data-expanded": expandedHeight, onClick: handleClick }, ariaProps, others), childrenElement));
+});
+AccordionItem.displayName = ComponentName.AccordionItem;
 export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3JDLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBUUY7SUFQbkIsSUFBQSxJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBUFksOERBUXRCLENBRFU7SUFFVCxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQXFCLElBQUksQ0FBQyxDQUFBO0lBQ3BDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFcEUsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLFFBQVEsRUFBRTtRQUNaLFNBQVMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUMxQixTQUFTLENBQUMsZUFBZSxDQUFDLEdBQUcsSUFBSSxDQUFBO0tBQ2xDO0lBRUQsT0FBTyxDQUNMLDBDQUNFLElBQUksRUFBRSxJQUFJLElBQ04sU0FBUyxtQkFDQSxFQUFFLEVBQ2YsU0FBUyxFQUFFLE9BQU8sRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxJQUNGLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFlLElBQUssT0FBQSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsS0FFMUQsUUFBUSxDQUNELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbURBQW1ELENBQUE7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFL0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQ0UsRUFVcUIsRUFDckIsR0FBa0M7SUFWaEMsSUFBQSxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVFgscUZBVUMsQ0FEVTtJQUlMLElBQUEsS0FBdUUsZ0JBQWdCLENBQUM7UUFDNUYsTUFBTSxRQUFBO1FBQ04sTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsT0FBTyxTQUFBO0tBQ1IsQ0FBQyxFQUxNLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsV0FBVyxpQkFLdEUsQ0FBQTtJQUVGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDdkQsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLGVBQWUsQ0FBQTtJQUNuQixJQUFJLFFBQVEsRUFBRTtRQUNaLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUN2QyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxLQUFhO2dCQUNoQyxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBMkIsRUFBRTtvQkFDckQsR0FBRyxFQUFFLGtCQUFXLEtBQUssQ0FBRTtvQkFDdkIsUUFBUSxVQUFBO2lCQUNULENBQUMsQ0FBQTtZQUNKLENBQUMsQ0FBQztZQUNKLENBQUMsQ0FBQyxRQUFRLENBQUE7S0FDYjtJQUVELElBQUksUUFBUSxFQUFFO1FBQ1osU0FBUyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQzFCLFNBQVMsQ0FBQyxlQUFlLENBQUMsR0FBRyxJQUFJLENBQUE7S0FDbEM7SUFFRCxPQUFPLENBQ0wsMENBQ0UsSUFBSSxFQUFFLFFBQVEsaUJBQ0QsRUFBRSxFQUNmLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQyxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFDL0IsRUFBRSxFQUFFLEVBQUUsb0JBQ1UsZUFBZSxtQkFDaEIsY0FBYyxFQUM3QixPQUFPLEVBQUUsV0FBVyxJQUNoQixTQUFTLEVBQ1QsTUFBTSxHQUVULGVBQWUsQ0FDUixDQUNYLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUN2RCxlQUFlLGFBQWEsQ0FBQSJ9

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

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { AccordionItemProps } from "./AccordionItemProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import React from 'react';
+import { View } from 'react-native';
+import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
  * @param id {string} id for accordion item
  * @param onClick {ClickEvent} onClick Event
+ * @param onOpen {Function} onOpen Accordion Item Function
+ * @param onClose {Function} onClose Accordion Item Function
  * @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;