@trilogy-ds/react 0.0.7-beta-v4 → 0.0.8-calendar

package/lib/components/card/Card.native.js

@@ -1,13 +1,14 @@
 import { __assign, __rest } from "tslib";
-import React, { createContext } from 'react';
-import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import ContentLoader, { Rect } from 'react-content-loader/native';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { StatesContext } from '../../context/providerStates';
+import { isAndroid } from '../../helpers/device.native';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { createContext } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
 export var CardContext = createContext({
     floating: false,
-    backgroundColor: '' || {},
+    backgroundColor: '',
     horizontal: false,
     reversed: false,
     active: false,
@@ -21,12 +22,11 @@ export var CardContext = createContext({
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
- * @param backgroundColor {TrilogyColor} Card Background Color
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
  * @param others
  */
-var Card = function (_a) {
+var Card = React.forwardRef(function (_a, ref) {
     var children = _a.children, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, onClick = _a.onClick, skeleton = _a.skeleton, reversed = _a.reversed, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["children", "flat", "horizontal", "floating", "onClick", "skeleton", "reversed", "fullheight", "active"]);
     var borderColor = '#ccc';
     var cardRadius = 6;
@@ -41,6 +41,8 @@ var Card = function (_a) {
                 'transparent',
             borderRadius: cardRadius,
             flex: fullheight ? 1 : 0,
+            overflow: 'hidden',
+            backgroundColor: getColorStyle(floating ? 'transparent' : TrilogyColor.BACKGROUND),
         },
         horizontal: {
             flexDirection: 'row',
@@ -53,12 +55,6 @@ var Card = function (_a) {
             shadowRadius: 2,
             elevation: 5,
         },
-        contentHorizontal: {
-            borderWidth: 2,
-            margin: 2,
-            padding: 10,
-            minHeight: 10,
-        },
         skeleton: {
             width: '100%',
             minHeight: 50,
@@ -72,20 +68,24 @@ var Card = function (_a) {
     });
     var CardSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton-id' }),
         React.createElement(View, { style: { opacity: 0 } }, children),
-        Platform.OS === 'android' && (React.createElement(View, null,
+        isAndroid && (React.createElement(View, null,
             React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
+    var ShadowWrapper = function (_a) {
+        var children = _a.children;
+        return (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
+    };
     var cardView;
     if (skeleton) {
         return React.createElement(CardSkeleton, null);
     }
     if (horizontal) {
-        cardView = (React.createElement(View, { style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
+        cardView = (React.createElement(View, { ref: ref, style: [styles.horizontal, styles.card], testID: 'card-horizontal' }, children));
     }
     else if (reversed) {
-        cardView = (React.createElement(View, { style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
+        cardView = (React.createElement(View, { ref: ref, style: [styles.reversed, styles.card], testID: 'card-reversed' }, children));
     }
     else {
-        cardView = (React.createElement(View, __assign({ style: [styles.card] }, others), children));
+        cardView = (React.createElement(View, __assign({ ref: ref, style: [styles.card] }, others), children));
     }
     return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
         React.createElement(CardContext.Provider, { value: {
@@ -96,15 +96,17 @@ var Card = function (_a) {
                 active: active || false,
             } },
             React.createElement(View, { style: { width: '100%' } },
-                React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardView))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
+                React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
+                    React.createElement(ShadowWrapper, null, cardView)))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
         React.createElement(CardContext.Provider, { value: {
                 floating: floating || false,
                 backgroundColor: 'white',
                 horizontal: horizontal || false,
                 reversed: reversed || false,
                 active: active || false,
-            } }, cardView)));
-};
+            } },
+            React.createElement(ShadowWrapper, null, cardView))));
+});
 Card.displayName = ComponentName.Card;
 export default Card;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRTtJQUN6QixVQUFVLEVBQUUsS0FBSztJQUNqQixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVkcseUdBV2IsQ0FEVTtJQUVULElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQTtJQUMxQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUE7SUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixNQUFNLE9BQU8sQ0FBQTtBQUMvRCxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2pFLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUM7SUFDdkMsUUFBUSxFQUFFLEtBQUs7SUFDZixlQUFlLEVBQUUsRUFBRTtJQUNuQixVQUFVLEVBQUUsS0FBSztJQUNqQixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUFvRyxFQUNwRyxHQUFHO0lBREQsSUFBQSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBbEcseUdBQW9HLENBQUY7SUFHbEcs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

package/lib/components/card/CardProps.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Clickable, Fullheight } from '../../objects';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { Clickable } from '../../objects/facets/Clickable';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Fullheight } from '../../objects/facets/Fullheight';
 /**
  * Card Interface
  */
@@ -16,3 +19,5 @@ export interface CardProps extends Fullheight, Clickable, Accessibility, CommonP
     href?: string;
     active?: boolean;
 }
+export type CardRef = HTMLDivElement | HTMLAnchorElement;
+export type CardNativeRef = View;

package/lib/components/card/content/CardContent.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { CardContentProps } from './CardContentProps';
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
  * @param titleSup {string} Add a sup title
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-declare const CardContent: ({ children, className, id, ...others }: CardContentProps) => JSX.Element;
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
 export default CardContent;

package/lib/components/card/content/CardContent.js

@@ -1,19 +1,21 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
  * @param titleSup {string} Add a sup title
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-var CardContent = function (_a) {
+var CardContent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('card-content', className)) }, others), children));
-};
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('card-content', className)) }, others), children));
+});
+CardContent.displayName = ComponentName.CardContent;
 export default CardContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXdEO0lBQXRELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUNuRixRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxXQUFXLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxVQUFDLEVBQXNDLEVBQUUsR0FBRztJQUF6QyxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFLLE1BQU0sY0FBcEMsK0JBQXNDLENBQUY7SUFDM0IsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUM3RixRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFDbkQsZUFBZSxXQUFXLENBQUEifQ==

package/lib/components/card/content/CardContent.native.d.ts

@@ -1,20 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
+import { View } from 'react-native';
 import { CardContentProps } from './CardContentProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
- * @param titleSup {string} Add a sup title
- * @param title {string} Add a title
- * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
- * @param buttonClick {Function} Click event for Button
- * @param text {string} Content text of Card
- * @param onClick {Function} onClick Event for all content
- * @param others
  */
-declare const CardContent: {
-    ({ children, ...others }: CardContentProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<View>>;
 export default CardContent;

package/lib/components/card/content/CardContent.native.js

@@ -1,72 +1,24 @@
 import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { Title, TitleLevels } from '../../../components/title';
-import { Button } from '../../../components/button';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
 import { CardContext } from '../../../components/card/Card.native';
 import { ComponentName } from '../../../components/enumsComponentsName';
+import React, { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
- * @param titleSup {string} Add a sup title
- * @param title {string} Add a title
- * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
- * @param buttonClick {Function} Click event for Button
- * @param text {string} Content text of Card
- * @param onClick {Function} onClick Event for all content
- * @param others
  */
-var CardContent = function (_a) {
+var CardContent = React.forwardRef(function (_a, ref) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var cardContextValues = useContext(CardContext);
-    var titleSup = 'titleSup';
-    var title = 'title';
-    var buttonText = 'buttonText';
-    var buttonVariant = 'CONVERSION';
-    var buttonClick = function () { return null; };
-    var text = 'text';
-    var onClick = function () { return null; };
     var styles = StyleSheet.create({
         card: {
-            paddingTop: 16,
-            paddingLeft: 16,
-            paddingRight: 16,
-            paddingBottom: 16,
+            padding: 16,
             minHeight: 10,
             flex: cardContextValues.horizontal ? 1 : 0,
         },
-        view: {
-            width: '100%',
-        },
-        text: {
-            color: getColorStyle(TrilogyColor.MAIN),
-            fontSize: 12,
-        },
-        padding: {
-            marginBottom: 16,
-        },
     });
-    if (children) {
-        if (onClick) {
-            return (React.createElement(View, { style: styles.card },
-                React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
-        }
-        return (React.createElement(View, __assign({ style: styles.card }, others), children));
-    }
-    var cardContent = (React.createElement(View, __assign({ style: styles.card }, others),
-        titleSup && (React.createElement(Title, { overline: true, testId: 'titleSup-id' }, titleSup)),
-        title && (React.createElement(Title, { level: TitleLevels.ONE, testId: 'title-id' }, title)),
-        text && (React.createElement(React.Fragment, null,
-            React.createElement(View, { style: { marginBottom: 16 } }),
-            React.createElement(Text, { style: styles.text }, text))),
-        buttonText && (React.createElement(React.Fragment, null,
-            React.createElement(View, { style: { marginBottom: 16 } }),
-            React.createElement(Button, { variant: buttonVariant, onClick: buttonClick, testId: 'button-id' }, buttonText)))));
-    return onClick ? (React.createElement(View, { style: styles.view },
-        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
-};
+    return (React.createElement(View, __assign({ ref: ref, style: styles.card }, others), children));
+});
 CardContent.displayName = ComponentName.CardContent;
 export default CardContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBeUM7SUFBdkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDeEMsSUFBTSxpQkFBaUIsR0FBRyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUE7SUFFakQsSUFBTSxRQUFRLEdBQUcsVUFBVSxDQUFBO0lBQzNCLElBQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQTtJQUNyQixJQUFNLFVBQVUsR0FBRyxZQUFZLENBQUE7SUFDL0IsSUFBTSxhQUFhLEdBQUcsWUFBWSxDQUFBO0lBQ2xDLElBQU0sV0FBVyxHQUFHLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSSxDQUFBO0lBQzlCLElBQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQTtJQUNuQixJQUFNLE9BQU8sR0FBRyxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUksQ0FBQTtJQUUxQixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxFQUFFO1lBQ2QsV0FBVyxFQUFFLEVBQUU7WUFDZixZQUFZLEVBQUUsRUFBRTtZQUNoQixhQUFhLEVBQUUsRUFBRTtZQUNqQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUMzQztRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxNQUFNO1NBQ2Q7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDdkMsUUFBUSxFQUFFLEVBQUU7U0FDYjtRQUNELE9BQU8sRUFBRTtZQUNQLFlBQVksRUFBRSxFQUFFO1NBQ2pCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBSSxRQUFRLEVBQUU7UUFDWixJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJO2dCQUN0QixvQkFBQyxnQkFBZ0IsSUFBQyxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUM1RSxRQUFRLENBQ1EsQ0FDZCxDQUNSLENBQUE7U0FDRjtRQUNELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLENBQ0osQ0FDUixDQUFBO0tBQ0Y7SUFFRCxJQUFNLFdBQVcsR0FBRyxDQUNsQixvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTTtRQUNqQyxRQUFRLElBQUksQ0FDWCxvQkFBQyxLQUFLLElBQUMsUUFBUSxRQUFDLE1BQU0sRUFBQyxhQUFhLElBQ2pDLFFBQVEsQ0FDSCxDQUNUO1FBQ0EsS0FBSyxJQUFJLENBQ1Isb0JBQUMsS0FBSyxJQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsR0FBRyxFQUFFLE1BQU0sRUFBQyxVQUFVLElBQzdDLEtBQUssQ0FDQSxDQUNUO1FBQ0EsSUFBSSxJQUFJLENBQ1A7WUFDRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEVBQUUsWUFBWSxFQUFFLEVBQUUsRUFBRSxHQUFJO1lBQ3JDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxJQUFJLENBQVEsQ0FDdEMsQ0FDSjtRQUNBLFVBQVUsSUFBSSxDQUNiO1lBQ0Usb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLFlBQVksRUFBRSxFQUFFLEVBQUUsR0FBSTtZQUNyQyxvQkFBQyxNQUFNLElBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBQyxXQUFXLElBQ3JFLFVBQVUsQ0FDSixDQUNSLENBQ0osQ0FDSSxDQUNSLENBQUE7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJO1FBQ3RCLG9CQUFDLGdCQUFnQixJQUFDLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQzlFLFdBQVcsQ0FDSyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixXQUFXLENBQ1osQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUVuRCxlQUFlLFdBQVcsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7O0dBR0c7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNwQixJQUFNLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUVqRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxFQUFFO1lBQ1gsU0FBUyxFQUFFLEVBQUU7WUFDYixJQUFJLEVBQUUsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDM0M7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUMzQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==

package/lib/components/card/content/CardContentProps.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { Accessibility } from '../../../objects';
+import { View } from 'react-native';
+import { Accessibility } from '../../../objects/facets/Accessibility';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Card Content Interface
@@ -7,3 +8,5 @@ import { CommonProps } from '../../../objects/facets/CommonProps';
 export interface CardContentProps extends Accessibility, CommonProps {
     children?: React.ReactNode;
 }
+export type CardContentRef = HTMLDivElement;
+export type CardContentNativeRef = View;

package/lib/components/card/image/CardImage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { CardImageProps } from './CardImageProps';
 /**
  * Card Image Component
@@ -9,7 +9,7 @@ import { CardImageProps } from './CardImageProps';
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param contain {boolean} Resize mode contain
  * - -------------------------- WEB PROPERTIES ----------------------------------
- * @param className Additionnal CSS Classes
+ * @param className Additional CSS Classes
  */
-declare const CardImage: ({ src, alt, className, id, size, onClick, ...others }: CardImageProps) => JSX.Element;
+declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLDivElement>>;
 export default CardImage;

package/lib/components/card/image/CardImage.js

@@ -1,9 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Card Image Component
  * @param src Image source
@@ -13,19 +14,20 @@ import { useTrilogyContext } from '../../../context';
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param contain {boolean} Resize mode contain
  * - -------------------------- WEB PROPERTIES ----------------------------------
- * @param className Additionnal CSS Classes
+ * @param className Additional CSS Classes
  */
-var CardImage = function (_a) {
-    var src = _a.src, alt = _a.alt, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
+var CardImage = React.forwardRef(function (_a, ref) {
+    var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('card-image', size && is("".concat(size)), className));
-    return (React.createElement("div", { id: id, onClick: function (e) {
+    return (React.createElement("div", { ref: ref, id: id, onClick: function (e) {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, className: classes },
         React.createElement("figure", __assign({ className: hashClass(styled, clsx('image')) }, others),
             React.createElement("img", __assign({}, { src: typeof src === 'string' ? src : '' }, { alt: alt })))));
-};
+});
+CardImage.displayName = ComponentName.CardImage;
 export default CardImage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBcUU7SUFBbkUsSUFBQSxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQW5ELG9EQUFxRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sQ0FDTCw2QkFDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBMEQsRUFBRSxHQUFHO0lBQTdELElBQUEsR0FBRyxTQUFBLEVBQUUsV0FBUSxFQUFSLEdBQUcsbUJBQUcsRUFBRSxLQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUF4RCxvREFBMEQsQ0FBRjtJQUMvQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RixPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/card/image/CardImage.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
+import { Image } from 'react-native';
 import { CardImageProps } from './CardImageProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Card Image Component
  * @param src Image source
@@ -10,8 +10,5 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param horizontal {boolean} Horizontal Card orientation
  * @param contain {boolean} Resize mode contain
  */
-declare const CardImage: {
-    ({ src, size, alt, onClick, contain, ...others }: CardImageProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const CardImage: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<Image>>;
 export default CardImage;

package/lib/components/card/image/CardImage.native.js

@@ -1,8 +1,8 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useContext, useEffect, useState } from 'react';
-import { StyleSheet, Image, View, TouchableOpacity } from 'react-native';
 import { CardContext } from '../../../components/card/Card.native';
 import { ComponentName } from '../../../components/enumsComponentsName';
+import React, { useContext, useEffect, useState } from 'react';
+import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
 /**
  * Card Image Component
  * @param src Image source
@@ -12,19 +12,20 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param horizontal {boolean} Horizontal Card orientation
  * @param contain {boolean} Resize mode contain
  */
-var CardImage = function (_a) {
+var CardImage = React.forwardRef(function (_a, ref) {
     var src = _a.src, size = _a.size, alt = _a.alt, onClick = _a.onClick, contain = _a.contain, others = __rest(_a, ["src", "size", "alt", "onClick", "contain"]);
-    var _b = useContext(CardContext), horizontal = _b.horizontal, reversed = _b.reversed, active = _b.active;
+    var horizontal = useContext(CardContext).horizontal;
     var maxSize = horizontal ? '50%' : '100%';
-    var _c = __read(useState(1), 2), ratio = _c[0], setRatio = _c[1];
-    var getBorderRadius = function (isHorizontal, isReversed, isActive) { return ({
-        borderBottomRightRadius: (isHorizontal && 1) || (isReversed && 8) || 0,
-        borderBottomLeftRadius: (isHorizontal && 8) || (isReversed && 8) || 0,
-        borderTopRightRadius: (isHorizontal && 1) || (isReversed && 1) || (isActive && 5) || 8,
-        borderTopLeftRadius: (isHorizontal && 1) || (isReversed && 1) || (isActive && 5) || 8,
-    }); };
+    var _b = __read(useState(1), 2), ratio = _b[0], setRatio = _b[1];
     var styles = StyleSheet.create({
-        cardImage: __assign({ width: size ? "".concat(size, "0%") : maxSize, aspectRatio: ratio, resizeMode: contain ? 'contain' : 'cover', alignSelf: contain ? 'flex-end' : 'auto', marginBottom: 0 }, getBorderRadius(horizontal, reversed, active)),
+        cardImage: {
+            width: size ? "".concat(size, "0%") : maxSize,
+            aspectRatio: horizontal ? undefined : ratio,
+            resizeMode: contain ? 'contain' : 'cover',
+            alignSelf: contain ? 'flex-end' : 'auto',
+            marginBottom: 0,
+            height: horizontal ? 'auto' : undefined,
+        },
     });
     useEffect(function () {
         if (!horizontal) {
@@ -35,10 +36,10 @@ var CardImage = function (_a) {
                 : setRatio(1);
         }
     }, [src, horizontal]);
-    var image = (React.createElement(Image, __assign({ accessibilityLabel: alt, style: styles.cardImage, source: typeof src === 'number' ? src : { uri: src } }, others)));
+    var image = (React.createElement(Image, __assign({ ref: ref, accessibilityLabel: alt, style: styles.cardImage, source: typeof src === 'number' ? src : { uri: src } }, others)));
     return onClick ? (React.createElement(View, null,
         React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
-};
+});
 CardImage.displayName = ComponentName.CardImage;
 export default CardImage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFeEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBK0Q7SUFBN0QsSUFBQSxHQUFHLFNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTdDLDRDQUErQyxDQUFGO0lBQ3hELElBQUEsS0FBbUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUF4RCxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUE0QixDQUFBO0lBQ2hFLElBQU0sT0FBTyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUE7SUFDckMsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE5QixLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWUsQ0FBQTtJQUVyQyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQXFCLEVBQUUsVUFBbUIsRUFBRSxRQUFpQixJQUFLLE9BQUEsQ0FBQztRQUMxRix1QkFBdUIsRUFBRSxDQUFDLFlBQVksSUFBSSxDQUFDLENBQUMsSUFBSSxD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd4RTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBK0MsRUFBRSxHQUFHO0lBQWxELElBQUEsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUE3Qyw0Q0FBK0MsQ0FBRjtJQUNwQyxJQUFBLFVBQVUsR0FBSyxVQUFVLENBQUMsV0FBVyxDQUFDLFdBQTVCLENBQTRCO0lBQzlDLElBQU0sT0FBTyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUE7SUFDckMsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE5QixLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWUsQ0FBQTtJQUVyQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDbkMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQzNDLFVBQVUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztZQUN6QyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDeEMsWUFBWSxFQUFFLENBQUM7WUFDZixNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2YsT0FBTyxHQUFHLEtBQUssUUFBUTtnQkFDckIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQ1gsR0FBRyxFQUNILFVBQUMsQ0FBQyxFQUFFLENBQUM7b0JBQ0gsQ0FBQyxJQUFJLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7Z0JBQ3RCLENBQUMsRUFDRCxjQUFNLE9BQUEsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFYLENBQVcsQ0FDbEI7Z0JBQ0gsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUNoQjtJQUNILENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBRXJCLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsS0FBSyxhQUNKLEdBQUcsRUFBRSxHQUFHLEVBQ1Isa0JBQWtCLEVBQUUsR0FBRyxFQUN2QixLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDdkIsTUFBTSxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFDaEQsTUFBTSxFQUNWLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/card/image/CardImageProps.d.ts

@@ -1,6 +1,7 @@
+import { Image } from 'react-native';
 import { Clickable } from '../../../objects';
-import { CardImageSize, CardImageSizeValues } from './CardImageEnum';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { CardImageSize, CardImageSizeValues } from './CardImageEnum';
 /**
  * Card Image Interface
  */
@@ -10,3 +11,5 @@ export interface CardImageProps extends Clickable, CommonProps {
     alt?: string;
     contain?: boolean;
 }
+export type CardImageRef = HTMLDivElement;
+export type CardImageNativeRef = Image;

package/lib/components/checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CheckboxProps } from './CheckboxProps';
 /**
  * Checkbox Component
@@ -6,12 +6,14 @@ import { CheckboxProps } from './CheckboxProps';
  * @param disabled {boolean} Disabled
  * @param readOnly {boolean} readonly Checkbox
  * @param id {string} Id for button, by default id is generate
- * @param label {string} Label for Checkbox
+ * @param label {string} Label for Checkbox // Incompatible with children
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
+ * @param children {React.ReactNode} Children for Checkbox, should be only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#technical_summary)
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * @param className {string} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required input checkboxes
  */
-declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: CheckboxProps) => JSX.Element;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
 export default Checkbox;

package/lib/components/checkbox/Checkbox.js

@@ -1,24 +1,26 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
  * @param disabled {boolean} Disabled
  * @param readOnly {boolean} readonly Checkbox
  * @param id {string} Id for button, by default id is generate
- * @param label {string} Label for Checkbox
+ * @param label {string} Label for Checkbox // Incompatible with children
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
+ * @param children {React.ReactNode} Children for Checkbox, should be only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#technical_summary)
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * @param className {string} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required input checkboxes
  */
-var Checkbox = function (_a) {
-    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value"]);
+var Checkbox = React.forwardRef(function (_a, ref) {
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, children = _a.children, required = _a.required, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "children", "required"]);
     var styled = useTrilogyContext().styled;
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
     useEffect(function () {
@@ -26,9 +28,21 @@ var Checkbox = function (_a) {
             setChecked(checked || false);
         }
     }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('checkbox', className)) },
-        React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
-        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) }, label)));
-};
+    var handleOnChange = function (e) {
+        var target = e.target;
+        onChange
+            ? onChange({
+                checkboxId: target.id,
+                checkboxValue: target.value,
+                checkboxName: target.name,
+                checkboxChecked: target.checked,
+            })
+            : setChecked(target.checked);
+    };
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('checkbox', className)) },
+        React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, id: id, required: required, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: handleOnChange }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) }, label !== null && label !== void 0 ? label : children)));
+});
+Checkbox.displayName = ComponentName.Checkbox;
 export default Checkbox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVdGO0lBVmQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVk8sNEZBV2pCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUM1RCx3Q0FDRSxJQUFJLEVBQUMsVUFBVSxFQUNmLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN0QyxRQUFRLEVBQUUsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFwRCxDQUFvRCxJQUNqRSxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLElBQ3JFLEtBQUssQ0FDQSxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsUUFBUSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBMkgsRUFDM0gsR0FBRztJQURELElBQUEsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpILG9IQUEySCxDQUFGO0lBR2pILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLElBQU0sY0FBYyxHQUFHLFVBQUMsQ0FBc0M7UUFDcEQsSUFBQSxNQUFNLEdBQUssQ0FBQyxPQUFOLENBQU07UUFDcEIsUUFBUTtZQUNOLENBQUMsQ0FBQyxRQUFRLENBQUM7Z0JBQ1AsVUFBVSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNyQixhQUFhLEVBQUUsTUFBTSxDQUFDLEtBQUs7Z0JBQzNCLFlBQVksRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDekIsZUFBZSxFQUFFLE1BQU0sQ0FBQyxPQUFPO2FBQ2hDLENBQUM7WUFDSixDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNoQyxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3RFLHdDQUNFLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxjQUFjLElBQ3BCLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksUUFBUSxDQUNaLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/checkbox/Checkbox.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
 import { CheckboxProps } from './CheckboxProps';
-import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Checkbox Native Component
  * @param checked {boolean} Checked Checkbox
@@ -12,8 +12,5 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
  */
-declare const Checkbox: {
-    ({ id, checked, name, onChange, disabled, readonly, label, }: CheckboxProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<TouchableOpacity>>;
 export default Checkbox;