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

package/lib/components/card/index.js

@@ -1,6 +1,12 @@
-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
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardContent = exports.CardImage = exports.Card = void 0;
+var tslib_1 = require("tslib");
+var Card_1 = tslib_1.__importDefault(require("./Card"));
+exports.Card = Card_1.default;
+var image_1 = tslib_1.__importDefault(require("./image"));
+exports.CardImage = image_1.default;
+var content_1 = tslib_1.__importDefault(require("./content"));
+exports.CardContent = content_1.default;
+tslib_1.__exportStar(require("./image/CardImageEnum"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHdEQUF5QjtBQU1oQixlQU5GLGNBQUksQ0FNRTtBQUxiLDBEQUErQjtBQUtoQixvQkFMUixlQUFTLENBS1E7QUFKeEIsOERBQW1DO0FBSVQsc0JBSm5CLGlCQUFXLENBSW1CO0FBRnJDLGdFQUFxQyJ9

package/lib/components/card/index.mjs

@@ -0,0 +1,6 @@
+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

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

@@ -0,0 +1,19 @@
+import React from '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 // 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} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required input checkboxes
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
+export default Checkbox;

package/lib/components/checkbox/Checkbox.js

@@ -1,9 +1,11 @@
-import { __assign, __read, __rest } from "tslib";
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
-import { ComponentName } from '../enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var context_1 = require("../../context");
+var hashClassesHelpers_1 = require("../../helpers/hashClassesHelpers");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importStar(require("react"));
+var enumsComponentsName_1 = require("../enumsComponentsName");
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
@@ -19,11 +21,11 @@ import { ComponentName } from '../enumsComponentsName';
  * @param className {string} Additional css classes (ONLY FOR WEB)
  * @param required {boolean} Required input checkboxes
  */
-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 () {
+var Checkbox = react_1.default.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_1.default.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, children = _a.children, required = _a.required, others = tslib_1.__rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "children", "required"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var _c = tslib_1.__read((0, react_1.useState)(checked || false), 2), _checked = _c[0], setChecked = _c[1];
+    (0, react_1.useEffect)(function () {
         if (!readonly) {
             setChecked(checked || false);
         }
@@ -39,10 +41,10 @@ var Checkbox = React.forwardRef(function (_a, ref) {
             })
             : 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)));
+    return (react_1.default.createElement("div", { ref: ref, className: (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('checkbox', className)) },
+        react_1.default.createElement("input", tslib_1.__assign({ type: 'checkbox', readOnly: readonly, id: id, required: required, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: handleOnChange }, others)),
+        react_1.default.createElement("label", { htmlFor: id, className: (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('checkbox-label')) }, label !== null && label !== void 0 ? label : children)));
 });
-Checkbox.displayName = ComponentName.Checkbox;
-export default Checkbox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBMkgsRUFDM0gsR0FBRztJQURELElBQUEsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpILG9IQUEySCxDQUFGO0lBR2pILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLElBQU0sY0FBYyxHQUFHLFVBQUMsQ0FBc0M7UUFDcEQsSUFBQSxNQUFNLEdBQUssQ0FBQyxPQUFOLENBQU07UUFDcEIsUUFBUTtZQUNOLENBQUMsQ0FBQyxRQUFRLENBQUM7Z0JBQ1AsVUFBVSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNyQixhQUFhLEVBQUUsTUFBTSxDQUFDLEtBQUs7Z0JBQzNCLFlBQVksRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDekIsZUFBZSxFQUFFLE1BQU0sQ0FBQyxPQUFPO2FBQ2hDLENBQUM7WUFDSixDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNoQyxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3RFLHdDQUNFLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxjQUFjLElBQ3BCLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksUUFBUSxDQUNaLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==
+Checkbox.displayName = enumsComponentsName_1.ComponentName.Checkbox;
+exports.default = Checkbox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxxQ0FBNkM7QUFDN0MsbUVBQXdEO0FBQ3hELHNEQUF1QjtBQUN2QixxREFBa0Q7QUFDbEQsOERBQXNEO0FBR3REOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FDL0IsVUFDRSxFQUEySCxFQUMzSCxHQUFHO0lBREQsSUFBQSxPQUFPLGFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFrQixFQUFsQixFQUFFLG1CQUFHLGVBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sc0JBQXpILG9IQUEySCxDQUFGO0lBR2pILElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLGVBQXlCLElBQUEsZ0JBQVEsRUFBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBRWxFLElBQUEsaUJBQVMsRUFBQztRQUNSLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsSUFBTSxjQUFjLEdBQUcsVUFBQyxDQUFzQztRQUNwRCxJQUFBLE1BQU0sR0FBSyxDQUFDLE9BQU4sQ0FBTTtRQUNwQixRQUFRO1lBQ04sQ0FBQyxDQUFDLFFBQVEsQ0FBQztnQkFDUCxVQUFVLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ3JCLGFBQWEsRUFBRSxNQUFNLENBQUMsS0FBSztnQkFDM0IsWUFBWSxFQUFFLE1BQU0sQ0FBQyxJQUFJO2dCQUN6QixlQUFlLEVBQUUsTUFBTSxDQUFDLE9BQU87YUFDaEMsQ0FBQztZQUNKLENBQUMsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ2hDLENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxJQUFBLDhCQUFTLEVBQUMsTUFBTSxFQUFFLElBQUEsY0FBSSxFQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUN0RSwwREFDRSxJQUFJLEVBQUMsVUFBVSxFQUNmLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN0QyxRQUFRLEVBQUUsY0FBYyxJQUNwQixNQUFNLEVBQ1Y7UUFDRix5Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxJQUFBLDhCQUFTLEVBQUMsTUFBTSxFQUFFLElBQUEsY0FBSSxFQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksUUFBUSxDQUNaLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGtCQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/checkbox/Checkbox.mjs

@@ -0,0 +1,48 @@
+import { __assign, __read, __rest } from "tslib";
+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 // 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} Additional css classes (ONLY FOR WEB)
+ * @param required {boolean} Required input checkboxes
+ */
+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 () {
+        if (!readonly) {
+            setChecked(checked || false);
+        }
+    }, [checked, readonly]);
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBMkgsRUFDM0gsR0FBRztJQURELElBQUEsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpILG9IQUEySCxDQUFGO0lBR2pILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQTNELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBdUMsQ0FBQTtJQUVsRSxTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLElBQU0sY0FBYyxHQUFHLFVBQUMsQ0FBc0M7UUFDcEQsSUFBQSxNQUFNLEdBQUssQ0FBQyxPQUFOLENBQU07UUFDcEIsUUFBUTtZQUNOLENBQUMsQ0FBQyxRQUFRLENBQUM7Z0JBQ1AsVUFBVSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNyQixhQUFhLEVBQUUsTUFBTSxDQUFDLEtBQUs7Z0JBQzNCLFlBQVksRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDekIsZUFBZSxFQUFFLE1BQU0sQ0FBQyxPQUFPO2FBQ2hDLENBQUM7WUFDSixDQUFDLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNoQyxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3RFLHdDQUNFLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxjQUFjLElBQ3BCLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksUUFBUSxDQUNaLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFDN0MsZUFBZSxRQUFRLENBQUEifQ==

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { CheckboxProps } from './CheckboxProps';
+/**
+ * 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: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<TouchableOpacity>>;
+export default Checkbox;

package/lib/components/checkbox/Checkbox.native.js

@@ -1,11 +1,13 @@
-import { __read } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
-import { IconName } from '../../components/icon/IconNameEnum';
-import { Text } from '../../components/text';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var icon_1 = require("../../components/icon");
+var IconNameEnum_1 = require("../../components/icon/IconNameEnum");
+var text_1 = require("../../components/text");
+var Color_1 = require("../../objects/facets/Color");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
 /**
  * Checkbox Native Component
  * @param checked {boolean} Checked Checkbox
@@ -17,13 +19,13 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
  * @param onChange {ChangeEvent}
  * @param name {string} Name for checkbox
  */
-var Checkbox = React.forwardRef(function (_a, ref) {
-    var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label;
-    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
-    useEffect(function () {
+var Checkbox = react_1.default.forwardRef(function (_a, ref) {
+    var _b = _a.id, id = _b === void 0 ? react_1.default.useId() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label;
+    var _c = tslib_1.__read((0, react_1.useState)(checked || false), 2), _checked = _c[0], setChecked = _c[1];
+    (0, react_1.useEffect)(function () {
         setChecked(checked || false);
     }, [checked]);
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         container: {
             flexDirection: 'row',
             justifyContent: 'flex-start',
@@ -31,18 +33,18 @@ var Checkbox = React.forwardRef(function (_a, ref) {
         checkBox: {
             alignItems: 'center',
             justifyContent: 'flex-start',
-            borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
+            borderColor: (0, Color_1.getColorStyle)(disabled ? Color_1.TrilogyColor.DISABLED : _checked ? Color_1.TrilogyColor.MAIN : Color_1.TrilogyColor.STROKE),
             borderWidth: 0.6,
             width: 19,
             height: 19,
             borderRadius: 4,
             marginRight: 10,
             marginLeft: 0,
-            backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : 'transparent'),
+            backgroundColor: (0, Color_1.getColorStyle)(disabled ? Color_1.TrilogyColor.DISABLED_FADE : _checked ? Color_1.TrilogyColor.MAIN : 'transparent'),
         },
         label: {
             marginTop: 2,
-            color: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN),
+            color: (0, Color_1.getColorStyle)(disabled ? Color_1.TrilogyColor.DISABLED : Color_1.TrilogyColor.MAIN),
         },
     });
     var handleClick = function () {
@@ -58,10 +60,10 @@ var Checkbox = React.forwardRef(function (_a, ref) {
             }
         }
     };
-    return (React.createElement(TouchableOpacity, { ref: ref, disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
-        React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
-        label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
+    return (react_1.default.createElement(react_native_1.TouchableOpacity, { ref: ref, disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
+        react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && react_1.default.createElement(icon_1.Icon, { size: icon_1.IconSize.SMALLER, color: Color_1.TrilogyColor.BACKGROUND, name: IconNameEnum_1.IconName.CHECK })),
+        label && typeof label.valueOf() === 'string' ? react_1.default.createElement(text_1.Text, { style: styles.label }, String(label)) : label));
 });
-Checkbox.displayName = ComponentName.Checkbox;
-export default Checkbox;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHM0Q7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBMEUsRUFBRSxHQUFHO1FBQTdFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ2pFLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWxELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBOEIsQ0FBQTtJQUV6RCxTQUFTLENBQUM7UUFDUixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxD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
+Checkbox.displayName = enumsComponentsName_1.ComponentName.Checkbox;
+exports.default = Checkbox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUNoRSwwQ0FBa0Q7QUFDbEQsK0RBQXlEO0FBQ3pELDBDQUF3QztBQUN4QyxnREFBb0U7QUFDcEUscURBQWtEO0FBQ2xELDZDQUEyRDtBQUczRDs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FDL0IsVUFBQyxFQUEwRSxFQUFFLEdBQUc7UUFBN0UsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxlQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUE7SUFDakUsSUFBQSxLQUFBLGVBQXlCLElBQUEsZ0JBQVEsRUFBQyxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBbEQsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUE4QixDQUFBO0lBRXpELElBQUEsaUJBQVMsRUFBQztRQUNSLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7SUFDOUIsQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUViLElBQU0sTUFBTSxHQUFHLHlCQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGNBQWMsRUFBRSxZQUFZO1NBQzdCO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsVUFBVSxFQUFFLFFBQVE7WUFDcEIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsV0FBVyxFQUFFLElBQUEscUJBQWEsRUFBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxvQkFBWSxDQUFDLE1BQU0sQ0FBQztZQUNqSCxXQUFXLEVBQUUsR0FBRztZQUNoQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsWUFBWSxFQUFFLENBQUM7WUFDZixXQUFXLEVBQUUsRUFBRTtZQUNmLFVBQVUsRUFBRSxDQUFDO1lBQ2IsZUFBZSxFQUFFLElBQUEscUJBQWEsRUFDNUIsUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUNyRjtTQUNGO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsU0FBUyxFQUFFLENBQUM7WUFDWixLQUFLLEVBQUUsSUFBQSxxQkFBYSxFQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFZLENBQUMsSUFBSSxDQUFDO1NBQzNFO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxXQUFXLEdBQUc7UUFDbEIsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFBO1lBQ3JCLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxVQUFVLEVBQUUsRUFBRTtvQkFDZCxhQUFhLEVBQUUsRUFBRTtvQkFDakIsWUFBWSxFQUFFLElBQUksSUFBSSxFQUFFO29CQUN4QixlQUFlLEVBQUUsQ0FBQyxRQUFRO2lCQUMzQixDQUFDLENBQUE7YUFDSDtTQUNGO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsT0FBTyxDQUNMLDhCQUFDLCtCQUFnQixJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFdBQVcsRUFBRSxFQUFiLENBQWE7UUFDbkcsOEJBQUMsK0JBQWdCLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxjQUFNLE9BQUEsV0FBVyxFQUFFLEVBQWIsQ0FBYSxJQUNyRyxRQUFRLElBQUksOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxlQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxvQkFBWSxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsdUJBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDbEY7UUFDbEIsS0FBSyxJQUFJLE9BQU8sS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsOEJBQUMsV0FBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQ3hGLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxRQUFRLENBQUE7QUFFN0Msa0JBQWUsUUFBUSxDQUFBIn0=

package/lib/components/checkbox/Checkbox.native.mjs

@@ -0,0 +1,67 @@
+import { __read } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../components/icon';
+import { IconName } from '../../components/icon/IconNameEnum';
+import { Text } from '../../components/text';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+/**
+ * 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
+ */
+var Checkbox = React.forwardRef(function (_a, ref) {
+    var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label;
+    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
+    useEffect(function () {
+        setChecked(checked || false);
+    }, [checked]);
+    var styles = StyleSheet.create({
+        container: {
+            flexDirection: 'row',
+            justifyContent: 'flex-start',
+        },
+        checkBox: {
+            alignItems: 'center',
+            justifyContent: 'flex-start',
+            borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
+            borderWidth: 0.6,
+            width: 19,
+            height: 19,
+            borderRadius: 4,
+            marginRight: 10,
+            marginLeft: 0,
+            backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : 'transparent'),
+        },
+        label: {
+            marginTop: 2,
+            color: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN),
+        },
+    });
+    var handleClick = function () {
+        if (!readonly) {
+            setChecked(!_checked);
+            if (onChange) {
+                onChange({
+                    checkboxId: id,
+                    checkboxValue: '',
+                    checkboxName: name || '',
+                    checkboxChecked: !_checked,
+                });
+            }
+        }
+    };
+    return (React.createElement(TouchableOpacity, { ref: ref, disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
+        React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
+        label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
+});
+Checkbox.displayName = ComponentName.Checkbox;
+export default Checkbox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHM0Q7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBMEUsRUFBRSxHQUFHO1FBQTdFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ2pFLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWxELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBOEIsQ0FBQTtJQUV6RCxTQUFTLENBQUM7UUFDUixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFYixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGNBQWMsRUFBRSxZQUFZO1NBQzdCO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsVUFBVSxFQUFFLFFBQVE7WUFDcEIsY0FBYyxFQUFFLFlBQVk7WUFDNUIsV0FBVyxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQztZQUNqSCxXQUFXLEVBQUUsR0FBRztZQUNoQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsWUFBWSxFQUFFLENBQUM7WUFDZixXQUFXLEVBQUUsRUFBRTtZQUNmLFVBQVUsRUFBRSxDQUFDO1lBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FDNUIsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FDckY7U0FDRjtRQUNELEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxDQUFDO1lBQ1osS0FBSyxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDM0U7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFdBQVcsR0FBRztRQUNsQixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7WUFDckIsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDO29CQUNQLFVBQVUsRUFBRSxFQUFFO29CQUNkLGFBQWEsRUFBRSxFQUFFO29CQUNqQixZQUFZLEVBQUUsSUFBSSxJQUFJLEVBQUU7b0JBQ3hCLGVBQWUsRUFBRSxDQUFDLFFBQVE7aUJBQzNCLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsV0FBVyxFQUFFLEVBQWIsQ0FBYTtRQUNuRyxvQkFBQyxnQkFBZ0IsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLGNBQU0sT0FBQSxXQUFXLEVBQUUsRUFBYixDQUFhLElBQ3JHLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFlBQVksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDbEY7UUFDbEIsS0FBSyxJQUFJLE9BQU8sS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQ3hGLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUU3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/checkbox/CheckboxProps.d.mts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { Accessibility } from '../../objects/facets/Accessibility';
+import { CommonProps } from '../../objects/facets/CommonProps';
+export type CheckboxChangeEventHandler = (event: {
+    checkboxValue: string;
+    checkboxName: string;
+    checkboxChecked: boolean;
+    checkboxId: string;
+}) => void;
+/**
+ * Checkbox Interface
+ */
+export type CheckboxProps = Pick<CheckboxPropsPossibilities, keyof CheckboxPropsPossibilities>;
+type CheckboxPropsPossibilities = CheckboxWithLabel | CheckboxWithChildren;
+interface CheckboxCommonProps extends Accessibility, CommonProps {
+    checked?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: CheckboxChangeEventHandler;
+    name?: string;
+    value?: string;
+    required?: boolean;
+}
+interface CheckboxWithLabel extends CheckboxCommonProps {
+    label: string;
+    children?: never;
+}
+interface CheckboxWithChildren extends CheckboxCommonProps {
+    children: React.ReactNode;
+    label?: never;
+}
+export type CheckboxRef = HTMLDivElement;
+export type CheckboxNativeRef = TouchableOpacity;
+export {};

package/lib/components/checkbox/CheckboxProps.js

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

package/lib/components/checkbox/CheckboxProps.mjs

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

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

@@ -0,0 +1,6 @@
+import Checkbox from './Checkbox';
+import CheckboxList from './list/CheckboxList';
+import CheckboxTiles from './tiles/CheckboxTiles';
+import CheckboxTile from './tiles/tile/CheckboxTile';
+export * from './CheckboxProps';
+export { Checkbox, CheckboxList, CheckboxTile, CheckboxTiles };

package/lib/components/checkbox/index.js

@@ -1,7 +1,14 @@
-import Checkbox from './Checkbox';
-import CheckboxList from './list/CheckboxList';
-import CheckboxTiles from './tiles/CheckboxTiles';
-import CheckboxTile from './tiles/tile/CheckboxTile';
-export * from './CheckboxProps';
-export { Checkbox, CheckboxList, CheckboxTile, CheckboxTiles };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxxQkFBcUIsQ0FBQTtBQUM5QyxPQUFPLGFBQWEsTUFBTSx1QkFBdUIsQ0FBQTtBQUNqRCxPQUFPLFlBQVksTUFBTSwyQkFBMkIsQ0FBQTtBQUVwRCxjQUFjLGlCQUFpQixDQUFBO0FBRS9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsQ0FBQSJ9
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxTiles = exports.CheckboxTile = exports.CheckboxList = exports.Checkbox = void 0;
+var tslib_1 = require("tslib");
+var Checkbox_1 = tslib_1.__importDefault(require("./Checkbox"));
+exports.Checkbox = Checkbox_1.default;
+var CheckboxList_1 = tslib_1.__importDefault(require("./list/CheckboxList"));
+exports.CheckboxList = CheckboxList_1.default;
+var CheckboxTiles_1 = tslib_1.__importDefault(require("./tiles/CheckboxTiles"));
+exports.CheckboxTiles = CheckboxTiles_1.default;
+var CheckboxTile_1 = tslib_1.__importDefault(require("./tiles/tile/CheckboxTile"));
+exports.CheckboxTile = CheckboxTile_1.default;
+tslib_1.__exportStar(require("./CheckboxProps"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxnRUFBaUM7QUFPeEIsbUJBUEYsa0JBQVEsQ0FPRTtBQU5qQiw2RUFBOEM7QUFNM0IsdUJBTlosc0JBQVksQ0FNWTtBQUwvQixnRkFBaUQ7QUFLRix3QkFMeEMsdUJBQWEsQ0FLd0M7QUFKNUQsbUZBQW9EO0FBSW5CLHVCQUoxQixzQkFBWSxDQUkwQjtBQUY3QywwREFBK0IifQ==

package/lib/components/checkbox/index.mjs

@@ -0,0 +1,7 @@
+import Checkbox from './Checkbox';
+import CheckboxList from './list/CheckboxList';
+import CheckboxTiles from './tiles/CheckboxTiles';
+import CheckboxTile from './tiles/tile/CheckboxTile';
+export * from './CheckboxProps';
+export { Checkbox, CheckboxList, CheckboxTile, CheckboxTiles };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxxQkFBcUIsQ0FBQTtBQUM5QyxPQUFPLGFBQWEsTUFBTSx1QkFBdUIsQ0FBQTtBQUNqRCxPQUFPLFlBQVksTUFBTSwyQkFBMkIsQ0FBQTtBQUVwRCxjQUFjLGlCQUFpQixDQUFBO0FBRS9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsQ0FBQSJ9

package/lib/components/checkbox/list/CheckboxList.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { CheckboxListWebProps } from './CheckboxListProps';
+/**
+ * Checkbox List Component
+ * @param children {ReactNode} CheckboxList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param align {boolean} align Checkboxes
+ * @param verticalDesktop {boolean} Vertical Checkboxes
+ * @param horizontalMobile {boolean} Expect mobile screen
+ * @param accessibilityLabelledBy {string} aria-labelledby attribute
+ */
+declare const CheckboxList: React.ForwardRefExoticComponent<CheckboxListWebProps & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxList;

package/lib/components/checkbox/list/CheckboxList.js

@@ -1,12 +1,14 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { getJustifiedClassName } from '../../../objects';
-import { is } from '../../../services';
-import { isRequiredChild } from '../../../helpers/require';
-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 objects_1 = require("../../../objects");
+var services_1 = require("../../../services");
+var require_1 = require("../../../helpers/require");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var React = tslib_1.__importStar(require("react"));
 /**
  * Checkbox List Component
  * @param children {ReactNode} CheckboxList children
@@ -18,10 +20,10 @@ import * as React from 'react';
  * @param accessibilityLabelledBy {string} aria-labelledby attribute
  */
 var CheckboxList = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children"]);
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ ref: ref, id: id, role: "group", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkboxes', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children));
+    var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, others = tslib_1.__rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    return (React.createElement("div", tslib_1.__assign({ ref: ref, id: id, role: "group", "aria-labelledby": accessibilityLabelledBy, "aria-required": (0, require_1.isRequiredChild)(children) ? 'true' : undefined, className: (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('checkboxes', className, align && (0, services_1.is)((0, objects_1.getJustifiedClassName)(align)), horizontalMobile && (0, services_1.is)('horizontal-mobile'), verticalDesktop && (0, services_1.is)('vertical-desktop'))) }, others), children));
 });
-CheckboxList.displayName = ComponentName.CheckboxList;
-export default CheckboxList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9saXN0L0NoZWNrYm94TGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQUMsRUFBeUcsRUFBRSxHQUFHO0lBQTVHLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBdkcsMEdBQXlHLENBQUY7SUFDOUYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsT0FBTyxxQkFDSyx1QkFBdUIsbUJBQ3pCLGVBQWUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzdELFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsWUFBWSxFQUNaLFNBQVMsRUFDVCxLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUMzQyxlQUFlLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQzFDLENBQ0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGVBQWUsWUFBWSxDQUFBIn0=
+CheckboxList.displayName = enumsComponentsName_1.ComponentName.CheckboxList;
+exports.default = CheckboxList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9saXN0L0NoZWNrYm94TGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsd0VBQWdFO0FBQ2hFLHFDQUE2QztBQUM3QyxxQ0FBcUM7QUFDckMscUNBQWlEO0FBQ2pELHVDQUErQjtBQUMvQiw2Q0FBbUQ7QUFDbkQsc0RBQXVCO0FBQ3ZCLG1EQUE4QjtBQUc5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQXlHLEVBQUUsR0FBRztJQUE1RyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGdCQUFnQixzQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSx1QkFBdUIsNkJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLHNCQUF2RywwR0FBeUcsQ0FBRjtJQUM5RixJQUFBLE1BQU0sR0FBSyxJQUFBLDJCQUFpQixHQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCw4Q0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLE9BQU8scUJBQ0ssdUJBQXVCLG1CQUN6QixJQUFBLHlCQUFlLEVBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM3RCxTQUFTLEVBQUUsSUFBQSxtQkFBUyxFQUNsQixNQUFNLEVBQ04sSUFBQSxjQUFJLEVBQ0YsWUFBWSxFQUNaLFNBQVMsRUFDVCxLQUFLLElBQUksSUFBQSxhQUFFLEVBQUMsSUFBQSwrQkFBcUIsRUFBQyxLQUFLLENBQUMsQ0FBQyxFQUN6QyxnQkFBZ0IsSUFBSSxJQUFBLGFBQUUsRUFBQyxtQkFBbUIsQ0FBQyxFQUMzQyxlQUFlLElBQUksSUFBQSxhQUFFLEVBQUMsa0JBQWtCLENBQUMsQ0FDMUMsQ0FDRixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGtCQUFlLFlBQVksQ0FBQSJ9

package/lib/components/checkbox/list/CheckboxList.mjs

@@ -0,0 +1,27 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getJustifiedClassName } from '../../../objects';
+import { is } from '../../../services';
+import { isRequiredChild } from '../../../helpers/require';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * Checkbox List Component
+ * @param children {ReactNode} CheckboxList children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param align {boolean} align Checkboxes
+ * @param verticalDesktop {boolean} Vertical Checkboxes
+ * @param horizontalMobile {boolean} Expect mobile screen
+ * @param accessibilityLabelledBy {string} aria-labelledby attribute
+ */
+var CheckboxList = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, accessibilityLabelledBy = _a.accessibilityLabelledBy, children = _a.children, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop", "accessibilityLabelledBy", "children"]);
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ ref: ref, id: id, role: "group", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('checkboxes', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others), children));
+});
+CheckboxList.displayName = ComponentName.CheckboxList;
+export default CheckboxList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9saXN0L0NoZWNrYm94TGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDakQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQUMsRUFBeUcsRUFBRSxHQUFHO0lBQTVHLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBdkcsMEdBQXlHLENBQUY7SUFDOUYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsT0FBTyxxQkFDSyx1QkFBdUIsbUJBQ3pCLGVBQWUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzdELFNBQVMsRUFBRSxTQUFTLENBQ2xCLE1BQU0sRUFDTixJQUFJLENBQ0YsWUFBWSxFQUNaLFNBQVMsRUFDVCxLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUMzQyxlQUFlLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQzFDLENBQ0YsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBQ3JELGVBQWUsWUFBWSxDQUFBIn0=

package/lib/components/checkbox/list/CheckboxList.native.d.mts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { CheckboxListProps } from './CheckboxListProps';
+/**
+ * CheckboxList Native Component
+ * @param children {ReactNode} CheckboxList children
+ * @param autolayout {boolean} Apply auto-layout rules
+ */
+declare const CheckboxList: React.ForwardRefExoticComponent<CheckboxListProps & React.RefAttributes<import("react-native/types").View>>;
+export default CheckboxList;

package/lib/components/checkbox/list/CheckboxList.native.js

@@ -1,11 +1,13 @@
-import { __assign } from "tslib";
-import { AutoLayoutWrapper } from '../../../components/autolayout';
-import { SpacingMatrixMode } from '../../../components/autolayout/SpacingMatrix';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { SpacerSize } from '../../../components/spacer';
-import * as React from 'react';
-var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
-var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var autolayout_1 = require("../../../components/autolayout");
+var SpacingMatrix_1 = require("../../../components/autolayout/SpacingMatrix");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var spacer_1 = require("../../../components/spacer");
+var React = tslib_1.__importStar(require("react"));
+var THREE = spacer_1.SpacerSize.THREE, TWO = spacer_1.SpacerSize.TWO;
+var INSERT_SPACE_BETWEEN = SpacingMatrix_1.SpacingMatrixMode.INSERT_SPACE_BETWEEN;
 var SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Checkbox', 'Divider', TWO],
     [INSERT_SPACE_BETWEEN, 'Divider', 'Checkbox', TWO],
@@ -18,8 +20,8 @@ var SPACING_MATRIX = [
  */
 var CheckboxList = React.forwardRef(function (_a, ref) {
     var children = _a.children;
-    return React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: SPACING_MATRIX, children: children }));
+    return React.createElement(autolayout_1.AutoLayoutWrapper, tslib_1.__assign({}, { autolayout: SPACING_MATRIX, children: children }));
 });
-CheckboxList.displayName = ComponentName.CheckboxList;
-export default CheckboxList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvbGlzdC9DaGVja2JveExpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHdEIsSUFBQSxLQUFLLEdBQVUsVUFBVSxNQUFwQixFQUFFLEdBQUcsR0FBSyxVQUFVLElBQWYsQ0FBZTtBQUN6QixJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFbEQsSUFBTSxjQUFjLEdBQWtCO0lBQ3BDLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsS0FBSyxDQUFDO0NBQ3RELENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUN6RixPQUFPLG9CQUFDLGlCQUFpQixlQUFLLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxRQUFRLFVBQUEsRUFBRSxFQUFJLENBQUE7QUFDNUUsQ0FBQyxDQUFDLENBQUE7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFFckQsZUFBZSxZQUFZLENBQUEifQ==
+CheckboxList.displayName = enumsComponentsName_1.ComponentName.CheckboxList;
+exports.default = CheckboxList;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvbGlzdC9DaGVja2JveExpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxzREFBMkQ7QUFDM0QsdUVBQXdGO0FBQ3hGLHdFQUFnRTtBQUNoRSw4Q0FBZ0Q7QUFDaEQsbURBQThCO0FBR3RCLElBQUEsS0FBSyxHQUFVLG1CQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLG1CQUFVLElBQWYsQ0FBZTtBQUN6QixJQUFBLG9CQUFvQixHQUFLLGlDQUFpQixxQkFBdEIsQ0FBc0I7QUFFbEQsSUFBTSxjQUFjLEdBQWtCO0lBQ3BDLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsS0FBSyxDQUFDO0NBQ3RELENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUFZLEVBQUUsR0FBRztRQUFmLFFBQVEsY0FBQTtJQUN6RixPQUFPLG9CQUFDLDhCQUFpQix1QkFBSyxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsUUFBUSxVQUFBLEVBQUUsRUFBSSxDQUFBO0FBQzVFLENBQUMsQ0FBQyxDQUFBO0FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLFlBQVksQ0FBQTtBQUVyRCxrQkFBZSxZQUFZLENBQUEifQ==