@trilogy-ds/react 4.8.2 → 4.9.0-beta-build-1

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

@@ -0,0 +1,27 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle } from '../../../objects';
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+/**
+ * Box Footer Component
+ * @param children {React.ReactNode} Childrens
+ * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ */
+var BoxFooter = React.forwardRef(function (_a, ref) {
+    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',
+            borderBottomLeftRadius: boxRadius,
+            borderBottomRightRadius: boxRadius,
+        },
+    });
+    return (React.createElement(View, __assign({ ref: ref, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDekMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXdDLEVBQUUsR0FBRztJQUEzQyxJQUFBLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQXRDLCtCQUF3QyxDQUFGO0lBQ3JDLElBQU0sU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUVuQixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULE9BQU8sRUFBRSxFQUFFO1lBQ1gsY0FBYyxFQUFFLFFBQVE7WUFDeEIsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhO1lBQ2pGLHNCQUFzQixFQUFFLFNBQVM7WUFDakMsdUJBQXVCLEVBQUUsU0FBUztTQUNuQztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUNsRCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDM0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { Dev } from '../../../objects/facets/Dev';
+import { View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Box Footer Interface
+ */
+export interface BoxFooterProps extends Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+}
+export type BoxFooterRef = HTMLDivElement;
+export type BoxFooterNativeRef = View;

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

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvQm94Rm9vdGVyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/box/footer/BoxFooterProps.mjs

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

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

@@ -0,0 +1,2 @@
+import BoxFooter from './BoxFooter';
+export default BoxFooter;

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

@@ -1,3 +1,6 @@
-import BoxFooter from './BoxFooter';
-export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var BoxFooter_1 = tslib_1.__importDefault(require("./BoxFooter"));
+exports.default = BoxFooter_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9mb290ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsa0VBQW1DO0FBRW5DLGtCQUFlLG1CQUFTLENBQUEifQ==

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { BoxHeaderProps } from './BoxHeaderProps';
+/**
+ * Box Header Component
+ * @param children {React.ReactNode} Children
+ * @param help {string} Box Header Help Sticker
+ * @param variant {TrilogyColor} Box Header backgroundColor
+ * @param align
+ * @param id
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default BoxHeader;

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

@@ -1,12 +1,14 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import { getAlignClassName } from '../../../objects/facets/Alignable';
-import { has, is } from '../../../services/classify';
-import clsx from 'clsx';
-import * as React from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var context_1 = require("../../../context");
+var helpers_1 = require("../../../helpers");
+var Background_1 = require("../../../objects/atoms/Background");
+var Alignable_1 = require("../../../objects/facets/Alignable");
+var classify_1 = require("../../../services/classify");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var React = tslib_1.__importStar(require("react"));
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
@@ -18,19 +20,19 @@ import * as React from 'react';
  * @param className {string} Additional CSS Classes
  */
 var BoxHeader = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, others = __rest(_a, ["children", "className", "id", "align", "variant"]);
-    var styled = useTrilogyContext().styled;
+    var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, others = tslib_1.__rest(_a, ["children", "className", "id", "align", "variant"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
     var alignClass = null;
     if (align) {
         alignClass =
-            (getAlignClassName(align) === 'aligned-start' && is('justified-start')) ||
-                (getAlignClassName(align) === 'aligned-center' && is('justified-center')) ||
-                (getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
+            ((0, Alignable_1.getAlignClassName)(align) === 'aligned-start' && (0, classify_1.is)('justified-start')) ||
+                ((0, Alignable_1.getAlignClassName)(align) === 'aligned-center' && (0, classify_1.is)('justified-center')) ||
+                ((0, Alignable_1.getAlignClassName)(align) === 'aligned-end' && (0, classify_1.is)('justified-end')) ||
                 null;
     }
-    var classes = hashClass(styled, clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('box-header', className, variant && (0, classify_1.has)((0, Background_1.getBackgroundClassName)(variant)), align && alignClass));
+    return (React.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: classes }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
 });
-BoxHeader.displayName = ComponentName.BoxHeader;
-export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXNELEVBQUUsR0FBRztJQUF6RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBcEQsbURBQXNELENBQUY7SUFDM0MsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBQ0QsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxVQUFVLENBQUMsQ0FDcEcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzlFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBQ0QsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+BoxHeader.displayName = enumsComponentsName_1.ComponentName.BoxHeader;
+exports.default = BoxHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQWdFO0FBQ2hFLHFDQUE2QztBQUM3QyxxQ0FBcUM7QUFDckMseURBQW1FO0FBQ25FLHdEQUE4RDtBQUM5RCxnREFBNkM7QUFDN0Msc0RBQXVCO0FBQ3ZCLG1EQUE4QjtBQUc5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXNELEVBQUUsR0FBRztJQUF6RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sc0JBQXBELG1EQUFzRCxDQUFGO0lBQzNDLElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsSUFBQSw2QkFBaUIsRUFBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksSUFBQSxhQUFFLEVBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDdkUsQ0FBQyxJQUFBLDZCQUFpQixFQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLElBQUEsYUFBRSxFQUFDLGtCQUFrQixDQUFDLENBQUM7Z0JBQ3pFLENBQUMsSUFBQSw2QkFBaUIsRUFBQyxLQUFLLENBQUMsS0FBSyxhQUFhLElBQUksSUFBQSxhQUFFLEVBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBQ0QsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBUyxFQUN2QixNQUFNLEVBQ04sSUFBQSxjQUFJLEVBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksSUFBQSxjQUFHLEVBQUMsSUFBQSxtQ0FBc0IsRUFBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxVQUFVLENBQUMsQ0FDcEcsQ0FBQTtJQUVELE9BQU8sQ0FDTCw4Q0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzlFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBQ0QsU0FBUyxDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxrQkFBZSxTQUFTLENBQUEifQ==

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

@@ -0,0 +1,36 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getBackgroundClassName } from '../../../objects/atoms/Background';
+import { getAlignClassName } from '../../../objects/facets/Alignable';
+import { has, is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * Box Header Component
+ * @param children {React.ReactNode} Children
+ * @param help {string} Box Header Help Sticker
+ * @param variant {TrilogyColor} Box Header backgroundColor
+ * @param align
+ * @param id
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+var BoxHeader = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, align = _a.align, variant = _a.variant, others = __rest(_a, ["children", "className", "id", "align", "variant"]);
+    var styled = useTrilogyContext().styled;
+    var alignClass = null;
+    if (align) {
+        alignClass =
+            (getAlignClassName(align) === 'aligned-start' && is('justified-start')) ||
+                (getAlignClassName(align) === 'aligned-center' && is('justified-center')) ||
+                (getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
+                null;
+    }
+    var classes = hashClass(styled, clsx('box-header', className, variant && has(getBackgroundClassName(variant)), align && alignClass));
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children && typeof children.valueOf() === 'string' ? React.createElement("p", null, children) : children));
+});
+BoxHeader.displayName = ComponentName.BoxHeader;
+export default BoxHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvaGVhZGVyL0JveEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXNELEVBQUUsR0FBRztJQUF6RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBcEQsbURBQXNELENBQUY7SUFDM0MsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBQ0QsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLEtBQUssSUFBSSxVQUFVLENBQUMsQ0FDcEcsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLCtCQUFJLFFBQVEsQ0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzlFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBQ0QsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { BoxHeaderProps } from './BoxHeaderProps';
+/**
+ * Box Header Component
+ * @param children {React.ReactNode} Children
+ * @param variant {TrilogyColor} Box Header backgroundColor
+ */
+declare const BoxHeader: React.ForwardRefExoticComponent<BoxHeaderProps & React.RefAttributes<View>>;
+export default BoxHeader;

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

@@ -1,25 +1,27 @@
-import { __assign, __rest } from "tslib";
-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';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var providerStates_1 = require("../../../context/providerStates");
+var Color_1 = require("../../../objects/facets/Color");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var react_native_1 = require("react-native");
 /**
  * Box Header Component
  * @param children {React.ReactNode} Children
  * @param variant {TrilogyColor} Box Header backgroundColor
  */
 var BoxHeader = React.forwardRef(function (_a, ref) {
-    var children = _a.children, variant = _a.variant, others = __rest(_a, ["children", "variant"]);
-    var statesContext = useContext(StatesContext);
+    var children = _a.children, variant = _a.variant, others = tslib_1.__rest(_a, ["children", "variant"]);
+    var statesContext = (0, react_1.useContext)(providerStates_1.StatesContext);
     var centered = false;
     var pulledLeft = false;
     var pulledRight = false;
     var help = '';
-    var headerBgc = variant ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
-    var textColor = getColorStyle(TrilogyColor.BACKGROUND);
-    var styles = StyleSheet.create({
+    var headerBgc = variant ? (0, Color_1.getColorStyle)(variant) : (0, Color_1.getColorStyle)(Color_1.TrilogyColor.MAIN);
+    var textColor = (0, Color_1.getColorStyle)(Color_1.TrilogyColor.BACKGROUND);
+    var styles = react_native_1.StyleSheet.create({
         boxHeader: {
             width: '100%',
             backgroundColor: headerBgc,
@@ -47,11 +49,11 @@ var BoxHeader = React.forwardRef(function (_a, ref) {
             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),
-        help && (React.createElement(View, { style: styles.helpContainer },
-            React.createElement(Text, { style: styles.help }, help)))));
+    return (React.createElement(react_native_1.View, tslib_1.__assign({ style: [styles.boxHeader], ref: ref }, others),
+        children && typeof children.valueOf() === 'string' ? (React.createElement(react_native_1.Text, { style: styles.text }, String(children))) : (children),
+        help && (React.createElement(react_native_1.View, { style: styles.helpContainer },
+            React.createElement(react_native_1.Text, { style: styles.help }, help)))));
 });
-BoxHeader.displayName = ComponentName.BoxHeader;
-export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQWdDLEVBQUUsR0FBRztJQUFuQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDN0IsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQy9DLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUN0QixJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUE7SUFDeEIsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ3pCLElBQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUVmLElBQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JGLElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxTQUFTO1lBQzFCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsV0FBVyxFQUFFLEVBQUU7WUFDZixtQkFBbUIsRUFBRSxDQUFDO1lBQ3RCLG9CQUFvQixFQUFFLENBQUM7WUFDdkIsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUUsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUNSLENBQUMsUUFBUSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFlBQVksQ0FBQyxJQUFJLFlBQVk7WUFDdkcsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxLQUFLO1NBQ2xCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU07UUFDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNwRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVDtRQUVBLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNsQyxDQUNSLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+BoxHeader.displayName = enumsComponentsName_1.ComponentName.BoxHeader;
+exports.default = BoxHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3RUFBZ0U7QUFDaEUsMkRBQXdEO0FBQ3hELGdEQUFvRTtBQUNwRSxtREFBOEI7QUFDOUIsK0JBQWtDO0FBQ2xDLDZDQUFxRDtBQUdyRDs7OztHQUlHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFBQyxFQUFnQyxFQUFFLEdBQUc7SUFBbkMsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLHNCQUE5Qix1QkFBZ0MsQ0FBRjtJQUM3QixJQUFNLGFBQWEsR0FBRyxJQUFBLGtCQUFVLEVBQUMsOEJBQWEsQ0FBQyxDQUFBO0lBQy9DLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUN0QixJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUE7SUFDeEIsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ3pCLElBQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUVmLElBQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBQSxxQkFBYSxFQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFBLHFCQUFhLEVBQUMsb0JBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNyRixJQUFNLFNBQVMsR0FBRyxJQUFBLHFCQUFhLEVBQUMsb0JBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyx5QkFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxTQUFTO1lBQzFCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsV0FBVyxFQUFFLEVBQUU7WUFDZixtQkFBbUIsRUFBRSxDQUFDO1lBQ3RCLG9CQUFvQixFQUFFLENBQUM7WUFDdkIsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUUsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUNSLENBQUMsUUFBUSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFlBQVksQ0FBQyxJQUFJLFlBQVk7WUFDdkcsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxLQUFLO1NBQ2xCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsbUJBQUkscUJBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTTtRQUNsRCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxtQkFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNwRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVDtRQUVBLElBQUksSUFBSSxDQUNQLG9CQUFDLG1CQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxhQUFhO1lBQy9CLG9CQUFDLG1CQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsSUFBSSxDQUFRLENBQ2xDLENBQ1IsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0Msa0JBQWUsU0FBUyxDQUFBIn0=

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

@@ -0,0 +1,57 @@
+import { __assign, __rest } from "tslib";
+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';
+/**
+ * Box Header Component
+ * @param children {React.ReactNode} Children
+ * @param variant {TrilogyColor} Box Header backgroundColor
+ */
+var BoxHeader = React.forwardRef(function (_a, ref) {
+    var children = _a.children, variant = _a.variant, others = __rest(_a, ["children", "variant"]);
+    var statesContext = useContext(StatesContext);
+    var centered = false;
+    var pulledLeft = false;
+    var pulledRight = false;
+    var help = '';
+    var headerBgc = variant ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
+    var textColor = getColorStyle(TrilogyColor.BACKGROUND);
+    var styles = StyleSheet.create({
+        boxHeader: {
+            width: '100%',
+            backgroundColor: headerBgc,
+            padding: 10,
+            paddingLeft: 16,
+            borderTopLeftRadius: 6,
+            borderTopRightRadius: 6,
+            marginTop: (statesContext.active && -2) || (statesContext.flat && -1) || 0,
+            justifyContent: 'space-between',
+            alignItems: (centered && 'center') || (pulledRight && 'flex-end') || (pulledLeft && 'flex-start') || 'flex-start',
+            flexDirection: 'row',
+        },
+        text: {
+            color: textColor,
+            fontSize: 15,
+            fontWeight: '600',
+        },
+        helpContainer: {
+            alignSelf: 'center',
+        },
+        help: {
+            fontSize: 12,
+            color: textColor,
+            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),
+        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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2hlYWRlci9Cb3hIZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQWdDLEVBQUUsR0FBRztJQUFuQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDN0IsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQy9DLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUN0QixJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUE7SUFDeEIsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ3pCLElBQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUVmLElBQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JGLElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLGVBQWUsRUFBRSxTQUFTO1lBQzFCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsV0FBVyxFQUFFLEVBQUU7WUFDZixtQkFBbUIsRUFBRSxDQUFDO1lBQ3RCLG9CQUFvQixFQUFFLENBQUM7WUFDdkIsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUUsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUNSLENBQUMsUUFBUSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLFlBQVksQ0FBQyxJQUFJLFlBQVk7WUFDdkcsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxLQUFLO1NBQ2xCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsU0FBUyxFQUFFLFFBQVE7U0FDcEI7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsRUFBRTtZQUNaLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxFQUFFO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU07UUFDbEQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNwRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVDtRQUVBLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLElBQUksQ0FBUSxDQUNsQyxDQUNSLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * Box Header Interface
+ */
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface BoxHeaderProps extends AlignableProps, Accessibility, CommonProps {
+    children?: React.ReactNode;
+    variant?: TrilogyColor | TrilogyColorValues;
+}
+export type BoxHeaderRef = HTMLDivElement;
+export type BoxHeaderNativeRef = View;

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

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SGVhZGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvQm94SGVhZGVyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/box/header/BoxHeaderProps.mjs

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

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

@@ -0,0 +1,2 @@
+import BoxHeader from './BoxHeader';
+export default BoxHeader;

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

@@ -1,3 +1,6 @@
-import BoxHeader from './BoxHeader';
-export default BoxHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var BoxHeader_1 = tslib_1.__importDefault(require("./BoxHeader"));
+exports.default = BoxHeader_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsa0VBQW1DO0FBRW5DLGtCQUFlLG1CQUFTLENBQUEifQ==

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

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

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

@@ -0,0 +1,9 @@
+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,10 +1,20 @@
-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=
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxTableContainer = exports.BoxFooter = exports.BoxContent = exports.BoxHeader = exports.BoxItemSize = exports.BoxItem = exports.Box = void 0;
+var tslib_1 = require("tslib");
+var Box_1 = tslib_1.__importDefault(require("./Box"));
+exports.Box = Box_1.default;
+var content_1 = tslib_1.__importDefault(require("./content"));
+exports.BoxContent = content_1.default;
+var footer_1 = tslib_1.__importDefault(require("./footer"));
+exports.BoxFooter = footer_1.default;
+var header_1 = tslib_1.__importDefault(require("./header"));
+exports.BoxHeader = header_1.default;
+var table_container_1 = tslib_1.__importDefault(require("./table-container"));
+exports.BoxTableContainer = table_container_1.default;
+var item_1 = tslib_1.__importDefault(require("./item"));
+exports.BoxItem = item_1.default;
+var BoxItemEnum_1 = require("./item/BoxItemEnum");
+Object.defineProperty(exports, "BoxItemSize", { enumerable: true, get: function () { return BoxItemEnum_1.BoxItemSize; } });
+tslib_1.__exportStar(require("./BoxProps"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsc0RBQXVCO0FBVWQsY0FWRixhQUFHLENBVUU7QUFUWiw4REFBa0M7QUFTYSxxQkFUeEMsaUJBQVUsQ0FTd0M7QUFSekQsNERBQWdDO0FBUTJCLG9CQVJwRCxnQkFBUyxDQVFvRDtBQVBwRSw0REFBZ0M7QUFPSSxvQkFQN0IsZ0JBQVMsQ0FPNkI7QUFON0MsOEVBQWlEO0FBTXFCLDRCQU4vRCx5QkFBaUIsQ0FNK0Q7QUFMdkYsd0RBQTRCO0FBS2Qsa0JBTFAsY0FBTyxDQUtPO0FBSnJCLGtEQUFnRDtBQUl6Qiw0RkFKZCx5QkFBVyxPQUljO0FBRmxDLHFEQUEwQiJ9

package/lib/components/box/index.mjs

@@ -0,0 +1,10 @@
+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.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { BoxItemProps } from './BoxItemProps';
+/**
+ * Box Item Component
+ * @param children {React.ReactNode} Children
+ * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const BoxItem: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<HTMLDivElement>>;
+export default BoxItem;

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

@@ -1,9 +1,11 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import clsx from 'clsx';
-import * as React from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var context_1 = require("../../../context");
+var hashClassesHelpers_1 = require("../../../helpers/hashClassesHelpers");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var React = tslib_1.__importStar(require("react"));
 /**
  * Box Item Component
  * @param children {React.ReactNode} Children
@@ -12,10 +14,10 @@ import * as React from 'react';
  * @param className {string} Additional CSS Classes
  */
 var BoxItem = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('box-item', className)) }, others), children));
+    var className = _a.className, id = _a.id, children = _a.children, others = tslib_1.__rest(_a, ["className", "id", "children"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    return (React.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('box-item', className)) }, others), children));
 });
-BoxItem.displayName = ComponentName.BoxItem;
-export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQXNDLEVBQUUsR0FBRztJQUF6QyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBcEMsK0JBQXNDLENBQUY7SUFDM0IsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUN6RixRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==
+BoxItem.displayName = enumsComponentsName_1.ComponentName.BoxItem;
+exports.default = BoxItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQWdFO0FBQ2hFLHFDQUE2QztBQUM3QyxtRUFBd0Q7QUFDeEQsc0RBQXVCO0FBQ3ZCLG1EQUE4QjtBQUc5Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQXNDLEVBQUUsR0FBRztJQUF6QyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sc0JBQXBDLCtCQUFzQyxDQUFGO0lBQzNCLElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDhDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsSUFBQSw4QkFBUyxFQUFDLE1BQU0sRUFBRSxJQUFBLGNBQUksRUFBQyxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFBTSxNQUFNLEdBQ3pGLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0Msa0JBQWUsT0FBTyxDQUFBIn0=

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { BoxItemProps } from './BoxItemProps';
+/**
+ * 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>>;
+export default BoxItem;

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

@@ -1,16 +1,18 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
 /**
  * Box item Component
  * @param children {React.ReactNode} BoxItem Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  */
 var BoxItem = React.forwardRef(function (_a, ref) {
-    var children = _a.children, size = _a.size, others = __rest(_a, ["children", "size"]);
+    var children = _a.children, size = _a.size, others = tslib_1.__rest(_a, ["children", "size"]);
     var height = Number(size) || 48;
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         boxItem: {
             height: height,
             alignItems: 'center',
@@ -19,8 +21,8 @@ var BoxItem = React.forwardRef(function (_a, ref) {
             flex: 1,
         },
     });
-    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxItem] }, others), children));
+    return (React.createElement(react_native_1.View, tslib_1.__assign({ ref: ref, style: [styles.boxItem] }, others), children));
 });
-BoxItem.displayName = ComponentName.BoxItem;
-export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQTZCLEVBQUUsR0FBRztJQUFoQyxJQUFBLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFLLE1BQU0sY0FBM0Isb0JBQTZCLENBQUY7SUFDM0YsSUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUNqQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxNQUFNO1lBQ2QsVUFBVSxFQUFFLFFBQVE7WUFDcEIsWUFBWSxFQUFFLFFBQVE7WUFDdEIsUUFBUSxFQUFFLE1BQU07WUFDaEIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==
+BoxItem.displayName = enumsComponentsName_1.ComponentName.BoxItem;
+exports.default = BoxItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3RUFBZ0U7QUFDaEUsbURBQThCO0FBQzlCLDZDQUErQztBQUcvQzs7OztHQUlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUE2QixFQUFFLEdBQUc7SUFBaEMsSUFBQSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBSyxNQUFNLHNCQUEzQixvQkFBNkIsQ0FBRjtJQUMzRixJQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ2pDLElBQU0sTUFBTSxHQUFHLHlCQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxNQUFNO1lBQ2QsVUFBVSxFQUFFLFFBQVE7WUFDcEIsWUFBWSxFQUFFLFFBQVE7WUFDdEIsUUFBUSxFQUFFLE1BQU07WUFDaEIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBSSxxQkFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBTSxNQUFNLEdBQ2hELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0Msa0JBQWUsT0FBTyxDQUFBIn0=