@trilogy-ds/react 0.0.1-beta-143 → 0.0.1-beta-sc-1

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

@@ -13,25 +13,133 @@ export default {
       "ReactPortal"
     ]
   },
-  "accessibilityLabel": {
+  "titleSup": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "id": {
+  "titleSupLevel": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4
+    ]
+  },
+  "title": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "titleLevel": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4,
+      5,
+      6
+    ]
+  },
+  "buttonText": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
+  "text": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "textLevel": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      1,
+      2,
+      3,
+      4
+    ]
+  },
+  "buttonVariant": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "CONVERSION",
+      "PRIMARY",
+      "SECONDARY",
+      "GHOST",
+      "CONVERSION",
+      "PRIMARY",
+      "SECONDARY",
+      "GHOST"
+    ]
+  },
+  "buttonClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
   "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
+  },
+  "buttonMarkup": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "a",
+      "button",
+      "input",
+      "button",
+      "input",
+      "a"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "WHITE",
+      "transparent"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

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

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

@@ -1,3 +1,3 @@
-import CardContent from './CardContent';
+import CardContent from '../../../components/card/content/CardContent';
 export default CardContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsZUFBZSxXQUFXLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUUvRCxlQUFlLFdBQVcsQ0FBQSJ9

package/lib/components/card/context/CardContext.d.ts

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

package/lib/components/card/context/CardContext.js

@@ -0,0 +1,4 @@
+'use client';
+import React from 'react';
+export var CardContext = React.createContext({ horizontal: false });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGV4dC9DYXJkQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFBO0FBQ1osT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUEifQ==

package/lib/components/card/hook/useCard.d.ts

@@ -0,0 +1,7 @@
+interface IParams {
+    skeleton?: boolean;
+}
+export declare const useCard: ({ skeleton }: IParams) => {
+    isLoading: boolean | undefined;
+};
+export {};

package/lib/components/card/hook/useCard.js

@@ -0,0 +1,20 @@
+import { __read } from "tslib";
+import React from 'react';
+export var useCard = function (_a) {
+    var skeleton = _a.skeleton;
+    try {
+        var _b = __read(React.useState(skeleton || false), 2), isLoading = _b[0], setIsLoading_1 = _b[1];
+        React.useEffect(function () {
+            setIsLoading_1(skeleton || false);
+        }, [skeleton]);
+        return {
+            isLoading: isLoading,
+        };
+    }
+    catch (_c) {
+        return {
+            isLoading: skeleton,
+        };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9ob29rL3VzZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFNekIsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBcUI7UUFBbkIsUUFBUSxjQUFBO0lBQ2hDLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBckUsU0FBUyxRQUFBLEVBQUUsY0FBWSxRQUE4QyxDQUFBO1FBRTVFLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxjQUFZLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO1FBQ2pDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7UUFFZCxPQUFPO1lBQ0wsU0FBUyxXQUFBO1NBQ1YsQ0FBQTtLQUNGO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxTQUFTLEVBQUUsUUFBUTtTQUNwQixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==

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

@@ -1,15 +1,4 @@
-/// <reference types="react" />
-import { CardImageProps } from './CardImageProps';
-/**
- * Card Image Component
- * @param src Image source
- * @param alt Alt attribute
- * @param size Image Card size on horizontal align
- * @param onClick {Function} onClick Event
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param contain {boolean} Resize mode contain
- * - -------------------------- WEB PROPERTIES ----------------------------------
- * @param className Additionnal CSS Classes
- */
-declare const CardImage: ({ src, alt, className, id, size, onClick, ...others }: CardImageProps) => JSX.Element;
-export default CardImage;
+import React from 'react';
+import { CardImageProps } from '../../../components/card/image/CardImageProps';
+declare const _default: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -1,9 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
 import clsx from 'clsx';
+import React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
 /**
  * Card Image Component
  * @param src Image source
@@ -15,17 +14,12 @@ import { useTrilogyContext } from '../../../context';
  * - -------------------------- WEB PROPERTIES ----------------------------------
  * @param className Additionnal 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 styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('card-image', size && is("".concat(size)), className));
-    return (React.createElement("div", { 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),
+var CardImage = function (_a, ref) {
+    var src = _a.src, alt = _a.alt, className = _a.className, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "size", "onClick"]);
+    var classes = hashClass(clsx('card-image', size && is("".concat(size)), className));
+    return (React.createElement("div", { onClick: onClick && onClick, className: classes, ref: ref },
+        React.createElement("figure", __assign({ className: hashClass(clsx('image')) }, others),
             React.createElement("img", __assign({}, { src: typeof src === 'string' ? src : '' }, { alt: alt })))));
 };
-export default CardImage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBcUU7SUFBbkUsSUFBQSxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQW5ELG9EQUFxRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sQ0FDTCw2QkFDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
+export default React.forwardRef(CardImage);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFDaEIsRUFBaUUsRUFDakUsR0FBOEI7SUFENUIsSUFBQSxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQS9DLDhDQUFpRCxDQUFGO0lBRy9DLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFL0UsT0FBTyxDQUNMLDZCQUFLLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUc7UUFDNUQseUNBQVEsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQ3JELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFBIn0=

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

@@ -1,17 +1,5 @@
-/// <reference types="react" />
-import { CardImageProps } from './CardImageProps';
-import { ComponentName } from '../../../components/enumsComponentsName';
-/**
- * Card Image Component
- * @param src Image source
- * @param size Image Card size on horizontal align
- * @param alt Alt attribute
- * @param onClick {Function} onClick Event
- * @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;
-};
-export default CardImage;
+import React from 'react';
+import { Image } from 'react-native';
+import { CardImageProps } from '../../../components/card/image/CardImageProps';
+declare const _default: React.ForwardRefExoticComponent<CardImageProps & React.RefAttributes<Image>>;
+export default _default;

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

@@ -1,6 +1,6 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { useContext, useEffect, useState } from 'react';
-import { StyleSheet, Image, View, TouchableOpacity } from 'react-native';
+import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
 import { CardContext } from '../../../components/card/Card.native';
 import { ComponentName } from '../../../components/enumsComponentsName';
 /**
@@ -12,7 +12,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param horizontal {boolean} Horizontal Card orientation
  * @param contain {boolean} Resize mode contain
  */
-var CardImage = function (_a) {
+var CardImage = 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 maxSize = horizontal ? '50%' : '100%';
@@ -35,10 +35,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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
+export default React.forwardRef(CardImage);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM5RCxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFeEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBRTNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQ2hCLEVBQStELEVBQy9ELEdBQXFCO0lBRG5CLElBQUEsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUE3Qyw0Q0FBK0MsQ0FBRjtJQUd2QyxJQUFBLEtBQW1DLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBeEQsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBNEIsQ0FBQTtJQUNoRSxJQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFBO0lBQ3JDLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBOUIsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFlLENBQUE7SUFFckMsSUFBTSxlQUFlLEdBQUcsVUFBQyxZQUFxQixFQUFFLFVBQW1CLEVBQUUsUUFBaUIsSUFBSyxPQUFBLENBQUM7UUFDMUYsdUJBQXVCLEVBQUUsQ0FBQyxZQUFZLElBQUksQ0FB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

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

@@ -1,12 +1,12 @@
-import { Clickable } from '../../../objects';
-import { CardImageSize, CardImageSizeValues } from './CardImageEnum';
-import { CommonProps } from '../../../objects/facets/CommonProps';
+import { CardImageSize, CardImageSizeValues } from '../../../components/card/image/CardImageEnum';
+import { Clickable } from '../../../objects/facets/Clickable';
 /**
  * Card Image Interface
  */
-export interface CardImageProps extends Clickable, CommonProps {
+export interface CardImageProps extends Clickable {
     src: string | number;
     size?: CardImageSize | CardImageSizeValues;
+    className?: string;
     alt?: string;
     contain?: boolean;
 }

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

@@ -20,6 +20,13 @@ export default {
       "4"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "alt": {
     "type": "string",
     "values": [
@@ -41,19 +48,5 @@ export default {
       "undefined",
       "ClickEvent"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

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

@@ -1,2 +1,2 @@
-import CardImage from './CardImage';
+import CardImage from '../../../components/card/image/CardImage';
 export default CardImage;

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

@@ -1,3 +1,3 @@
-import CardImage from './CardImage';
+import CardImage from '../../../components/card/image/CardImage';
 export default CardImage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvaW1hZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvaW1hZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -1,5 +1,4 @@
-import Card from './Card';
-import CardImage from './image';
-import CardContent from './content';
-export * from './image/CardImageEnum';
-export { Card, CardImage, CardContent };
+export { default as Card } from '../../components/card/Card';
+export { default as CardContent } from '../../components/card/content/CardContent';
+export { default as CardImage } from '../../components/card/image/CardImage';
+export * from '../../components/card/image/CardImageEnum';

package/lib/components/card/index.js

@@ -1,6 +1,5 @@
-import Card from './Card';
-import CardImage from './image';
-import CardContent from './content';
-export * from './image/CardImageEnum';
-export { Card, CardImage, CardContent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sU0FBUyxNQUFNLFNBQVMsQ0FBQTtBQUMvQixPQUFPLFdBQVcsTUFBTSxXQUFXLENBQUE7QUFFbkMsY0FBYyx1QkFBdUIsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsQ0FBQSJ9
+export { default as Card } from '../../components/card/Card';
+export { default as CardContent } from '../../components/card/content/CardContent';
+export { default as CardImage } from '../../components/card/image/CardImage';
+export * from '../../components/card/image/CardImageEnum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQzlFLE9BQU8sRUFBRSxPQUFPLElBQUksU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFDeEUsY0FBYyx1Q0FBdUMsQ0FBQSJ9

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

@@ -1,17 +1,4 @@
-/// <reference types="react" />
-import { CheckboxProps } from './CheckboxProps';
-/**
- * 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 onChange {ChangeEvent}
- * @param name {string} Name for checkbox
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param value {string} Value for checkbox
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
- */
-declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: CheckboxProps) => JSX.Element;
-export default Checkbox;
+import React from 'react';
+import { CheckboxProps } from '../../components/checkbox/CheckboxProps';
+declare const _default: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/lib/components/checkbox/Checkbox.js

@@ -1,9 +1,10 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import React from 'react';
+import { useCheckbox } from '../../components/checkbox/hook/useCheckbox';
+import { Icon, IconSize } from '../../components/icon';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
@@ -11,24 +12,31 @@ import { useTrilogyContext } from '../../context';
  * @param readOnly {boolean} readonly Checkbox
  * @param id {string} Id for button, by default id is generate
  * @param label {string} Label for Checkbox
+ * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
+ * @param children {React.ReactNode}
+ * @param tile {boolean} Checbox Tile
+ * @param description {string} Description for Checkbox tile
+ * @param iconTile {IconName} Name of icon for checkbox tile
+ * @param testId {string} Test Id for Test Integration
+ * @param horizontalTile {boolean} display horizontal Checkbox tile
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
  * @param className {string} Additionnal css classes (ONLY FOR WEB)
  */
-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 styled = useTrilogyContext().styled;
-    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
-    useEffect(function () {
-        if (!readonly) {
-            setChecked(checked || false);
-        }
-    }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('checkbox', className)), tabIndex: 0 },
-        React.createElement("input", __assign({ "aria-checked": checked, 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 Checkbox = 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, onClick = _a.onClick, name = _a.name, value = _a.value, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "onClick", "name", "value", "tile", "description", "iconTile", "horizontalTile", "testId"]);
+    var _c = useCheckbox({ checked: checked, readonly: readonly, value: value, onChange: onChange, onClick: onClick }), handleChange = _c.handleChange, handleClick = _c.handleClick, _checked = _c._checked;
+    return (React.createElement("div", { className: hashClass(clsx(tile ? 'checkbox-tile' : 'checkbox', horizontalTile && is('horizontal'), className)), tabIndex: 0 },
+        React.createElement("input", __assign({ ref: ref, "aria-checked": checked, type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: handleChange, onClick: handleClick }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(clsx('checkbox-label')) },
+            iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
+            horizontalTile ? (React.createElement("span", null,
+                tile ? React.createElement("span", { className: hashClass(clsx('checkbox-title')) }, label) : label,
+                tile && description && React.createElement("span", { className: hashClass(clsx('checkbox-description')) }, description))) : (React.createElement(React.Fragment, null,
+                tile ? React.createElement("span", { className: hashClass(clsx('checkbox-title')) }, label) : label,
+                tile && description && React.createElement("span", { className: hashClass(clsx('checkbox-description')) }, description))))));
 };
-export default Checkbox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVdGO0lBVmQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVk8sNEZBV2pCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ3pFLHdEQUNnQixPQUFPLEVBQ3JCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXBELENBQW9ELElBQ2pFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxDQUNBLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+export default React.forwardRef(Checkbox);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFDZixFQWlCZ0IsRUFDaEIsR0FBZ0M7SUFqQjlCLElBQUEsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBaEJYLHNLQWlCQyxDQURVO0lBSUwsSUFBQSxLQUEwQyxXQUFXLENBQUMsRUFBRSxPQUFPLFNBQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLEVBQXBHLFlBQVksa0JBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUFpRSxDQUFBO0lBRTVHLE9BQU8sQ0FDTCw2QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLGNBQWMsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsRUFDOUcsUUFBUSxFQUFFLENBQUM7UUFFWCx3Q0FDRSxHQUFHLEVBQUUsR0FBRyxrQkFDTSxPQUFPLEVBQ3JCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsaUJBQ08sTUFBTSxFQUNuQixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLE9BQU8sRUFBRSxXQUFXLElBQ2hCLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztZQUM3RCxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDM0QsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUNoQjtnQkFDRyxJQUFJLENBQUMsQ0FBQyxDQUFDLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFBRyxLQUFLLENBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSztnQkFDakYsSUFBSSxJQUFJLFdBQVcsSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ2pHLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRyxJQUFJLENBQUMsQ0FBQyxDQUFDLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFBRyxLQUFLLENBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSztnQkFDakYsSUFBSSxJQUFJLFdBQVcsSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ3JHLENBQ0osQ0FDSyxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQSJ9

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

@@ -1,19 +1,5 @@
-/// <reference types="react" />
-import { CheckboxProps } from './CheckboxProps';
-import { ComponentName } from '../../components/enumsComponentsName';
-/**
- * Checkbox Native 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 onClick {ClickEvent}
- * @param onChange {ChangeEvent}
- * @param name {string} Name for checkbox
- */
-declare const Checkbox: {
-    ({ id, checked, name, onChange, disabled, readonly, label, }: CheckboxProps): JSX.Element;
-    displayName: ComponentName;
-};
-export default Checkbox;
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { CheckboxProps } from '../../components/checkbox/CheckboxProps';
+declare const _default: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<TouchableOpacity>>;
+export default _default;