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

package/lib/components/table/tr/TableTr.js

@@ -1,11 +1,13 @@
-import { __assign, __rest } from "tslib";
-import * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../helpers/hashClassesHelpers";
-import { is } from "../../../services/classify";
-import { useTrilogyContext } from "../../../context/index";
-import { getColorClassName } from "../../../objects/facets/Color";
-import { ComponentName } from "../../../components/enumsComponentsName";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var hashClassesHelpers_1 = require("../../../helpers/hashClassesHelpers");
+var classify_1 = require("../../../services/classify");
+var index_1 = require("../../../context/index");
+var Color_1 = require("../../../objects/facets/Color");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
 /**
  * Table TR Component
  * @param children {ReactNode}
@@ -19,11 +21,11 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
 var TableTr = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, expandable = _a.expandable, expanded = _a.expanded, expansion = _a.expansion, color = _a.color, others = __rest(_a, ["className", "id", "expandable", "expanded", "expansion", "color"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(className, expandable && is("expandable"), expanded && is("expanded"), expansion && is("expansion"), color && getColorClassName(color)));
-    return React.createElement("tr", __assign({ ref: ref, id: id, className: classes }, others));
+    var className = _a.className, id = _a.id, expandable = _a.expandable, expanded = _a.expanded, expansion = _a.expansion, color = _a.color, others = tslib_1.__rest(_a, ["className", "id", "expandable", "expanded", "expansion", "color"]);
+    var styled = (0, index_1.useTrilogyContext)().styled;
+    var classes = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)(className, expandable && (0, classify_1.is)("expandable"), expanded && (0, classify_1.is)("expanded"), expansion && (0, classify_1.is)("expansion"), color && (0, Color_1.getColorClassName)(color)));
+    return React.createElement("tr", tslib_1.__assign({ ref: ref, id: id, className: classes }, others));
 });
-TableTr.displayName = ComponentName.TableTr;
-export default TableTr;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFRM0QsRUFBRSxHQUFHO0lBUEosSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVBpRCxtRUFRM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsS0FBSyxJQUFJLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUNsQyxDQUNGLENBQUE7SUFFRCxPQUFPLHFDQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2pFLENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
+TableTr.displayName = enumsComponentsName_1.ComponentName.TableTr;
+exports.default = TableTr;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbURBQThCO0FBQzlCLHNEQUF1QjtBQUV2QixtRUFBd0Q7QUFDeEQsZ0RBQXdDO0FBQ3hDLHlDQUFtRDtBQUNuRCxnREFBMEQ7QUFDMUQsd0VBQWdFO0FBRWhFOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQVEzRCxFQUFFLEdBQUc7SUFQSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDRixNQUFNLHNCQVBpRCxtRUFRM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLElBQUEseUJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsSUFBQSw4QkFBUyxFQUN2QixNQUFNLEVBQ04sSUFBQSxjQUFJLEVBQ0YsU0FBUyxFQUNULFVBQVUsSUFBSSxJQUFBLGFBQUUsRUFBQyxZQUFZLENBQUMsRUFDOUIsUUFBUSxJQUFJLElBQUEsYUFBRSxFQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLElBQUksSUFBQSxhQUFFLEVBQUMsV0FBVyxDQUFDLEVBQzVCLEtBQUssSUFBSSxJQUFBLHlCQUFpQixFQUFDLEtBQUssQ0FBQyxDQUNsQyxDQUNGLENBQUE7SUFFRCxPQUFPLDZDQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2pFLENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxrQkFBZSxPQUFPLENBQUEifQ==

package/lib/components/table/tr/TableTr.mjs

@@ -0,0 +1,29 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { is } from "../../../services/classify";
+import { useTrilogyContext } from "../../../context/index";
+import { getColorClassName } from "../../../objects/facets/Color";
+import { ComponentName } from "../../../components/enumsComponentsName";
+/**
+ * Table TR Component
+ * @param children {ReactNode}
+ * @param expandable {boolean} Lines can display additional information
+ * @param expanded {boolean} An unfolded line will also receive class
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param expansion {boolean} Is expansion
+ * @param onClick {ClickEvent} On click event
+ * @param color {TrilogyColor} Higlight color
+ * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
+ */
+var TableTr = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, expandable = _a.expandable, expanded = _a.expanded, expansion = _a.expansion, color = _a.color, others = __rest(_a, ["className", "id", "expandable", "expanded", "expansion", "color"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className, expandable && is("expandable"), expanded && is("expanded"), expansion && is("expansion"), color && getColorClassName(color)));
+    return React.createElement("tr", __assign({ ref: ref, id: id, className: classes }, others));
+});
+TableTr.displayName = ComponentName.TableTr;
+export default TableTr;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFRM0QsRUFBRSxHQUFHO0lBUEosSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVBpRCxtRUFRM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsS0FBSyxJQUFJLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUNsQyxDQUNGLENBQUE7SUFFRCxPQUFPLHFDQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2pFLENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/table/tr/TableTr.native.d.mts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TableTrPropsNative } from './TableTrProps';
+/**
+ * TableTr Component
+ * @param children {ReactNode} Rows children
+ * @param expandable {boolean} Lines can display additional information
+ * @param expanded {ReactNode|string} Expended Table TR content
+ */
+declare const TableTr: React.ForwardRefExoticComponent<Omit<TableTrPropsNative, "ref"> & React.RefAttributes<import("react-native").View>>;
+export default TableTr;

package/lib/components/table/tr/TableTr.native.js

@@ -1,27 +1,29 @@
-import { __assign, __read, __rest } from "tslib";
-import React, { useState } from 'react';
-import { StyleSheet, TouchableOpacity } from 'react-native';
-import { View } from '../../../components/view';
-import { Text, TextLevels } from '../../../components/text';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { getColorStyle, TrilogyColor } from '../../../components/../objects';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var view_1 = require("../../../components/view");
+var text_1 = require("../../../components/text");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var objects_1 = require("../../../components/../objects");
 /**
  * TableTr Component
  * @param children {ReactNode} Rows children
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {ReactNode|string} Expended Table TR content
  */
-var TableTr = React.forwardRef(function (_a, ref) {
-    var children = _a.children, expandable = _a.expandable, expanded = _a.expanded, others = __rest(_a, ["children", "expandable", "expanded"]);
-    var _b = __read(useState(false), 2), isExpanded = _b[0], setIsExpended = _b[1];
-    var styles = StyleSheet.create({
+var TableTr = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, expandable = _a.expandable, expanded = _a.expanded, others = tslib_1.__rest(_a, ["children", "expandable", "expanded"]);
+    var _b = tslib_1.__read((0, react_1.useState)(false), 2), isExpanded = _b[0], setIsExpended = _b[1];
+    var styles = react_native_1.StyleSheet.create({
         tableTr: {
             flexDirection: "row",
             flex: 1,
         },
         expendable: {
             width: "100%",
-            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            backgroundColor: (0, objects_1.getColorStyle)(objects_1.TrilogyColor.NEUTRAL_FADE),
             padding: 10,
         },
     });
@@ -29,14 +31,14 @@ var TableTr = React.forwardRef(function (_a, ref) {
         setIsExpended(!isExpanded);
     };
     if (expandable) {
-        return (React.createElement(View, { ref: ref },
-            React.createElement(TouchableOpacity, __assign({ onPress: function () { return handleExpendedContent(); }, style: styles.tableTr }, others), children),
-            isExpanded && expanded && typeof expanded.valueOf() === "string" && (React.createElement(View, { style: styles.expendable },
-                React.createElement(Text, { level: TextLevels.FOUR }, String(expanded)))),
-            isExpanded && expanded && React.isValidElement(expanded) && (React.createElement(View, { style: styles.expendable }, expanded))));
+        return (react_1.default.createElement(view_1.View, { ref: ref },
+            react_1.default.createElement(react_native_1.TouchableOpacity, tslib_1.__assign({ onPress: function () { return handleExpendedContent(); }, style: styles.tableTr }, others), children),
+            isExpanded && expanded && typeof expanded.valueOf() === "string" && (react_1.default.createElement(view_1.View, { style: styles.expendable },
+                react_1.default.createElement(text_1.Text, { level: text_1.TextLevels.FOUR }, String(expanded)))),
+            isExpanded && expanded && react_1.default.isValidElement(expanded) && (react_1.default.createElement(view_1.View, { style: styles.expendable }, expanded))));
     }
-    return (React.createElement(View, __assign({ ref: ref, style: styles.tableTr }, others), children));
+    return (react_1.default.createElement(view_1.View, tslib_1.__assign({ ref: ref, style: styles.tableTr }, others), children));
 });
-TableTr.displayName = ComponentName.TableTr;
-export default TableTr;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL1RhYmxlVHIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUVyRTs7Ozs7R0FLRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVDLFVBQUMsRUFLdkUsRUFBRSxHQUFHO0lBSkosSUFBQSxRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUo2RCxzQ0FLdkUsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBckQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE0QixDQUFBO0lBRTVELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsSUFBSSxFQUFFLENBQUM7U0FDUjtRQUNELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELE9BQU8sRUFBRSxFQUFFO1NBQ1o7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLHFCQUFxQixHQUFHO1FBQzVCLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzVCLENBQUMsQ0FBQTtJQUVELElBQUksVUFBVSxFQUFFO1FBQ2QsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRztZQUNaLG9CQUFDLGdCQUFnQixhQUNmLE9BQU8sRUFBRSxjQUFNLE9BQUEscUJBQXFCLEVBQUUsRUFBdkIsQ0FBdUIsRUFDdEMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQ2pCLE1BQU0sR0FFVCxRQUFRLENBQ1E7WUFDbEIsVUFBVSxJQUFJLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLElBQUksQ0FDbkUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVTtnQkFDNUIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNsRCxDQUNSO1lBQ0EsVUFBVSxJQUFJLFFBQVEsSUFBSSxLQUFLLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQzNELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVUsSUFBRyxRQUFRLENBQVEsQ0FDbEQsQ0FDSSxDQUNSLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQzlDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9
+TableTr.displayName = enumsComponentsName_1.ComponentName.TableTr;
+exports.default = TableTr;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL1RhYmxlVHIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxxREFBdUM7QUFDdkMsNkNBQTJEO0FBRTNELDBDQUF3QztBQUN4QywwQ0FBb0Q7QUFDcEQsd0VBQWdFO0FBQ2hFLG1EQUFxRTtBQUVyRTs7Ozs7R0FLRztBQUNILElBQU0sT0FBTyxHQUFHLGVBQUssQ0FBQyxVQUFVLENBQXVDLFVBQUMsRUFLdkUsRUFBRSxHQUFHO0lBSkosSUFBQSxRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ0wsTUFBTSxzQkFKNkQsc0NBS3ZFLENBRFU7SUFFSCxJQUFBLEtBQUEsZUFBOEIsSUFBQSxnQkFBUSxFQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXJELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBNEIsQ0FBQTtJQUU1RCxJQUFNLE1BQU0sR0FBRyx5QkFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsS0FBSztZQUNwQixJQUFJLEVBQUUsQ0FBQztTQUNSO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsSUFBQSx1QkFBYSxFQUFDLHNCQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELE9BQU8sRUFBRSxFQUFFO1NBQ1o7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLHFCQUFxQixHQUFHO1FBQzVCLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzVCLENBQUMsQ0FBQTtJQUVELElBQUksVUFBVSxFQUFFO1FBQ2QsT0FBTyxDQUNMLDhCQUFDLFdBQUksSUFBQyxHQUFHLEVBQUUsR0FBRztZQUNaLDhCQUFDLCtCQUFnQixxQkFDZixPQUFPLEVBQUUsY0FBTSxPQUFBLHFCQUFxQixFQUFFLEVBQXZCLENBQXVCLEVBQ3RDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUNqQixNQUFNLEdBRVQsUUFBUSxDQUNRO1lBQ2xCLFVBQVUsSUFBSSxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxJQUFJLENBQ25FLDhCQUFDLFdBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVU7Z0JBQzVCLDhCQUFDLFdBQUksSUFBQyxLQUFLLEVBQUUsaUJBQVUsQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2xELENBQ1I7WUFDQSxVQUFVLElBQUksUUFBUSxJQUFJLGVBQUssQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDM0QsOEJBQUMsV0FBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVSxJQUFHLFFBQVEsQ0FBUSxDQUNsRCxDQUNJLENBQ1IsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDhCQUFDLFdBQUkscUJBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQzlDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0Msa0JBQWUsT0FBTyxDQUFBIn0=

package/lib/components/table/tr/TableTr.native.mjs

@@ -0,0 +1,42 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { useState } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { View } from '../../../components/view';
+import { Text, TextLevels } from '../../../components/text';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../../components/../objects';
+/**
+ * TableTr Component
+ * @param children {ReactNode} Rows children
+ * @param expandable {boolean} Lines can display additional information
+ * @param expanded {ReactNode|string} Expended Table TR content
+ */
+var TableTr = React.forwardRef(function (_a, ref) {
+    var children = _a.children, expandable = _a.expandable, expanded = _a.expanded, others = __rest(_a, ["children", "expandable", "expanded"]);
+    var _b = __read(useState(false), 2), isExpanded = _b[0], setIsExpended = _b[1];
+    var styles = StyleSheet.create({
+        tableTr: {
+            flexDirection: "row",
+            flex: 1,
+        },
+        expendable: {
+            width: "100%",
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            padding: 10,
+        },
+    });
+    var handleExpendedContent = function () {
+        setIsExpended(!isExpanded);
+    };
+    if (expandable) {
+        return (React.createElement(View, { ref: ref },
+            React.createElement(TouchableOpacity, __assign({ onPress: function () { return handleExpendedContent(); }, style: styles.tableTr }, others), children),
+            isExpanded && expanded && typeof expanded.valueOf() === "string" && (React.createElement(View, { style: styles.expendable },
+                React.createElement(Text, { level: TextLevels.FOUR }, String(expanded)))),
+            isExpanded && expanded && React.isValidElement(expanded) && (React.createElement(View, { style: styles.expendable }, expanded))));
+    }
+    return (React.createElement(View, __assign({ ref: ref, style: styles.tableTr }, others), children));
+});
+TableTr.displayName = ComponentName.TableTr;
+export default TableTr;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL1RhYmxlVHIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUVyRTs7Ozs7R0FLRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVDLFVBQUMsRUFLdkUsRUFBRSxHQUFHO0lBSkosSUFBQSxRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUo2RCxzQ0FLdkUsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBckQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE0QixDQUFBO0lBRTVELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsSUFBSSxFQUFFLENBQUM7U0FDUjtRQUNELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELE9BQU8sRUFBRSxFQUFFO1NBQ1o7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLHFCQUFxQixHQUFHO1FBQzVCLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzVCLENBQUMsQ0FBQTtJQUVELElBQUksVUFBVSxFQUFFO1FBQ2QsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRztZQUNaLG9CQUFDLGdCQUFnQixhQUNmLE9BQU8sRUFBRSxjQUFNLE9BQUEscUJBQXFCLEVBQUUsRUFBdkIsQ0FBdUIsRUFDdEMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQ2pCLE1BQU0sR0FFVCxRQUFRLENBQ1E7WUFDbEIsVUFBVSxJQUFJLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLElBQUksQ0FDbkUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVTtnQkFDNUIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNsRCxDQUNSO1lBQ0EsVUFBVSxJQUFJLFFBQVEsSUFBSSxLQUFLLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQzNELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVUsSUFBRyxRQUFRLENBQVEsQ0FDbEQsQ0FDSSxDQUNSLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQzlDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/tr/TableTrProps.d.mts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Clickable, Referenceable, ReferenceableNative, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { TouchableOpacity, View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+interface TableTrPropsWeb extends Clickable {
+    children: React.ReactNode;
+    expandable?: boolean;
+    expanded?: boolean | React.ReactNode | string;
+    className?: string;
+    expansion?: boolean;
+    color?: TrilogyColor | TrilogyColorValues;
+}
+export type TableTrPropsNative = TableTrPropsWeb & ReferenceableNative<TouchableOpacity>;
+export type TableTrProps = TableTrPropsWeb & Referenceable<HTMLTableRowElement> & CommonProps;
+export type TableTrRef = HTMLTableRowElement;
+export type TableTrNativeRef = View;
+export {};

package/lib/components/table/tr/TableTrProps.js

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

package/lib/components/table/tr/TableTrProps.mjs

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

package/lib/components/table/tr/index.d.mts

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

package/lib/components/table/tr/index.js

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

package/lib/components/table/tr/index.mjs

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

package/lib/components/tabs/Tabs.d.mts

@@ -0,0 +1,15 @@
+import { TabsProps } from '../../components/tabs/TabsProps';
+import React from 'react';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param activeIndex {number} default active tab index
+ * @param inverted {boolean} Inverted style
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param fullwidth {boolean} Fullwidth tabs
+ * @param small {boolean} small tabs
+ * @param id
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export default Tabs;

package/lib/components/tabs/Tabs.js

@@ -1,11 +1,13 @@
-import { __read } from "tslib";
-import { TabsContext } from '../../components/tabs/context';
-import { useTrilogyContext } from '../../context/index';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var context_1 = require("../../components/tabs/context");
+var index_1 = require("../../context/index");
+var hashClassesHelpers_1 = require("../../helpers/hashClassesHelpers");
+var classify_1 = require("../../services/classify");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var enumsComponentsName_1 = require("../enumsComponentsName");
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
@@ -17,24 +19,24 @@ import { ComponentName } from '../enumsComponentsName';
  * @param small {boolean} small tabs
  * @param id
  */
-var Tabs = React.forwardRef(function (_a, ref) {
+var Tabs = react_1.default.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth, inverted = _a.inverted, small = _a.small;
-    var _b = __read(React.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
-    var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), inverted && is('inverted'), small && is('small'), className));
-    React.useEffect(function () {
+    var _b = tslib_1.__read(react_1.default.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var _c = tslib_1.__read(react_1.default.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
+    var styled = (0, index_1.useTrilogyContext)().styled;
+    var classes = (0, hashClassesHelpers_1.hashClass)(styled, (0, clsx_1.default)('tabs', fullwidth && (0, classify_1.is)('fullwidth'), inverted && (0, classify_1.is)('inverted'), small && (0, classify_1.is)('small'), className));
+    react_1.default.useEffect(function () {
         activeIndex !== undefined && setCurrentIndex(activeIndex);
     }, [activeIndex]);
-    return (React.createElement(TabsContext.Provider, { value: {
+    return (react_1.default.createElement(context_1.TabsContext.Provider, { value: {
             small: small,
             activeIndex: currentIndex,
             inverted: isInverted,
             setInverted: setIsInverted,
             setActiveIndex: setCurrentIndex,
         } },
-        React.createElement("div", { ref: ref, id: id, className: classes, "data-tabs-context": '' }, children)));
+        react_1.default.createElement("div", { ref: ref, id: id, className: classes, "data-tabs-context": '' }, children)));
 });
-Tabs.displayName = ComponentName.Tabs;
-export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQUMsRUFBb0UsRUFBRSxHQUFHO1FBQXZFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUE7SUFDM0QsSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXpFLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBNEMsQ0FBQTtJQUMxRSxJQUFBLEtBQUEsT0FBOEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBdkUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE4QyxDQUFBO0lBRXRFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ3hHLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsV0FBVyxLQUFLLFNBQVMsSUFBSSxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUE7SUFDM0QsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUVqQixPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFDbkIsS0FBSyxFQUFFO1lBQ0wsS0FBSyxPQUFBO1lBQ0wsV0FBVyxFQUFFLFlBQVk7WUFDekIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsV0FBVyxFQUFFLGFBQWE7WUFDMUIsY0FBYyxFQUFFLGVBQWU7U0FDaEM7UUFFRCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sdUJBQW9CLEVBQUUsSUFDNUQsUUFBUSxDQUNMLENBQ2UsQ0FDeEIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=
+Tabs.displayName = enumsComponentsName_1.ComponentName.Tabs;
+exports.default = Tabs;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxxREFBdUQ7QUFDdkQseUNBQW1EO0FBQ25ELG1FQUF3RDtBQUN4RCxnREFBd0M7QUFDeEMsc0RBQXVCO0FBQ3ZCLHdEQUF5QjtBQUN6Qiw4REFBc0Q7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sSUFBSSxHQUFHLGVBQUssQ0FBQyxVQUFVLENBQzNCLFVBQUMsRUFBb0UsRUFBRSxHQUFHO1FBQXZFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUE7SUFDM0QsSUFBQSxLQUFBLGVBQWtDLGVBQUssQ0FBQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXpFLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBNEMsQ0FBQTtJQUMxRSxJQUFBLEtBQUEsZUFBOEIsZUFBSyxDQUFDLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBdkUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE4QyxDQUFBO0lBRXRFLElBQUEsTUFBTSxHQUFLLElBQUEseUJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBQSw4QkFBUyxFQUN2QixNQUFNLEVBQ04sSUFBQSxjQUFJLEVBQUMsTUFBTSxFQUFFLFNBQVMsSUFBSSxJQUFBLGFBQUUsRUFBQyxXQUFXLENBQUMsRUFBRSxRQUFRLElBQUksSUFBQSxhQUFFLEVBQUMsVUFBVSxDQUFDLEVBQUUsS0FBSyxJQUFJLElBQUEsYUFBRSxFQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUN4RyxDQUFBO0lBRUQsZUFBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLDhCQUFDLHFCQUFXLENBQUMsUUFBUSxJQUNuQixLQUFLLEVBQUU7WUFDTCxLQUFLLE9BQUE7WUFDTCxXQUFXLEVBQUUsWUFBWTtZQUN6QixRQUFRLEVBQUUsVUFBVTtZQUNwQixXQUFXLEVBQUUsYUFBYTtZQUMxQixjQUFjLEVBQUUsZUFBZTtTQUNoQztRQUVELHVDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyx1QkFBb0IsRUFBRSxJQUM1RCxRQUFRLENBQ0wsQ0FDZSxDQUN4QixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGtCQUFlLElBQUksQ0FBQSJ9

package/lib/components/tabs/Tabs.mjs

@@ -0,0 +1,40 @@
+import { __read } from "tslib";
+import { TabsContext } from '../../components/tabs/context';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param activeIndex {number} default active tab index
+ * @param inverted {boolean} Inverted style
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param fullwidth {boolean} Fullwidth tabs
+ * @param small {boolean} small tabs
+ * @param id
+ */
+var Tabs = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth, inverted = _a.inverted, small = _a.small;
+    var _b = __read(React.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), inverted && is('inverted'), small && is('small'), className));
+    React.useEffect(function () {
+        activeIndex !== undefined && setCurrentIndex(activeIndex);
+    }, [activeIndex]);
+    return (React.createElement(TabsContext.Provider, { value: {
+            small: small,
+            activeIndex: currentIndex,
+            inverted: isInverted,
+            setInverted: setIsInverted,
+            setActiveIndex: setCurrentIndex,
+        } },
+        React.createElement("div", { ref: ref, id: id, className: classes, "data-tabs-context": '' }, children)));
+});
+Tabs.displayName = ComponentName.Tabs;
+export default Tabs;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQUMsRUFBb0UsRUFBRSxHQUFHO1FBQXZFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUE7SUFDM0QsSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXpFLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBNEMsQ0FBQTtJQUMxRSxJQUFBLEtBQUEsT0FBOEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBdkUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE4QyxDQUFBO0lBRXRFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ3hHLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsV0FBVyxLQUFLLFNBQVMsSUFBSSxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUE7SUFDM0QsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUVqQixPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFDbkIsS0FBSyxFQUFFO1lBQ0wsS0FBSyxPQUFBO1lBQ0wsV0FBVyxFQUFFLFlBQVk7WUFDekIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsV0FBVyxFQUFFLGFBQWE7WUFDMUIsY0FBYyxFQUFFLGVBQWU7U0FDaEM7UUFFRCw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sdUJBQW9CLEVBQUUsSUFDNUQsUUFBUSxDQUNMLENBQ2UsQ0FDeEIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/tabs/Tabs.native.d.mts

@@ -0,0 +1,11 @@
+import { TabsProps } from '../../components/tabs/TabsProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param activeIndex {number} default active tab index
+ * @param inverted {boolean} Inverted style
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<View>>;
+export default Tabs;

package/lib/components/tabs/Tabs.native.js

@@ -1,32 +1,34 @@
-import { __read } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { TabsContext } from '../../components/tabs/context';
-import React from 'react';
-import { View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var context_1 = require("../../components/tabs/context");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
  * @param activeIndex {number} default active tab index
  * @param inverted {boolean} Inverted style
  */
-var Tabs = React.forwardRef(function (_a, ref) {
+var Tabs = react_1.default.forwardRef(function (_a, ref) {
     var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted;
-    var _b = __read(React.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
-    var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
-    React.useEffect(function () {
+    var _b = tslib_1.__read(react_1.default.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var _c = tslib_1.__read(react_1.default.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
+    react_1.default.useEffect(function () {
         activeIndex !== undefined && setCurrentIndex(activeIndex);
     }, [activeIndex]);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         setIsInverted(inverted || false);
     }, [inverted]);
-    return (React.createElement(TabsContext.Provider, { value: {
+    return (react_1.default.createElement(context_1.TabsContext.Provider, { value: {
             activeIndex: currentIndex,
             inverted: isInverted,
             setInverted: setIsInverted,
             setActiveIndex: setCurrentIndex,
         } },
-        React.createElement(View, { ref: ref }, children)));
+        react_1.default.createElement(react_native_1.View, { ref: ref }, children)));
 });
-Tabs.displayName = ComponentName.Tabs;
-export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUFtQyxFQUFFLEdBQUc7UUFBdEMsUUFBUSxjQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFFBQVEsY0FBQTtJQUNsRixJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBekUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUE0QyxDQUFBO0lBQzFFLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF2RSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQThDLENBQUE7SUFFOUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsUUFBUSxJQUNuQixLQUFLLEVBQUU7WUFDTCxXQUFXLEVBQUUsWUFBWTtZQUN6QixRQUFRLEVBQUUsVUFBVTtZQUNwQixXQUFXLEVBQUUsYUFBYTtZQUMxQixjQUFjLEVBQUUsZUFBZTtTQUNoQztRQUVELG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUNaLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
+Tabs.displayName = enumsComponentsName_1.ComponentName.Tabs;
+exports.default = Tabs;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdFQUFnRTtBQUVoRSxxREFBdUQ7QUFDdkQsd0RBQXlCO0FBQ3pCLDZDQUFtQztBQUVuQzs7Ozs7R0FLRztBQUNILElBQU0sSUFBSSxHQUFHLGVBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFBbUMsRUFBRSxHQUFHO1FBQXRDLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUE7SUFDbEYsSUFBQSxLQUFBLGVBQWtDLGVBQUssQ0FBQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXpFLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBNEMsQ0FBQTtJQUMxRSxJQUFBLEtBQUEsZUFBOEIsZUFBSyxDQUFDLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBdkUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE4QyxDQUFBO0lBRTlFLGVBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxXQUFXLEtBQUssU0FBUyxJQUFJLGVBQWUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUMzRCxDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFBO0lBRWpCLGVBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxhQUFhLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxPQUFPLENBQ0wsOEJBQUMscUJBQVcsQ0FBQyxRQUFRLElBQ25CLEtBQUssRUFBRTtZQUNMLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxhQUFhO1lBQzFCLGNBQWMsRUFBRSxlQUFlO1NBQ2hDO1FBRUQsOEJBQUMsbUJBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUNaLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsa0JBQWUsSUFBSSxDQUFBIn0=

package/lib/components/tabs/Tabs.native.mjs

@@ -0,0 +1,32 @@
+import { __read } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { TabsContext } from '../../components/tabs/context';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * Tabs Component
+ * @param children {ReactNode} Children for tabs
+ * @param activeIndex {number} default active tab index
+ * @param inverted {boolean} Inverted style
+ */
+var Tabs = React.forwardRef(function (_a, ref) {
+    var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted;
+    var _b = __read(React.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
+    React.useEffect(function () {
+        activeIndex !== undefined && setCurrentIndex(activeIndex);
+    }, [activeIndex]);
+    React.useEffect(function () {
+        setIsInverted(inverted || false);
+    }, [inverted]);
+    return (React.createElement(TabsContext.Provider, { value: {
+            activeIndex: currentIndex,
+            inverted: isInverted,
+            setInverted: setIsInverted,
+            setActiveIndex: setCurrentIndex,
+        } },
+        React.createElement(View, { ref: ref }, children)));
+});
+Tabs.displayName = ComponentName.Tabs;
+export default Tabs;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUFtQyxFQUFFLEdBQUc7UUFBdEMsUUFBUSxjQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFFBQVEsY0FBQTtJQUNsRixJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBekUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUE0QyxDQUFBO0lBQzFFLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF2RSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQThDLENBQUE7SUFFOUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsUUFBUSxJQUNuQixLQUFLLEVBQUU7WUFDTCxXQUFXLEVBQUUsWUFBWTtZQUN6QixRQUFRLEVBQUUsVUFBVTtZQUNwQixXQUFXLEVBQUUsYUFBYTtZQUMxQixjQUFjLEVBQUUsZUFBZTtTQUNoQztRQUVELG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUNaLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

package/lib/components/tabs/TabsProps.d.mts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Accessibility, AlignableProps, Clickable, Dev } from '../../objects';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+/**
+ * Tabs Interface
+ */
+export interface TabsProps extends AlignableProps, Clickable, Accessibility, Dev, CommonProps {
+    children: React.ReactNode | string;
+    activeIndex?: number;
+    fullwidth?: boolean;
+    inverted?: boolean;
+    small?: boolean;
+}
+export type TabsRef = HTMLDivElement;
+export type TabsNativeRef = View;

package/lib/components/tabs/TabsProps.js

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

package/lib/components/tabs/TabsProps.mjs

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

package/lib/components/tabs/context/index.d.mts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IContext {
+    activeIndex: number;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+    inverted: boolean;
+    setInverted: React.Dispatch<React.SetStateAction<boolean>>;
+    small?: boolean;
+}
+export declare const TabsContext: React.Context<IContext>;
+export {};

package/lib/components/tabs/context/index.js

@@ -1,9 +1,13 @@
-import React from 'react';
-export var TabsContext = React.createContext({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.TabsContext = react_1.default.createContext({
     activeIndex: 0,
     inverted: false,
     setActiveIndex: function () { return 0; },
     setInverted: function () { return false; },
     small: false,
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBVXpCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFXO0lBQ3ZELFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEtBQUs7SUFDZixjQUFjLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ3ZCLFdBQVcsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7SUFDeEIsS0FBSyxFQUFFLEtBQUs7Q0FDYixDQUFDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHdEQUF5QjtBQVVaLFFBQUEsV0FBVyxHQUFHLGVBQUssQ0FBQyxhQUFhLENBQVc7SUFDdkQsV0FBVyxFQUFFLENBQUM7SUFDZCxRQUFRLEVBQUUsS0FBSztJQUNmLGNBQWMsRUFBRSxjQUFNLE9BQUEsQ0FBQyxFQUFELENBQUM7SUFDdkIsV0FBVyxFQUFFLGNBQU0sT0FBQSxLQUFLLEVBQUwsQ0FBSztJQUN4QixLQUFLLEVBQUUsS0FBSztDQUNiLENBQUMsQ0FBQSJ9

package/lib/components/tabs/context/index.mjs

@@ -0,0 +1,9 @@
+import React from 'react';
+export var TabsContext = React.createContext({
+    activeIndex: 0,
+    inverted: false,
+    setActiveIndex: function () { return 0; },
+    setInverted: function () { return false; },
+    small: false,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBVXpCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFXO0lBQ3ZELFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEtBQUs7SUFDZixjQUFjLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ3ZCLFdBQVcsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7SUFDeEIsS0FBSyxFQUFFLEtBQUs7Q0FDYixDQUFDLENBQUEifQ==

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

@@ -0,0 +1,6 @@
+import Tabs from './Tabs';
+import TabPanels from './tab-panels/TabPanels';
+import TabPanel from './tab-panels/tab-panel/TabPanel';
+import TabList from './tab-list/TabList';
+import Tab from './tab-list/tab/Tab';
+export { Tabs, TabPanel, TabPanels, TabList, Tab };

package/lib/components/tabs/index.js

@@ -1,7 +1,15 @@
-import Tabs from './Tabs';
-import TabPanels from './tab-panels/TabPanels';
-import TabPanel from './tab-panels/tab-panel/TabPanel';
-import TabList from './tab-list/TabList';
-import Tab from './tab-list/tab/Tab';
-export { Tabs, TabPanel, TabPanels, TabList, Tab };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sU0FBUyxNQUFNLHdCQUF3QixDQUFBO0FBQzlDLE9BQU8sUUFBUSxNQUFNLGlDQUFpQyxDQUFBO0FBQ3RELE9BQU8sT0FBTyxNQUFNLG9CQUFvQixDQUFBO0FBQ3hDLE9BQU8sR0FBRyxNQUFNLG9CQUFvQixDQUFBO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = exports.TabList = exports.TabPanels = exports.TabPanel = exports.Tabs = void 0;
+var tslib_1 = require("tslib");
+var Tabs_1 = tslib_1.__importDefault(require("./Tabs"));
+exports.Tabs = Tabs_1.default;
+var TabPanels_1 = tslib_1.__importDefault(require("./tab-panels/TabPanels"));
+exports.TabPanels = TabPanels_1.default;
+var TabPanel_1 = tslib_1.__importDefault(require("./tab-panels/tab-panel/TabPanel"));
+exports.TabPanel = TabPanel_1.default;
+var TabList_1 = tslib_1.__importDefault(require("./tab-list/TabList"));
+exports.TabList = TabList_1.default;
+var Tab_1 = tslib_1.__importDefault(require("./tab-list/tab/Tab"));
+exports.Tab = Tab_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLHdEQUF5QjtBQU1oQixlQU5GLGNBQUksQ0FNRTtBQUxiLDZFQUE4QztBQUtyQixvQkFMbEIsbUJBQVMsQ0FLa0I7QUFKbEMscUZBQXNEO0FBSXZDLG1CQUpSLGtCQUFRLENBSVE7QUFIdkIsdUVBQXdDO0FBR0osa0JBSDdCLGlCQUFPLENBRzZCO0FBRjNDLG1FQUFvQztBQUVTLGNBRnRDLGFBQUcsQ0FFc0MifQ==