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

package/lib/components/box/Box.native.mjs

@@ -0,0 +1,117 @@
+import { __assign, __read, __rest } from "tslib";
+import { BoxContext } from '../../components/box/context/boxContext';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { StatesContext } from '../../context/providerStates';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useState } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { ImageBackground, Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
+/**
+ * Box Component
+ * @param children {React.ReactNode} Childrens
+ * @param onClick {Function} onClick Event
+ * @param skeleton {boolean} Box skeleton
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param testId {string} Test id
+ * @param shadowless {boolean} Remove box shadow
+ * @param backgroundSrc {string} Source of background Image
+ * @param inverted {boolean} Inverted Box Color
+ * @param flat {boolean} Flat box remove shadow and add plain border
+ * @param hat {boolean} Box with a component Sticker props:hat
+ * @param flex {boolean} Flex: 1 to the box if usage of Image for Example
+ * @param fullheight {boolean}
+ * @param active {boolean} Activated box
+ * @param others
+ */
+var Box = React.forwardRef(function (_a, ref) {
+    var children = _a.children, onClick = _a.onClick, skeleton = _a.skeleton, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["children", "onClick", "skeleton", "highlighted", "shadowless", "backgroundColor", "backgroundSrc", "inverted", "flat", "headerOffset", "fullheight", "active"]);
+    var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
+    var _b = __read(useState(0), 2), boxHeight = _b[0], setBoxHeight = _b[1];
+    var boxRadius = 6;
+    var styles = StyleSheet.create({
+        box: {
+            width: '100%',
+            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
+            borderRadius: boxRadius,
+            justifyContent: 'flex-start',
+            position: 'relative',
+            borderStyle: flat ? 'solid' : undefined,
+            borderWidth: (flat && 1) || (active && 2) || 0,
+            borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL),
+            marginTop: headerOffset ? 35 : 0,
+            flex: fullheight ? 1 : 0,
+        },
+        shadow: shadowless
+            ? {}
+            : {
+                shadowColor: '#000',
+                shadowOffset: {
+                    width: 0,
+                    height: 1,
+                },
+                shadowOpacity: 0.22,
+                shadowRadius: 2.22,
+                elevation: 1,
+            },
+        skeleton: {
+            width: '100%',
+            minHeight: 50,
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            overflow: 'hidden',
+            borderRadius: boxRadius,
+        },
+        highlighted: {
+            position: 'absolute',
+            width: 8,
+            borderTopStartRadius: boxRadius,
+            borderBottomStartRadius: boxRadius,
+            height: boxHeight,
+            backgroundColor: highlighted ? getColorStyle(highlighted) : 'transparent',
+        },
+        boxImage: {
+            width: '100%',
+            minHeight: 100,
+            maxHeight: 300,
+            height: 'auto',
+        },
+        content: {
+            padding: 16,
+        },
+    });
+    var boxTestId = 'NotSpecified';
+    var BoxSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton' }),
+        React.createElement(View, { style: { opacity: 0 } }, children),
+        Platform.OS === 'android' && (React.createElement(View, null,
+            React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
+    if (skeleton) {
+        return React.createElement(BoxSkeleton, null);
+    }
+    if (onClick) {
+        return (React.createElement(BoxContext.Provider, { value: { fullHeight: fullheight || false } },
+            React.createElement(TouchableOpacity, { ref: ref, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, 
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], onLayout: function (event) {
+                    var height = event.nativeEvent.layout.height;
+                    setBoxHeight(height);
+                }, testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
+                Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
+                React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))) : (React.createElement(React.Fragment, null,
+                Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
+                React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))))));
+    }
+    return (React.createElement(BoxContext.Provider, { value: { fullHeight: fullheight || false } },
+        React.createElement(View, { ref: ref, onLayout: function (event) {
+                var height = event.nativeEvent.layout.height;
+                setBoxHeight(height);
+            }, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
+            Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
+            React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+            Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
+            children)))));
+});
+Box.displayName = ComponentName.Box;
+export default Box;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYm94L0JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RixPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFNUY7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDMUIsVUFDRSxFQWNDLEVBQ0QsR0FBRztJQWRELElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFlBQVksa0JBQUEsRUFDWixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWJYLGdLQWNDLENBRFU7SUFJWCxJQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ2pELElBQUEsS0FBQSxPQUE0QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBdEMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFlLENBQUE7SUFDN0MsSUFBTSxTQUFTLEdBQUcsQ0FBQyxDQUFBO0lBQ25CLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDNUUsWUFBWSxFQUFFLFNBQVM7WUFDdkIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3ZDLFdBQVcsRUFBRSxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzlDLFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQzVGLFNBQVMsRUFBRSxZQUFZLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNoQyxJQUFJLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDekI7UUFDRCxNQUFNLEVBQUUsVUFBVTtZQUNoQixDQUFDLENBQUMsRUFBRTtZQUNKLENBQUMsQ0FBQztnQkFDRSxXQUFXLEVBQUUsTUFBTTtnQkFDbkIsWUFBWSxFQUFFO29CQUNaLEtBQUssRUFBRSxDQUFDO29CQUNSLE1BQU0sRUFBRSxDQUFDO2lCQUNWO2dCQUNELGFBQWEsRUFBRSxJQUFJO2dCQUNuQixZQUFZLEVBQUUsSUFBSTtnQkFDbEIsU0FBUyxFQUFFLENBQUM7YUFDYjtRQUNMLFFBQVEsRUFBRTtZQUNSLEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEVBQUU7WUFDYixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDekQsUUFBUSxFQUFFLFFBQVE7WUFDbEIsWUFBWSxFQUFFLFNBQVM7U0FDeEI7UUFDRCxXQUFXLEVBQUU7WUFDWCxRQUFRLEVBQUUsVUFBVTtZQUNwQixLQUFLLEVBQUUsQ0FBQztZQUNSLG9CQUFvQixFQUFFLFNBQVM7WUFDL0IsdUJBQXVCLEVBQUUsU0FBUztZQUNsQyxNQUFNLEVBQUUsU0FBUztZQUNqQixlQUFlLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsV0FBZ0QsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhO1NBQy9HO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsR0FBRztZQUNkLFNBQVMsRUFBRSxHQUFHO1lBQ2QsTUFBTSxFQUFFLE1BQU07U0FDZjtRQUNELE9BQU8sRUFBRTtZQUNQLE9BQU8sRUFBRSxFQUFFO1NBQ1o7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFNBQVMsR0FBRyxjQUFjLENBQUE7SUFFaEMsSUFBTSxXQUFXLEdBQUcsY0FBTSxPQUFBLENBQ3hCLG9CQUFDLGFBQWEsYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsSUFBTSxNQUFNLElBQUUsTUFBTSxFQUFDLFVBQVU7UUFDbEUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsSUFBRyxRQUFRLENBQVE7UUFFN0MsUUFBUSxDQUFDLEVBQUUsS0FBSyxTQUFTLElBQUksQ0FDNUIsb0JBQUMsSUFBSTtZQUNILG9CQUFDLElBQUksSUFBQyxFQUFFLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBQyxJQUFJLEVBQUMsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsTUFBTSxHQUFHLENBQzlDLENBQ1IsQ0FDYSxDQUNqQixFQVZ5QixDQVV6QixDQUFBO0lBRUQsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLG9CQUFDLFdBQVcsT0FBRyxDQUFBO0tBQ3ZCO0lBRUQsSUFBSSxPQUFPLEVBQUU7UUFDWCxPQUFPLENBQ0wsb0JBQUMsVUFBVSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsVUFBVSxJQUFJLEtBQUssRUFBRTtZQUM3RCxvQkFBQyxnQkFBZ0IsSUFDZixHQUFHLEVBQUUsR0FBa0MsRUFDdkMsT0FBTyxFQUFFLFVBQUMsQ0FBVyxJQUFLLE9BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxFQUFaLENBQVk7Z0JBQ3RDLDhEQUE4RDtnQkFDOUQsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFHLE1BQWMsYUFBZCxNQUFNLHVCQUFOLE1BQU0sQ0FBVSxLQUFLLENBQUMsRUFDbkUsUUFBUSxFQUFFLFVBQUMsS0FBSztvQkFDTixJQUFBLE1BQU0sR0FBSyxLQUFLLENBQUMsV0FBVyxDQUFDLE1BQU0sT0FBN0IsQ0FBNkI7b0JBQzNDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQTtnQkFDdEIsQ0FBQyxFQUNELE1BQU0sRUFBRSxTQUFTLElBRWhCLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxlQUFlLElBQ2QsVUFBVSxFQUFFLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxFQUN2QyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFDdEIsTUFBTSxFQUFFLE9BQU8sYUFBYSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUU7Z0JBRWpGLE9BQU8sQ0FBQyxXQUFXLENBQUMsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxXQUFXLEdBQUk7Z0JBQzVELG9CQUFDLGFBQWEsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsSUFDcEYsUUFBUSxDQUNjLENBQ1QsQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxHQUFJO2dCQUM1RCxvQkFBQyxhQUFhLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLElBQ3BGLFFBQVEsQ0FDYyxDQUN4QixDQUNKLENBQ2dCLENBQ0MsQ0FDdkIsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLG9CQUFDLFVBQVUsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFVBQVUsSUFBSSxLQUFLLEVBQUU7UUFDN0Qsb0JBQUMsSUFBSSxJQUNILEdBQUcsRUFBRSxHQUFzQixFQUMzQixRQUFRLEVBQUUsVUFBQyxLQUFLO2dCQUNOLElBQUEsTUFBTSxHQUFLLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBTSxPQUE3QixDQUE2QjtnQkFDM0MsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1lBQ3RCLENBQUM7WUFDRCw4REFBOEQ7WUFDOUQsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksSUFBSSxNQUFNLENBQUMsTUFBTSxFQUFHLE1BQWMsYUFBZCxNQUFNLHVCQUFOLE1BQU0sQ0FBVSxLQUFLLENBQUMsRUFDbkUsTUFBTSxFQUFFLFNBQVMsSUFFaEIsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLGVBQWUsSUFDZCxVQUFVLEVBQUUsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLEVBQ3ZDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUN0QixNQUFNLEVBQUUsT0FBTyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRTtZQUVqRixPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxHQUFJO1lBQzVELG9CQUFDLGFBQWEsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsSUFDcEYsUUFBUSxDQUNjLENBQ1QsQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxhQUFhLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFO1lBQ3BGLE9BQU8sQ0FBQyxXQUFXLENBQUMsSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxXQUFXLEdBQUk7WUFDM0QsUUFBUSxDQUNjLENBQzFCLENBQ0ksQ0FDYSxDQUN2QixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFFbkMsZUFBZSxHQUFHLENBQUEifQ==

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { TouchableOpacity, type View } from 'react-native';
+import { BackgroundProps } from '../../objects/atoms/Background';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Clickable } from '../../objects/facets/Clickable';
+import { TrilogyColor, TrilogyColorValues } from '../../objects/facets/Color';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { Dev } from '../../objects/facets/Dev';
+import { Fullheight } from '../../objects/facets/Fullheight';
+/**
+ * Box Interface
+ */
+export interface BoxProps extends BackgroundProps, Clickable, Fullheight, Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+    skeleton?: boolean;
+    href?: string;
+    highlighted?: TrilogyColor | TrilogyColorValues;
+    shadowless?: boolean;
+    backgroundSrc?: string;
+    headerOffset?: boolean;
+    flat?: boolean;
+    active?: boolean;
+    inverted?: boolean;
+    blank?: boolean;
+}
+export type BoxRef = HTMLDivElement;
+export type BoxNativeRef = View | TouchableOpacity;

package/lib/components/box/BoxProps.js

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

package/lib/components/box/BoxProps.mjs

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

package/lib/components/box/content/BoxContent.d.mts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { BoxContentProps } from './BoxContentProps';
+/**
+ * Box Content
+ * @param children {React.ReactNode} Box Content Children
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param backgroundSrc {string} Source of background Image
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId test id
+ */
+declare const BoxContent: React.ForwardRefExoticComponent<BoxContentProps & React.RefAttributes<HTMLDivElement>>;
+export default BoxContent;

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

@@ -1,11 +1,13 @@
-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 { has } 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 classify_1 = require("../../../services/classify");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var React = tslib_1.__importStar(require("react"));
 /**
  * Box Content
  * @param children {React.ReactNode} Box Content Children
@@ -16,15 +18,15 @@ import * as React from 'react';
  * @param testId test id
  */
 var BoxContent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, id = _a.id, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = __rest(_a, ["children", "className", "id", "backgroundColor", "backgroundSrc"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('box-content', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), className));
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, (backgroundSrc && {
+    var children = _a.children, className = _a.className, id = _a.id, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = tslib_1.__rest(_a, ["children", "className", "id", "backgroundColor", "backgroundSrc"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var classes = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('box-content', backgroundColor && (0, classify_1.has)((0, Background_1.getBackgroundClassName)(backgroundColor)), backgroundSrc && (0, classify_1.has)('background'), className));
+    return (React.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: classes }, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
         },
     }), others), children));
 });
-BoxContent.displayName = ComponentName.BoxContent;
-export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUFzRSxFQUFFLEdBQUc7SUFBekUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBcEUsbUVBQXNFLENBQUY7SUFDM0QsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGFBQWEsRUFDYixlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFDRCxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1NBQ3pDO0tBQ0YsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==
+BoxContent.displayName = enumsComponentsName_1.ComponentName.BoxContent;
+exports.default = BoxContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQWdFO0FBQ2hFLHFDQUE2QztBQUM3QyxxQ0FBcUM7QUFDckMseURBQW1FO0FBQ25FLGdEQUF5QztBQUN6QyxzREFBdUI7QUFDdkIsbURBQThCO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUFzRSxFQUFFLEdBQUc7SUFBekUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sc0JBQXBFLG1FQUFzRSxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsSUFBQSxtQkFBUyxFQUN2QixNQUFNLEVBQ04sSUFBQSxjQUFJLEVBQ0YsYUFBYSxFQUNiLGVBQWUsSUFBSSxJQUFBLGNBQUcsRUFBQyxJQUFBLG1DQUFzQixFQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxJQUFBLGNBQUcsRUFBQyxZQUFZLENBQUMsRUFDbEMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUNELE9BQU8sQ0FDTCw4Q0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLE9BQU8sSUFDZCxDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUU7WUFDTCxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUc7U0FDekM7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsa0JBQWUsVUFBVSxDQUFBIn0=

package/lib/components/box/content/BoxContent.mjs

@@ -0,0 +1,30 @@
+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 { has } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * Box Content
+ * @param children {React.ReactNode} Box Content Children
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param backgroundSrc {string} Source of background Image
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId test id
+ */
+var BoxContent = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = __rest(_a, ["children", "className", "id", "backgroundColor", "backgroundSrc"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('box-content', backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), className));
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, (backgroundSrc && {
+        style: {
+            backgroundImage: "url(".concat(backgroundSrc, ")"),
+        },
+    }), others), children));
+});
+BoxContent.displayName = ComponentName.BoxContent;
+export default BoxContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRlbnQvQm94Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUFzRSxFQUFFLEdBQUc7SUFBekUsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBcEUsbUVBQXNFLENBQUY7SUFDM0QsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLGFBQWEsRUFDYixlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFDRCxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxPQUFPLElBQ2QsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1NBQ3pDO0tBQ0YsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFDakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/box/content/BoxContent.native.d.mts

@@ -0,0 +1,11 @@
+import { BoxContentProps } from '../../../components/box/content/BoxContentProps';
+import * as React from 'react';
+import { View } from 'react-native';
+/**
+ * Box Content Component
+ * @param children {React.ReactNode} Childrens
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param backgroundSrc {string} Source of background Image
+ */
+declare const BoxContent: React.ForwardRefExoticComponent<BoxContentProps & React.RefAttributes<View>>;
+export default BoxContent;

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

@@ -1,9 +1,11 @@
-import { __assign, __rest } from "tslib";
-import { BoxContext } from '../../../components/box/context/boxContext';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { getColorStyle } from '../../../objects/facets/Color';
-import * as React from 'react';
-import { StyleSheet, Text, View, ImageBackground } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var boxContext_1 = require("../../../components/box/context/boxContext");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var Color_1 = require("../../../objects/facets/Color");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
 /**
  * Box Content Component
  * @param children {React.ReactNode} Childrens
@@ -11,24 +13,24 @@ import { StyleSheet, Text, View, ImageBackground } from 'react-native';
  * @param backgroundSrc {string} Source of background Image
  */
 var BoxContent = React.forwardRef(function (_a, ref) {
-    var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc"]);
-    var fullHeight = React.useContext(BoxContext).fullHeight;
-    var styles = StyleSheet.create({
+    var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = tslib_1.__rest(_a, ["children", "backgroundColor", "backgroundSrc"]);
+    var fullHeight = React.useContext(boxContext_1.BoxContext).fullHeight;
+    var styles = react_native_1.StyleSheet.create({
         boxContent: {
             padding: 16,
-            backgroundColor: (backgroundColor && getColorStyle(backgroundColor)) || 'transparent',
+            backgroundColor: (backgroundColor && (0, Color_1.getColorStyle)(backgroundColor)) || 'transparent',
             borderRadius: 6,
             flex: fullHeight ? 1 : undefined,
         },
     });
-    var content = (React.createElement(View, __assign({ ref: ref, style: [styles.boxContent] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
+    var content = (React.createElement(react_native_1.View, tslib_1.__assign({ ref: ref, style: [styles.boxContent] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(react_native_1.Text, null, children) : children));
     if (backgroundSrc) {
-        return (React.createElement(ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content));
+        return (React.createElement(react_native_1.ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content));
     }
     else {
         return content;
     }
 });
-BoxContent.displayName = ComponentName.BoxContent;
-export default BoxContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV0RTs7Ozs7R0FLRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBdUQsRUFBRSxHQUFHO0lBQTFELElBQUEsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQXJELGdEQUF1RCxDQUFGO0lBQzVDLElBQUEsVUFBVSxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLFdBQWpDLENBQWlDO0lBRW5ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsVUFBVSxFQUFFO1lBQ1YsT0FBTyxFQUFFLEVBQUU7WUFDWCxlQUFlLEVBQUUsQ0FBQyxlQUFlLElBQUksYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksYUFBYTtZQUNyRixZQUFZLEVBQUUsQ0FBQztZQUNmLElBQUksRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUNqQztLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sT0FBTyxHQUFHLENBQ2Qsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFNLE1BQU0sR0FDbkQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQ25GLENBQ1IsQ0FBQTtJQUVELElBQUksYUFBYSxFQUFFO1FBQ2pCLE9BQU8sQ0FDTCxvQkFBQyxlQUFlLElBQUMsTUFBTSxFQUFFLE9BQU8sYUFBYSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsVUFBVSxFQUFFLEVBQUUsWUFBWSxFQUFFLENBQUMsRUFBRSxJQUNySixPQUFPLENBQ1EsQ0FDbkIsQ0FBQTtLQUNGO1NBQU07UUFDTCxPQUFPLE9BQU8sQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
+BoxContent.displayName = enumsComponentsName_1.ComponentName.BoxContent;
+exports.default = BoxContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxrRUFBZ0U7QUFDaEUsd0VBQWdFO0FBQ2hFLGdEQUFzRDtBQUN0RCxtREFBOEI7QUFDOUIsNkNBQXNFO0FBRXRFOzs7OztHQUtHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsVUFBQyxFQUF1RCxFQUFFLEdBQUc7SUFBMUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sc0JBQXJELGdEQUF1RCxDQUFGO0lBQzVDLElBQUEsVUFBVSxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsdUJBQVUsQ0FBQyxXQUFqQyxDQUFpQztJQUVuRCxJQUFNLE1BQU0sR0FBRyx5QkFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixVQUFVLEVBQUU7WUFDVixPQUFPLEVBQUUsRUFBRTtZQUNYLGVBQWUsRUFBRSxDQUFDLGVBQWUsSUFBSSxJQUFBLHFCQUFhLEVBQUMsZUFBZSxDQUFDLENBQUMsSUFBSSxhQUFhO1lBQ3JGLFlBQVksRUFBRSxDQUFDO1lBQ2YsSUFBSSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTO1NBQ2pDO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxPQUFPLEdBQUcsQ0FDZCxvQkFBQyxtQkFBSSxxQkFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsSUFBTSxNQUFNLEdBQ25ELFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFDLG1CQUFJLFFBQUUsUUFBUSxDQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDbkYsQ0FDUixDQUFBO0lBRUQsSUFBSSxhQUFhLEVBQUU7UUFDakIsT0FBTyxDQUNMLG9CQUFDLDhCQUFlLElBQUMsTUFBTSxFQUFFLE9BQU8sYUFBYSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsVUFBVSxFQUFFLEVBQUUsWUFBWSxFQUFFLENBQUMsRUFBRSxJQUNySixPQUFPLENBQ1EsQ0FDbkIsQ0FBQTtLQUNGO1NBQU07UUFDTCxPQUFPLE9BQU8sQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGtCQUFlLFVBQVUsQ0FBQSJ9

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

@@ -0,0 +1,34 @@
+import { __assign, __rest } from "tslib";
+import { BoxContext } from '../../../components/box/context/boxContext';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle } from '../../../objects/facets/Color';
+import * as React from 'react';
+import { StyleSheet, Text, View, ImageBackground } from 'react-native';
+/**
+ * Box Content Component
+ * @param children {React.ReactNode} Childrens
+ * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param backgroundSrc {string} Source of background Image
+ */
+var BoxContent = React.forwardRef(function (_a, ref) {
+    var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc"]);
+    var fullHeight = React.useContext(BoxContext).fullHeight;
+    var styles = StyleSheet.create({
+        boxContent: {
+            padding: 16,
+            backgroundColor: (backgroundColor && getColorStyle(backgroundColor)) || 'transparent',
+            borderRadius: 6,
+            flex: fullHeight ? 1 : undefined,
+        },
+    });
+    var content = (React.createElement(View, __assign({ ref: ref, style: [styles.boxContent] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
+    if (backgroundSrc) {
+        return (React.createElement(ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content));
+    }
+    else {
+        return content;
+    }
+});
+BoxContent.displayName = ComponentName.BoxContent;
+export default BoxContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV0RTs7Ozs7R0FLRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBdUQsRUFBRSxHQUFHO0lBQTFELElBQUEsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQXJELGdEQUF1RCxDQUFGO0lBQzVDLElBQUEsVUFBVSxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLFdBQWpDLENBQWlDO0lBRW5ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsVUFBVSxFQUFFO1lBQ1YsT0FBTyxFQUFFLEVBQUU7WUFDWCxlQUFlLEVBQUUsQ0FBQyxlQUFlLElBQUksYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksYUFBYTtZQUNyRixZQUFZLEVBQUUsQ0FBQztZQUNmLElBQUksRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUNqQztLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sT0FBTyxHQUFHLENBQ2Qsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFNLE1BQU0sR0FDbkQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQ25GLENBQ1IsQ0FBQTtJQUVELElBQUksYUFBYSxFQUFFO1FBQ2pCLE9BQU8sQ0FDTCxvQkFBQyxlQUFlLElBQUMsTUFBTSxFQUFFLE9BQU8sYUFBYSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsVUFBVSxFQUFFLEVBQUUsWUFBWSxFQUFFLENBQUMsRUFBRSxJQUNySixPQUFPLENBQ1EsQ0FDbkIsQ0FBQTtLQUNGO1NBQU07UUFDTCxPQUFPLE9BQU8sQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { BackgroundProps } from '../../../objects/atoms/Background';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
+/**
+ * Box Content Interface
+ */
+export interface BoxContentProps extends BackgroundProps, Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+}
+export type BoxContentRef = HTMLDivElement;
+export type BoxContentNativeRef = View;

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

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

package/lib/components/box/content/BoxContentProps.mjs

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

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

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

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

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

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

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

package/lib/components/box/context/boxContext.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const BoxContext: React.Context<{
+    fullHeight: boolean;
+}>;

package/lib/components/box/context/boxContext.js

@@ -1,3 +1,7 @@
-import React from 'react';
-export var BoxContext = React.createContext({ fullHeight: false });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94Q29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRleHQvYm94Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.BoxContext = react_1.default.createContext({ fullHeight: false });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94Q29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRleHQvYm94Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHdEQUF5QjtBQUVaLFFBQUEsVUFBVSxHQUFHLGVBQUssQ0FBQyxhQUFhLENBQUMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQSJ9

package/lib/components/box/context/boxContext.mjs

@@ -0,0 +1,3 @@
+import React from 'react';
+export var BoxContext = React.createContext({ fullHeight: false });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94Q29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRleHQvYm94Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUEifQ==

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { BoxFooterProps } from './BoxFooterProps';
+/**
+ * Box Footer Component
+ * @param children {React.ReactNode} Children
+ * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id
+ */
+declare const BoxFooter: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<HTMLDivElement>>;
+export default BoxFooter;

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

@@ -1,11 +1,13 @@
-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 { has } 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 classify_1 = require("../../../services/classify");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var React = tslib_1.__importStar(require("react"));
 /**
  * Box Footer Component
  * @param children {React.ReactNode} Children
@@ -15,10 +17,10 @@ import * as React from 'react';
  * @param id
  */
 var BoxFooter = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, others = __rest(_a, ["className", "children", "backgroundColor", "id"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
+    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, others = tslib_1.__rest(_a, ["className", "children", "backgroundColor", "id"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    return (React.createElement("div", tslib_1.__assign({ ref: ref, id: id, className: (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('box-footer', backgroundColor && (0, classify_1.has)((0, Background_1.getBackgroundClassName)(backgroundColor)), className)) }, others), children));
 });
-BoxFooter.displayName = ComponentName.BoxFooter;
-export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXVELEVBQUUsR0FBRztJQUExRCxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzVDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
+BoxFooter.displayName = enumsComponentsName_1.ComponentName.BoxFooter;
+exports.default = BoxFooter;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQWdFO0FBQ2hFLHFDQUE2QztBQUM3QyxxQ0FBcUM7QUFDckMseURBQW1FO0FBQ25FLGdEQUF5QztBQUN6QyxzREFBdUI7QUFDdkIsbURBQThCO0FBRzlCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXVELEVBQUUsR0FBRztJQUExRCxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLHNCQUFyRCxrREFBdUQsQ0FBRjtJQUM1QyxJQUFBLE1BQU0sR0FBSyxJQUFBLDJCQUFpQixHQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCw4Q0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLElBQUEsbUJBQVMsRUFDbEIsTUFBTSxFQUNOLElBQUEsY0FBSSxFQUFDLFlBQVksRUFBRSxlQUFlLElBQUksSUFBQSxjQUFHLEVBQUMsSUFBQSxtQ0FBc0IsRUFBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGtCQUFlLFNBQVMsQ0FBQSJ9

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

@@ -0,0 +1,24 @@
+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 { has } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * Box Footer Component
+ * @param children {React.ReactNode} Children
+ * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id
+ */
+var BoxFooter = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, backgroundColor = _a.backgroundColor, id = _a.id, others = __rest(_a, ["className", "children", "backgroundColor", "id"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('box-footer', backgroundColor && has(getBackgroundClassName(backgroundColor)), className)) }, others), children));
+});
+BoxFooter.displayName = ComponentName.BoxFooter;
+export default BoxFooter;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvZm9vdGVyL0JveEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXVELEVBQUUsR0FBRztJQUExRCxJQUFBLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzVDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { BoxFooterProps } from './BoxFooterProps';
+/**
+ * Box Footer Component
+ * @param children {React.ReactNode} Childrens
+ * @param backgroundColor {TrilogyColor} Background for BoxFooter
+ */
+declare const BoxFooter: React.ForwardRefExoticComponent<BoxFooterProps & React.RefAttributes<View>>;
+export default BoxFooter;

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

@@ -1,27 +1,29 @@
-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';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var objects_1 = require("../../../objects");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("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 children = _a.children, backgroundColor = _a.backgroundColor, others = tslib_1.__rest(_a, ["children", "backgroundColor"]);
     var boxRadius = 6;
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         boxFooter: {
             padding: 12,
             justifyContent: 'center',
-            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
+            backgroundColor: backgroundColor ? (0, objects_1.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));
+    return (React.createElement(react_native_1.View, tslib_1.__assign({ ref: ref, style: [styles.boxFooter] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(react_native_1.Text, null, String(children)) : children));
 });
-BoxFooter.displayName = ComponentName.BoxFooter;
-export default BoxFooter;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDekMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQXdDLEVBQUUsR0FBRztJQUEzQyxJQUFBLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQXRDLCtCQUF3QyxDQUFGO0lBQ3JDLElBQU0sU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUVuQixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULE9BQU8sRUFBRSxFQUFFO1lBQ1gsY0FBYyxFQUFFLFFBQVE7WUFDeEIsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhO1lBQ2pGLHNCQUFzQixFQUFFLFNBQVM7WUFDakMsdUJBQXVCLEVBQUUsU0FBUztTQUNuQztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUNsRCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDM0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+BoxFooter.displayName = enumsComponentsName_1.ComponentName.BoxFooter;
+exports.default = BoxFooter;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3RUFBZ0U7QUFDaEUscUNBQXlDO0FBQ3pDLG1EQUE4QjtBQUM5Qiw2Q0FBcUQ7QUFHckQ7Ozs7R0FJRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBd0MsRUFBRSxHQUFHO0lBQTNDLElBQUEsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFLLE1BQU0sc0JBQXRDLCtCQUF3QyxDQUFGO0lBQ3JDLElBQU0sU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUVuQixJQUFNLE1BQU0sR0FBRyx5QkFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsRUFBRTtZQUNYLGNBQWMsRUFBRSxRQUFRO1lBQ3hCLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUEsdUJBQWEsRUFBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYTtZQUNqRixzQkFBc0IsRUFBRSxTQUFTO1lBQ2pDLHVCQUF1QixFQUFFLFNBQVM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsbUJBQUkscUJBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTSxHQUNsRCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxtQkFBSSxRQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxrQkFBZSxTQUFTLENBQUEifQ==