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

package/lib/components/box/content/BoxContent.native.js

@@ -1,25 +1,25 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { getColorStyle } from '../../../objects/facets/Color';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { getColorStyle } from "../../../objects";
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens
  * @param backgroundColor {TrilogyColor} Box Content Background Color
  */
-var BoxContent = React.forwardRef(function (_a, ref) {
+var BoxContent = function (_a) {
     var children = _a.children, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundColor"]);
     var styles = StyleSheet.create({
         boxContent: {
             padding: 16,
-            justifyContent: 'center',
-            backgroundColor: (backgroundColor && getColorStyle(backgroundColor)) || 'transparent',
+            justifyContent: "center",
+            backgroundColor: backgroundColor && getColorStyle(backgroundColor) || "transparent",
             borderRadius: 6,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxContent] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
-});
+    return (React.createElement(View, __assign({ style: [styles.boxContent] }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, children)) : (children)));
+};
 BoxContent.displayName = ComponentName.BoxContent;
 export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQXlELEVBQUUsR0FBb0I7SUFBN0UsSUFBQSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUssTUFBTSxjQUF0QywrQkFBd0MsQ0FBRjtJQUNyQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFVBQVUsRUFBRTtZQUNWLE9BQU8sRUFBRSxFQUFFO1lBQ1gsY0FBYyxFQUFFLFFBQVE7WUFDeEIsZUFBZSxFQUFFLENBQUMsZUFBZSxJQUFJLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxJQUFJLGFBQWE7WUFDckYsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFNLE1BQU0sR0FDbkQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQ25GLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXpDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixlQUFlLHFCQUFBLEVBQ1osTUFBTSxjQUhTLCtCQUluQixDQURVO0lBRVQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixVQUFVLEVBQUU7WUFDVixPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlLElBQUksYUFBYSxDQUFDLGVBQWUsQ0FBQyxJQUFJLGFBQWE7WUFDbkYsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsSUFBTSxNQUFNLEdBQ3pDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksUUFBRSxRQUFRLENBQVEsQ0FDeEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/box/content/BoxContentProps.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
+import { Accessibility, Dev } from '../../../objects';
 import { BackgroundProps } from '../../../objects/atoms/Background';
-import { Accessibility } from '../../../objects/facets/Accessibility';
-import { Dev } from '../../../objects/facets/Dev';
 /**
  * Box Content Interface
  */

package/lib/components/box/content/index.d.ts

@@ -1,2 +1,2 @@
-import BoxContent from '../../../components/box/content/BoxContent';
+import BoxContent from './BoxContent';
 export default BoxContent;

package/lib/components/box/content/index.js

@@ -1,3 +1,3 @@
-import BoxContent from '../../../components/box/content/BoxContent';
+import BoxContent from './BoxContent';
 export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBRTVELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/box/footer/BoxFooter.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { BoxFooterProps } from '../../../components/box/footer/BoxFooterProps';
+/// <reference types="react" />
+import { BoxFooterProps } from "./BoxFooterProps";
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Children
@@ -7,5 +7,5 @@ import { BoxFooterProps } from '../../../components/box/footer/BoxFooterProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const BoxFooter: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const BoxFooter: ({ className, children, backgroundColor, testId, ...others }: BoxFooterProps) => JSX.Element;
 export default BoxFooter;

package/lib/components/box/footer/BoxFooter.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import { has } from '../../../services/classify';
+import * as React from "react";
+import { getBackgroundClassName } from "../../../objects";
+import { has } from "../../../services/classify";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Children
@@ -12,10 +12,10 @@ import { has } from '../../../services/classify';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var BoxFooter = React.forwardRef(function (_a, ref) {
+var BoxFooter = function (_a) {
     var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["className", "children", "backgroundColor", "testId"]);
-    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, className: hashClass(clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
-});
-BoxFooter.displayName = ComponentName.BoxFooter;
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(styled, clsx("box-footer", backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
+};
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFekM7Ozs7OztHQU1HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFDRSxFQUEyRSxFQUMzRSxHQUE4QjtJQUQ1QixJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXpELHNEQUEyRCxDQUFGO0lBR3pELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxpQkFDSyxNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQ2xCLElBQUksQ0FBQyxZQUFZLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFNRjtJQUxmLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsZUFBZSxxQkFBQSxFQUNmLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FMUSxzREFNbEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxxREFDZSxNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsWUFBWSxFQUNaLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsU0FBUyxDQUNWLENBQ0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/footer/BoxFooter.native.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BoxFooterProps } from '../../../components/box/footer/BoxFooterProps';
+/// <reference types="react" />
+import { BoxFooterProps } from "./BoxFooterProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Childrens
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  */
-declare const BoxFooter: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<View>>;
+declare const BoxFooter: {
+    ({ children, backgroundColor, ...others }: BoxFooterProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default BoxFooter;

package/lib/components/box/footer/BoxFooter.native.js

@@ -1,27 +1,29 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { getColorStyle } from '../../../objects/facets/Color';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getColorStyle } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Childrens
  * @param backgroundColor {TrilogyColor} Background for BoxFooter
  */
-var BoxFooter = React.forwardRef(function (_a, ref) {
+var BoxFooter = function (_a) {
     var children = _a.children, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundColor"]);
     var boxRadius = 6;
     var styles = StyleSheet.create({
         boxFooter: {
             padding: 12,
-            justifyContent: 'center',
-            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
+            justifyContent: "center",
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
+                : "transparent",
             borderBottomLeftRadius: boxRadius,
             borderBottomRightRadius: boxRadius,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.boxFooter], ref: ref }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
-});
+    return (React.createElement(View, __assign({ style: [styles.boxFooter] }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
+};
 BoxFooter.displayName = ComponentName.BoxFooter;
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXdELEVBQUUsR0FBb0I7SUFBNUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUssTUFBTSxjQUF0QywrQkFBd0MsQ0FBRjtJQUNyQyxJQUFNLFNBQVMsR0FBRyxDQUFDLENBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYTtZQUNqRixzQkFBc0IsRUFBRSxTQUFTO1lBQ2pDLHVCQUF1QixFQUFFLFNBQVM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBSUY7SUFIZixJQUFBLFFBQVEsY0FBQSxFQUNSLGVBQWUscUJBQUEsRUFDWixNQUFNLGNBSFEsK0JBSWxCLENBRFU7SUFFVCxJQUFNLFNBQVMsR0FBRyxDQUFDLENBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlO2dCQUM5QixDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQztnQkFDaEMsQ0FBQyxDQUFDLGFBQWE7WUFDakIsc0JBQXNCLEVBQUUsU0FBUztZQUNqQyx1QkFBdUIsRUFBRSxTQUFTO1NBQ25DO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUN4QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2hDLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/footer/BoxFooterProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects/facets';
+import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
 /**
  * Box Footer Interface
  */

package/lib/components/box/footer/index.d.ts

@@ -1,2 +1,2 @@
-import BoxFooter from '../../../components/box/footer/BoxFooter';
+import BoxFooter from './BoxFooter';
 export default BoxFooter;

package/lib/components/box/footer/index.js

@@ -1,3 +1,3 @@
-import BoxFooter from '../../../components/box/footer/BoxFooter';
+import BoxFooter from './BoxFooter';
 export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/header/BoxHeader.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { BoxHeaderProps } from '../../../components/box/header/BoxHeaderProps';
+/// <reference types="react" />
+import { BoxHeaderProps } from "./BoxHeaderProps";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
@@ -10,5 +10,5 @@ import { BoxHeaderProps } from '../../../components/box/header/BoxHeaderProps';
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<HTMLHeadElement>>;
+declare const BoxHeader: ({ children, className, help, variant, testId, ...others }: BoxHeaderProps) => JSX.Element;
 export default BoxHeader;

package/lib/components/box/header/BoxHeader.js

@@ -1,11 +1,11 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Text } from '../../../components/text';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import { has } from '../../../services/classify';
+import * as React from "react";
+import { Text } from "../../../components/text";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
+import { has } from "../../../services";
+import { getBackgroundClassName } from "../../../objects";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
@@ -16,13 +16,13 @@ import { has } from '../../../services/classify';
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-var BoxHeader = React.forwardRef(function (_a, ref) {
+var BoxHeader = function (_a) {
     var children = _a.children, className = _a.className, help = _a.help, variant = _a.variant, testId = _a.testId, others = __rest(_a, ["children", "className", "help", "variant", "testId"]);
-    var classes = hashClass(clsx('box-header', className, variant && has(getBackgroundClassName(variant))));
-    return (React.createElement("header", __assign({ "data-testid": testId, className: classes, ref: ref }, others),
-        children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children,
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("box-header", className, variant && has(getBackgroundClassName(variant))));
+    return (React.createElement("header", __assign({ "data-testid": testId, className: classes }, others),
+        children && typeof children.valueOf() === "string" ? (React.createElement("p", null, children)) : (children),
         help && (React.createElement(Text, { testId: testId && "".concat(testId, "-help"), className: 'box-header-help sticker is-small is-success' }, String(children)))));
-});
-BoxHeader.displayName = ComponentName.BoxHeader;
+};
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXpDOzs7Ozs7Ozs7R0FTRztBQUVILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQ0UsRUFBeUUsRUFDekUsR0FBK0I7SUFEN0IsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXZELHNEQUF5RCxDQUFGO0lBR3ZELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRXpHLE9BQU8sQ0FDTCx3REFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNO1FBQ2xFLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQ2pGLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsTUFBTSxJQUFJLFVBQUcsTUFBTSxVQUFPLEVBQUUsU0FBUyxFQUFDLDZDQUE2QyxJQUM5RixNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDUixDQUNNLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBQ0QsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNoQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFbEQ7Ozs7Ozs7OztHQVNHO0FBRUgsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQU9GO0lBTmYsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTlEsc0RBT2xCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsWUFBWSxFQUNaLFNBQVMsRUFDVCxPQUFPLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQ2hELENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx3REFBcUIsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN4RCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCwrQkFBSSxRQUFRLENBQUssQ0FDbEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFDQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQ0gsTUFBTSxFQUFFLE1BQU0sSUFBSSxVQUFHLE1BQU0sVUFBTyxFQUNsQyxTQUFTLEVBQUMsNkNBQTZDLElBRXRELE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FDWixDQUNSLENBQ00sQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/box/header/BoxHeader.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BoxHeaderProps } from '../../../components/box/header/BoxHeaderProps';
+/// <reference types="react" />
+import { BoxHeaderProps } from "./BoxHeaderProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Childrens
@@ -8,5 +8,8 @@ import { BoxHeaderProps } from '../../../components/box/header/BoxHeaderProps';
  * @param variant {TrilogyColor} Box Header backgroundColor
  * @param others
  */
-declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<View>>;
+declare const BoxHeader: {
+    ({ children, variant, help, ...others }: BoxHeaderProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default BoxHeader;

package/lib/components/box/header/BoxHeader.native.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { StatesContext } from '../../../context/providerStates';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import * as React from "react";
+import { useContext } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { StatesContext } from "../../../context/providerStates";
 /**
  * Box Header Component
  * @param children {React.ReactNode} Childrens
@@ -11,45 +12,47 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
  * @param variant {TrilogyColor} Box Header backgroundColor
  * @param others
  */
-var BoxHeader = React.forwardRef(function (_a, ref) {
+var BoxHeader = function (_a) {
     var children = _a.children, variant = _a.variant, help = _a.help, others = __rest(_a, ["children", "variant", "help"]);
     var statesContext = useContext(StatesContext);
-    var headerBgc = variant ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
+    var headerBgc = variant
+        ? getColorStyle(variant)
+        : getColorStyle(TrilogyColor.MAIN);
     var textColor = getColorStyle(TrilogyColor.BACKGROUND);
     var styles = StyleSheet.create({
         boxHeader: {
-            width: '100%',
+            width: "100%",
             backgroundColor: headerBgc,
             padding: 10,
             paddingLeft: 16,
             borderTopLeftRadius: 6,
             borderTopRightRadius: 6,
             marginTop: (statesContext.active && -2) || (statesContext.flat && -1) || 0,
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            flexDirection: 'row',
+            justifyContent: "space-between",
+            alignItems: "center",
+            flexDirection: "row",
         },
         text: {
             color: textColor,
             fontSize: 15,
-            fontWeight: '600',
-            textAlign: 'center',
+            fontWeight: "600",
+            textAlign: "center"
         },
         helpContainer: {
-            alignSelf: 'center',
+            alignSelf: "center",
         },
         help: {
             fontSize: 12,
             color: textColor,
-            fontWeight: '600',
+            fontWeight: "600",
             lineHeight: 15,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.boxHeader], ref: ref }, others),
-        children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text }, String(children))) : (children),
+    return (React.createElement(View, __assign({ style: [styles.boxHeader] }, others),
+        children && typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text }, String(children))) : (children),
         help && (React.createElement(View, { style: styles.helpContainer },
             React.createElement(Text, { style: styles.help }, help)))));
-});
+};
 BoxHeader.displayName = ComponentName.BoxHeader;
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXNELEVBQUUsR0FBb0I7SUFBMUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ25DLElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUUvQyxJQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNyRixJQUFNLFNBQVMsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXhELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsU0FBUztZQUMxQixPQUFPLEVBQUUsRUFBRTtZQUNYLFdBQVcsRUFBRSxFQUFFO1lBQ2YsbUJBQW1CLEVBQUUsQ0FBQztZQUN0QixvQkFBb0IsRUFBRSxDQUFDO1lBQ3ZCLFNBQVMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzFFLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLGFBQWEsRUFBRSxLQUFLO1NBQ3JCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLFNBQVM7WUFDaEIsUUFBUSxFQUFFLEVBQUU7WUFDWixVQUFVLEVBQUUsS0FBSztZQUNqQixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELGFBQWEsRUFBRTtZQUNiLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osUUFBUSxFQUFFLEVBQUU7WUFDWixLQUFLLEVBQUUsU0FBUztZQUNoQixVQUFVLEVBQUUsS0FBSztZQUNqQixVQUFVLEVBQUUsRUFBRTtTQUNmO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBTSxNQUFNO1FBQ2xELFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDcEQsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1Q7UUFFQSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxhQUFhO1lBQy9CLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxJQUFJLENBQVEsQ0FDbEMsQ0FDUixDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhEOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFLRjtJQUpmLElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0QsTUFBTSxjQUpRLCtCQUtsQixDQURVO0lBRVQsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBRS9DLElBQU0sU0FBUyxHQUFHLE9BQU87UUFDdkIsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDeEIsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEMsSUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLFNBQVM7WUFDMUIsT0FBTyxFQUFFLEVBQUU7WUFDWCxXQUFXLEVBQUUsRUFBRTtZQUNmLG1CQUFtQixFQUFFLENBQUM7WUFDdEIsb0JBQW9CLEVBQUUsQ0FBQztZQUN2QixTQUFTLEVBQ1AsQ0FBQyxhQUFhLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUNqRSxjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixhQUFhLEVBQUUsS0FBSztTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxFQUFFO1lBQ1osVUFBVSxFQUFFLEtBQUs7WUFDakIsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxhQUFhLEVBQUU7WUFDYixTQUFTLEVBQUUsUUFBUTtTQUNwQjtRQUNELElBQUksRUFBRTtZQUNKLFFBQVEsRUFBRSxFQUFFO1lBQ1osS0FBSyxFQUFFLFNBQVM7WUFDaEIsVUFBVSxFQUFFLEtBQUs7WUFDakIsVUFBVSxFQUFFLEVBQUU7U0FDZjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU07UUFDeEMsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNwRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVDtRQUVBLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNsQyxDQUNSLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/box/header/BoxHeaderProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Accessibility, Centerable, Dev, Position, StatusState, VariantState } from '../../../objects/facets';
+import { Accessibility, Dev, Centerable, Position, VariantState, StatusState } from '../../../objects';
 export interface BoxHeaderProps extends Position, Centerable, Accessibility, Dev {
     children?: React.ReactNode;
     help?: string;

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

@@ -1,2 +1,2 @@
-import BoxHeader from '../../../components/box/header/BoxHeader';
+import BoxHeader from './BoxHeader';
 export default BoxHeader;

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

@@ -1,3 +1,3 @@
-import BoxHeader from '../../../components/box/header/BoxHeader';
+import BoxHeader from './BoxHeader';
 export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -1,8 +1,9 @@
-export { default as Box } from '../../components/box/Box';
-export * from '../../components/box/BoxProps';
-export { default as BoxContent } from '../../components/box/content';
-export { default as BoxFooter } from '../../components/box/footer';
-export { default as BoxHeader } from '../../components/box/header';
-export { default as BoxItem } from '../../components/box/item';
-export * from '../../components/box/item/BoxItemEnum';
-export { default as BoxTableContainer } from '../../components/box/table-container';
+import Box from './Box';
+import BoxContent from './content';
+import BoxFooter from './footer';
+import BoxHeader from './header';
+import BoxTableContainer from './table-container';
+import BoxItem from './item';
+import { BoxItemSize } from './item/BoxItemEnum';
+export * from './BoxProps';
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };

package/lib/components/box/index.js

@@ -1,9 +1,10 @@
-export { default as Box } from '../../components/box/Box';
-export * from '../../components/box/BoxProps';
-export { default as BoxContent } from '../../components/box/content';
-export { default as BoxFooter } from '../../components/box/footer';
-export { default as BoxHeader } from '../../components/box/header';
-export { default as BoxItem } from '../../components/box/item';
-export * from '../../components/box/item/BoxItemEnum';
-export { default as BoxTableContainer } from '../../components/box/table-container';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLEdBQUcsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELGNBQWMsMkJBQTJCLENBQUE7QUFDekMsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzlELE9BQU8sRUFBRSxPQUFPLElBQUksU0FBUyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDOUQsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUMxRCxjQUFjLG1DQUFtQyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxPQUFPLElBQUksaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQSJ9
+import Box from './Box';
+import BoxContent from './content';
+import BoxFooter from './footer';
+import BoxHeader from './header';
+import BoxTableContainer from './table-container';
+import BoxItem from './item';
+import { BoxItemSize } from './item/BoxItemEnum';
+export * from './BoxProps';
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFDdkIsT0FBTyxVQUFVLE1BQU0sV0FBVyxDQUFBO0FBQ2xDLE9BQU8sU0FBUyxNQUFNLFVBQVUsQ0FBQTtBQUNoQyxPQUFPLFNBQVMsTUFBTSxVQUFVLENBQUE7QUFDaEMsT0FBTyxpQkFBaUIsTUFBTSxtQkFBbUIsQ0FBQTtBQUNqRCxPQUFPLE9BQU8sTUFBTSxRQUFRLENBQUE7QUFDNUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRWhELGNBQWMsWUFBWSxDQUFBO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=

package/lib/components/box/item/BoxItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { BoxItemProps } from '../../../components/box/item/BoxItemProps';
+/// <reference types="react" />
+import { BoxItemProps } from "./BoxItemProps";
 /**
  * Box Item Component
  * @param children {React.ReactNode} Children
@@ -7,5 +7,5 @@ import { BoxItemProps } from '../../../components/box/item/BoxItemProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const BoxItem: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const BoxItem: ({ className, children, ...others }: BoxItemProps) => JSX.Element;
 export default BoxItem;

package/lib/components/box/item/BoxItem.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Box Item Component
  * @param children {React.ReactNode} Children
@@ -10,10 +10,10 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-var BoxItem = React.forwardRef(function (_a, ref) {
+var BoxItem = function (_a) {
     var className = _a.className, children = _a.children, others = __rest(_a, ["className", "children"]);
-    return (React.createElement("div", __assign({ className: hashClass(clsx('box-item', className)), ref: ref }, others), children));
-});
-BoxItem.displayName = ComponentName.BoxItem;
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ className: hashClass(styled, clsx("box-item", className)) }, others), children));
+};
 export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQWdELEVBQUUsR0FBOEI7SUFBOUUsSUFBQSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQWhDLHlCQUFrQyxDQUFGO0lBQy9CLE9BQU8sQ0FDTCxzQ0FBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDekUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBSUY7SUFIYixJQUFBLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FITSx5QkFJaEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUN2RSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/box/item/BoxItem.native.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BoxItemProps } from '../../../components/box/item/BoxItemProps';
+/// <reference types="react" />
+import { BoxItemProps } from "./BoxItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box item Component
  * @param children {React.ReactNode} BoxItem Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  */
-declare const BoxItem: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<View>>;
+declare const BoxItem: {
+    ({ children, size, ...others }: BoxItemProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default BoxItem;

package/lib/components/box/item/BoxItem.native.js

@@ -1,26 +1,26 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Box item Component
  * @param children {React.ReactNode} BoxItem Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  */
-var BoxItem = React.forwardRef(function (_a, ref) {
+var BoxItem = function (_a) {
     var children = _a.children, size = _a.size, others = __rest(_a, ["children", "size"]);
     var height = Number(size) || 48;
     var styles = StyleSheet.create({
         boxItem: {
             height: height,
-            alignItems: 'center',
-            alignContent: 'center',
-            flexWrap: 'wrap',
+            alignItems: "center",
+            alignContent: "center",
+            flexWrap: "wrap",
             flex: 1,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxItem] }, others), children));
-});
+    return (React.createElement(View, __assign({ style: [styles.boxItem] }, others), children));
+};
 BoxItem.displayName = ComponentName.BoxItem;
 export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEVBQTJDLEVBQUUsR0FBb0I7SUFBL0QsSUFBQSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBSyxNQUFNLGNBQTNCLG9CQUE2QixDQUFGO0lBQzNELElBQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDakMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxNQUFNLEVBQUUsTUFBTTtZQUNkLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFlBQVksRUFBRSxRQUFRO1lBQ3RCLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLElBQUksRUFBRSxDQUFDO1NBQ1I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFNLE1BQU0sR0FDaEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTJDO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUssTUFBTSxjQUEzQixvQkFBNkIsQ0FBRjtJQUMxQyxJQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ2pDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU07WUFDZCxVQUFVLEVBQUUsUUFBUTtZQUNwQixZQUFZLEVBQUUsUUFBUTtZQUN0QixRQUFRLEVBQUUsTUFBTTtZQUNoQixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/box/item/BoxItemProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BoxItemSize, BoxItemSizeValues } from '../../../components/box/item/BoxItemEnum';
+import { BoxItemSize, BoxItemSizeValues } from './BoxItemEnum';
 export interface BoxItemProps {
     children?: React.ReactNode;
     className?: string;

package/lib/components/box/item/index.d.ts

@@ -1,3 +1,3 @@
-import BoxItem from '../../../components/box/item/BoxItem';
-export * from '../../../components/box/item/BoxItemEnum';
+import BoxItem from './BoxItem';
+export * from './BoxItemEnum';
 export default BoxItem;

package/lib/components/box/item/index.js

@@ -1,4 +1,4 @@
-import BoxItem from '../../../components/box/item/BoxItem';
-export * from '../../../components/box/item/BoxItemEnum';
+import BoxItem from './BoxItem';
+export * from './BoxItemEnum';
 export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLCtCQUErQixDQUFBO0FBRW5ELGNBQWMsbUNBQW1DLENBQUE7QUFDakQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixjQUFjLGVBQWUsQ0FBQTtBQUU3QixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/box/table-container/BoxTableContainer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { BoxTableContainerProps } from '../../../components/box/table-container/BoxTableContainerProps';
+/// <reference types="react" />
+import { BoxTableContainerProps } from "./BoxTableContainerProps";
 /**
  * Box Table Component
  * @param children {React.ReactNode} Children
@@ -7,5 +7,5 @@ import { BoxTableContainerProps } from '../../../components/box/table-container/
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-declare const BoxTableContainer: React.ForwardRefExoticComponent<BoxTableContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const BoxTableContainer: ({ className, testId, ...others }: BoxTableContainerProps) => JSX.Element;
 export default BoxTableContainer;