@trilogy-ds/react 4.20.2 → 4.20.4-beta.1

package/lib/components/tabs/Tabs.js

@@ -1,11 +1,12 @@
-import { __read } from "tslib";
+import { __assign, __read } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TabsContext } from '../../components/tabs/context';
-import { useTrilogyContext } from '../../context/index';
+import { useTrilogyContext } from '../../context/TrilogyContext';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { is } from '../../services/classify';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../enumsComponentsName';
+import { forwardRef, useEffect, useState } from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Tabs Component
  * @param children {ReactNode} Children for tabs
@@ -18,24 +19,23 @@ import { ComponentName } from '../enumsComponentsName';
  * @param id {string} Custom id attribute
  * @param small {boolean} Small tabs
  */
-var Tabs = React.forwardRef(function (_a, ref) {
+var Tabs = 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, testId = _a.testId;
-    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 _b = __read(useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var _c = __read(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 () {
+    useEffect(function () {
         activeIndex !== undefined && setCurrentIndex(activeIndex);
     }, [activeIndex]);
-    return (React.createElement(TabsContext.Provider, { value: {
+    return (_jsx(TabsContext.Provider, __assign({ value: {
             small: small,
             activeIndex: currentIndex,
             inverted: isInverted,
             setInverted: setIsInverted,
             setActiveIndex: setCurrentIndex,
-        } },
-        React.createElement("div", { ref: ref, id: id, className: classes, "data-tabs-context": '', "data-testid": testId }, children)));
+        } }, { children: _jsx("div", __assign({ ref: ref, id: id, className: classes, "data-tabs-context": '', "data-testid": testId }, { children: children })) })));
 });
 Tabs.displayName = ComponentName.Tabs;
 export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUFDLEVBQTRFLEVBQUUsR0FBRztRQUEvRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBO0lBQ25FLElBQUEsS0FBQSxPQUFrQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUF6RSxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQTRDLENBQUE7SUFDMUUsSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQXZFLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBOEMsQ0FBQTtJQUV0RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUN4RyxDQUFBO0lBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQ25CLEtBQUssRUFBRTtZQUNMLEtBQUssT0FBQTtZQUNMLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxhQUFhO1lBQzFCLGNBQWMsRUFBRSxlQUFlO1NBQ2hDO1FBRUQsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLHVCQUFvQixFQUFFLGlCQUFjLE1BQU0sSUFDaEYsUUFBUSxDQUNMLENBQ2UsQ0FDeEIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBQ3JDLGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUNBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBVSxDQUNyQixVQUFDLEVBQTRFLEVBQUUsR0FBRztRQUEvRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBO0lBQ25FLElBQUEsS0FBQSxPQUFrQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQW5FLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBc0MsQ0FBQTtJQUNwRSxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFqRSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXdDLENBQUE7SUFFaEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDeEcsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLEtBQUMsV0FBVyxDQUFDLFFBQVEsYUFDbkIsS0FBSyxFQUFFO1lBQ0wsS0FBSyxPQUFBO1lBQ0wsV0FBVyxFQUFFLFlBQVk7WUFDekIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsV0FBVyxFQUFFLGFBQWE7WUFDMUIsY0FBYyxFQUFFLGVBQWU7U0FDaEMsZ0JBRUQsdUJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLHVCQUFvQixFQUFFLGlCQUFjLE1BQU0sZ0JBQ2hGLFFBQVEsSUFDTCxJQUNlLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

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

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { TabsProps } from '../../components/tabs/TabsProps';
-import React from 'react';
 import { View } from 'react-native';
 /**
  * Tabs Component
@@ -8,5 +8,5 @@ import { View } from 'react-native';
  * @param inverted {boolean} Inverted style
  * @param fullwidth {boolean} Fullwidth tabs
  */
-declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<View>>;
+declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<View>>;
 export default Tabs;

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

@@ -1,7 +1,8 @@
-import { __read } from "tslib";
+import { __assign, __read } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ComponentName } from '../../components/enumsComponentsName';
 import { TabsContext } from '../../components/tabs/context';
-import React from 'react';
+import { forwardRef, useEffect, useState } from 'react';
 import { View } from 'react-native';
 /**
  * Tabs Component
@@ -10,25 +11,24 @@ import { View } from 'react-native';
  * @param inverted {boolean} Inverted style
  * @param fullwidth {boolean} Fullwidth tabs
  */
-var Tabs = React.forwardRef(function (_a, ref) {
+var Tabs = forwardRef(function (_a, ref) {
     var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted, fullwidth = _a.fullwidth;
-    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 = __read(useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var _c = __read(useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
+    useEffect(function () {
         activeIndex !== undefined && setCurrentIndex(activeIndex);
     }, [activeIndex]);
-    React.useEffect(function () {
+    useEffect(function () {
         setIsInverted(inverted || false);
     }, [inverted]);
-    return (React.createElement(TabsContext.Provider, { value: {
+    return (_jsx(TabsContext.Provider, __assign({ value: {
             activeIndex: currentIndex,
             inverted: isInverted,
             setInverted: setIsInverted,
             setActiveIndex: setCurrentIndex,
             fullwidth: fullwidth,
-        } },
-        React.createElement(View, { ref: ref }, children)));
+        } }, { children: _jsx(View, __assign({ ref: ref }, { children: children })) })));
 });
 Tabs.displayName = ComponentName.Tabs;
 export default Tabs;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DOzs7Ozs7R0FNRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFBOEMsRUFBRSxHQUFHO1FBQWpELFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUE7SUFDN0YsSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXpFLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBNEMsQ0FBQTtJQUMxRSxJQUFBLEtBQUEsT0FBOEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBdkUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE4QyxDQUFBO0lBRTlFLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxXQUFXLEtBQUssU0FBUyxJQUFJLGVBQWUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUMzRCxDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFBO0lBRWpCLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxhQUFhLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFDbkIsS0FBSyxFQUFFO1lBQ0wsV0FBVyxFQUFFLFlBQVk7WUFDekIsUUFBUSxFQUFFLFVBQVU7WUFDcEIsV0FBVyxFQUFFLGFBQWE7WUFDMUIsY0FBYyxFQUFFLGVBQWU7WUFDL0IsU0FBUyxXQUFBO1NBQ1Y7UUFFRCxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsSUFBRyxRQUFRLENBQVEsQ0FDWixDQUN4QixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVuQzs7Ozs7O0dBTUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFVLENBQTJCLFVBQUMsRUFBOEMsRUFBRSxHQUFHO1FBQWpELFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUE7SUFDdkYsSUFBQSxLQUFBLE9BQWtDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBbkUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFzQyxDQUFBO0lBQ3BFLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWpFLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBd0MsQ0FBQTtJQUV4RSxTQUFTLENBQUM7UUFDUixXQUFXLEtBQUssU0FBUyxJQUFJLGVBQWUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUMzRCxDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFBO0lBRWpCLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxLQUFDLFdBQVcsQ0FBQyxRQUFRLGFBQ25CLEtBQUssRUFBRTtZQUNMLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxhQUFhO1lBQzFCLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFNBQVMsV0FBQTtTQUNWLGdCQUVELEtBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLGdCQUFHLFFBQVEsSUFBUSxJQUNaLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9

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

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

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

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

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

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

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

@@ -1,6 +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';
+import Tabs from '../../components/tabs/Tabs';
+import TabPanels from '../../components/tabs/tab-panels/TabPanels';
+import TabPanel from '../../components/tabs/tab-panels/tab-panel/TabPanel';
+import TabList from '../../components/tabs/tab-list/TabList';
+import Tab from '../../components/tabs/tab-list/tab/Tab';
 export { Tabs, TabPanel, TabPanels, TabList, Tab };

package/lib/components/tabs/index.js

@@ -1,7 +1,7 @@
-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';
+import Tabs from '../../components/tabs/Tabs';
+import TabPanels from '../../components/tabs/tab-panels/TabPanels';
+import TabPanel from '../../components/tabs/tab-panels/tab-panel/TabPanel';
+import TabList from '../../components/tabs/tab-list/TabList';
+import Tab from '../../components/tabs/tab-list/tab/Tab';
 export { Tabs, TabPanel, TabPanels, TabList, Tab };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sU0FBUyxNQUFNLHdCQUF3QixDQUFBO0FBQzlDLE9BQU8sUUFBUSxNQUFNLGlDQUFpQyxDQUFBO0FBQ3RELE9BQU8sT0FBTyxNQUFNLG9CQUFvQixDQUFBO0FBQ3hDLE9BQU8sR0FBRyxNQUFNLG9CQUFvQixDQUFBO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sd0JBQXdCLENBQUE7QUFDekMsT0FBTyxTQUFTLE1BQU0sd0NBQXdDLENBQUE7QUFDOUQsT0FBTyxRQUFRLE1BQU0saURBQWlELENBQUE7QUFDdEUsT0FBTyxPQUFPLE1BQU0sb0NBQW9DLENBQUE7QUFDeEQsT0FBTyxHQUFHLE1BQU0sb0NBQW9DLENBQUE7QUFFcEQsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQSJ9

package/lib/components/tabs/tab-list/TabList.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { TabListProps } from '../../../components/tabs/tab-list/TabListProps';
-import React from 'react';
 /**
  * Tabs Nav Component
  * @param children {ReactChild} React Child Element
@@ -9,5 +9,5 @@ import React from 'react';
  * @param testId {string} Test Id for Test Integration
  * @param align {string} Alignment of the tabs
  */
-declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;
 export default TabList;

package/lib/components/tabs/tab-list/TabList.js

@@ -1,14 +1,15 @@
 import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon } from '../../../components/icon';
 import Tab from '../../../components/tabs/tab-list/tab/Tab';
-import { useTrilogyContext } from '../../../context';
+import { useTrilogyContext } from '../../../context/TrilogyContext';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { getAlignClassName } from '../../../objects/facets/Alignable';
-import { is } from '../../../services';
+import { is } from '../../../services/classify';
 import clsx from 'clsx';
-import React, { useMemo } from 'react';
-import { TabsContext } from '../context';
+import { useMemo, Children, forwardRef, isValidElement, useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { TabsContext } from '../../../components/tabs/context';
 /**
  * Tabs Nav Component
  * @param children {ReactChild} React Child Element
@@ -18,17 +19,17 @@ import { TabsContext } from '../context';
  * @param testId {string} Test Id for Test Integration
  * @param align {string} Alignment of the tabs
  */
-var TabList = React.forwardRef(function (_a, ref) {
+var TabList = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = __rest(_a, ["children", "className", "id", "testId", "align"]);
     var styled = useTrilogyContext().styled;
-    var TabListRef = React.useRef(null);
-    var tabRefs = React.useRef([]);
-    var small = React.useContext(TabsContext).small;
-    React.useImperativeHandle(ref, function () { return TabListRef.current; });
-    var _b = __read(React.useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
-    var _c = __read(React.useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
-    var _d = __read(React.useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
-    var _e = __read(React.useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
+    var TabListRef = useRef(null);
+    var tabRefs = useRef([]);
+    var small = useContext(TabsContext).small;
+    useImperativeHandle(ref, function () { return TabListRef.current; });
+    var _b = __read(useState(0), 2), tabsWidth = _b[0], setTabsWidth = _b[1];
+    var _c = __read(useState(0), 2), tabListWidth = _c[0], setTabListWidth = _c[1];
+    var _d = __read(useState(0), 2), scrollLeft = _d[0], setScrollLeft = _d[1];
+    var _e = __read(useState(0), 2), tabFocused = _e[0], setTabFocused = _e[1];
     var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
     var isVisibleArrowLeft = useMemo(function () {
         if (!tabRefs.current.length)
@@ -36,14 +37,14 @@ var TabList = React.forwardRef(function (_a, ref) {
         return scrollLeft > tabRefs.current[0].width / 2;
     }, [tabRefs, scrollLeft]);
     var isVisibleArrowRight = useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > 5; }, [tabListWidth, tabsWidth, scrollLeft]);
-    var TabElms = React.useMemo(function () {
-        return React.Children.map(children, function (child, index) {
-            if (!React.isValidElement(child))
+    var TabElms = useMemo(function () {
+        return Children.map(children, function (child, index) {
+            if (!isValidElement(child))
                 return false;
-            return (React.createElement(Tab, __assign({ ref: function (el) { return (tabRefs.current[index] = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()); }, index: index }, child.props)));
+            return (_jsx(Tab, __assign({ ref: function (el) { return (tabRefs.current[index] = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()); }, index: index }, child.props)));
         });
     }, [children, tabRefs]);
-    var scrollWithArrow = React.useCallback(function (direction) {
+    var scrollWithArrow = useCallback(function (direction) {
         var _a;
         if (tabRefs.current) {
             var firstGap = tabRefs.current[0].x;
@@ -52,7 +53,7 @@ var TabList = React.forwardRef(function (_a, ref) {
             nextPosition && ((_a = TabListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ left: nextPosition.x - firstGap, behavior: 'smooth' }));
         }
     }, [tabRefs.current, tabFocused, TabListRef]);
-    var handleScrollList = React.useCallback(function (e) {
+    var handleScrollList = useCallback(function (e) {
         var target = e.target;
         var firstGap = tabRefs.current[0].x + (small ? 16 : 24);
         var scrollPosition = tabRefs.current.findIndex(function (tab) {
@@ -61,30 +62,27 @@ var TabList = React.forwardRef(function (_a, ref) {
         setTabFocused(scrollPosition);
         setScrollLeft(target.scrollLeft);
     }, [tabRefs, small]);
-    var onClickPrev = React.useCallback(function () {
+    var onClickPrev = useCallback(function () {
         isVisibleArrowLeft && scrollWithArrow(-1);
     }, [scrollWithArrow, isVisibleArrowLeft]);
-    var onClickNext = React.useCallback(function () {
+    var onClickNext = useCallback(function () {
         isVisibleArrowRight && scrollWithArrow(1);
     }, [scrollWithArrow, isVisibleArrowRight]);
-    var setWidths = React.useCallback(function () {
+    var setWidths = useCallback(function () {
         if (TabListRef.current) {
             setTabsWidth(TabListRef.current.clientWidth);
             setTabListWidth(TabListRef.current.scrollWidth);
         }
     }, [TabListRef]);
-    React.useEffect(function () {
+    useEffect(function () {
         setWidths();
     }, [setWidths, isVisibleArrowLeft, isVisibleArrowRight]);
-    React.useEffect(function () {
+    useEffect(function () {
         window.addEventListener('resize', setWidths);
         return function () { return window.removeEventListener('resize', setWidths); };
     }, [TabListRef, setWidths]);
-    return (React.createElement("div", __assign({ ref: TabListRef, id: id, "data-testid": testId, "data-tablist": '', className: classes, onScroll: handleScrollList }, others),
-        isVisibleArrowLeft && (React.createElement(Icon, { "data-arrow-prev": '', name: 'tri-arrow-left', className: clsx('arrow-prev'), size: small ? 'small' : 'medium', onClick: onClickPrev })),
-        TabElms,
-        isVisibleArrowRight && (React.createElement(Icon, { "data-arrow-next": '', name: 'tri-arrow-right', className: clsx('arrow-next'), size: small ? 'small' : 'medium', onClick: onClickNext }))));
+    return (_jsxs("div", __assign({ ref: TabListRef, id: id, "data-testid": testId, "data-tablist": '', className: classes, onScroll: handleScrollList }, others, { children: [isVisibleArrowLeft && (_jsx(Icon, { "data-arrow-prev": '', name: 'tri-arrow-left', className: clsx('arrow-prev'), size: small ? 'small' : 'medium', onClick: onClickPrev })), TabElms, isVisibleArrowRight && (_jsx(Icon, { "data-arrow-next": '', name: 'tri-arrow-right', className: clsx('arrow-next'), size: small ? 'small' : 'medium', onClick: onClickNext }))] })));
 });
 TabList.displayName = ComponentName.TabList;
 export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQXFELEVBQUUsR0FBRztJQUF4RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBbkQsa0RBQXFELENBQUY7SUFDMUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBWSxFQUFFLENBQUMsQ0FBQTtJQUNu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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxHQUFHLE1BQU0sb0NBQW9DLENBQUE7QUFFcEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQTJCLFVBQVUsRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6SyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFVLENBQ3hCLFVBQUMsRUFBcUQsRUFBRSxHQUFHO0lBQXhELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUFuRCxrREFBcUQsQ0FBRjtJQUMxQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLFVBQVUsR0FBRyxNQUFNLENBQWlCLElBQUks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

package/lib/components/tabs/tab-list/TabList.native.d.ts

@@ -1,10 +1,10 @@
+/// <reference types="react" />
 import { TabListProps } from '../../../components/tabs/tab-list/TabListProps';
-import React from 'react';
 import { ScrollView } from 'react-native';
 /**
  * Tabs Nav Component
  * @param children {ReactChild} React Child Element
  * @param id {string} Custom id attribute
  */
-declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<ScrollView>>;
+declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<ScrollView>>;
 export default TabList;

package/lib/components/tabs/tab-list/TabList.native.js

@@ -1,10 +1,11 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon } from '../../../components/icon';
 import { TabsContext } from '../../../components/tabs/context';
 import Tab from '../../../components/tabs/tab-list/tab/Tab';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import React from 'react';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import { Children, forwardRef, isValidElement, useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { ScrollView, View } from 'react-native';
 import { memoStyles } from '../../../helpers/memoStyles';
 /**
@@ -12,18 +13,18 @@ import { memoStyles } from '../../../helpers/memoStyles';
  * @param children {ReactChild} React Child Element
  * @param id {string} Custom id attribute
  */
-var TabList = React.forwardRef(function (_a, ref) {
+var TabList = forwardRef(function (_a, ref) {
     var children = _a.children, others = __rest(_a, ["children"]);
-    var _b = React.useContext(TabsContext), inverted = _b.inverted, fullwidth = _b.fullwidth;
-    var TabListRef = React.useRef(null);
+    var _b = useContext(TabsContext), inverted = _b.inverted, fullwidth = _b.fullwidth;
+    var TabListRef = useRef(null);
     var paddingHorizontalTab = 12;
     var negativeGap = -35;
-    var _c = __read(React.useState(0), 2), tabsWidth = _c[0], setTabsWidth = _c[1];
-    var _d = __read(React.useState(0), 2), tabListWidth = _d[0], setTabListWidth = _d[1];
-    var _e = __read(React.useState(0), 2), scrollLeft = _e[0], setScrollLeft = _e[1];
-    var _f = __read(React.useState(0), 2), tabFocused = _f[0], setTabFocused = _f[1];
-    var _g = __read(React.useState([]), 2), tabElms = _g[0], setTabElms = _g[1];
-    React.useImperativeHandle(ref, function () { return TabListRef.current; });
+    var _c = __read(useState(0), 2), tabsWidth = _c[0], setTabsWidth = _c[1];
+    var _d = __read(useState(0), 2), tabListWidth = _d[0], setTabListWidth = _d[1];
+    var _e = __read(useState(0), 2), scrollLeft = _e[0], setScrollLeft = _e[1];
+    var _f = __read(useState(0), 2), tabFocused = _f[0], setTabFocused = _f[1];
+    var _g = __read(useState([]), 2), tabElms = _g[0], setTabElms = _g[1];
+    useImperativeHandle(ref, function () { return TabListRef.current; });
     var styles = memoStyles({
         tabList: {
             flexDirection: 'row',
@@ -31,19 +32,19 @@ var TabList = React.forwardRef(function (_a, ref) {
         },
         arrow: { alignItems: 'center', justifyContent: 'center', paddingHorizontal: 2 },
     });
-    var isVisibleArrowLeft = React.useMemo(function () {
+    var isVisibleArrowLeft = useMemo(function () {
         if (!tabElms.length || !tabElms[0])
             return false;
         return scrollLeft > tabElms[0].width / 2;
     }, [tabElms, scrollLeft]);
-    var isVisibleArrowRight = React.useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > negativeGap; }, [tabListWidth, tabsWidth, scrollLeft]);
-    var handleScrollList = React.useCallback(function (e) {
+    var isVisibleArrowRight = useMemo(function () { return tabListWidth - tabsWidth - scrollLeft > negativeGap; }, [tabListWidth, tabsWidth, scrollLeft]);
+    var handleScrollList = useCallback(function (e) {
         var scrollLeft = e.nativeEvent.contentOffset.x;
         var scrollPosition = tabElms.findIndex(function (tab) { return scrollLeft >= tab.x - paddingHorizontalTab && scrollLeft <= tab.x + tab.width - paddingHorizontalTab; });
         setTabFocused(scrollPosition);
         setScrollLeft(scrollLeft);
     }, [tabElms]);
-    var scrollWithArrow = React.useCallback(function (direction) {
+    var scrollWithArrow = useCallback(function (direction) {
         var _a;
         if (tabElms.length) {
             var nextTab = tabFocused + direction;
@@ -51,33 +52,28 @@ var TabList = React.forwardRef(function (_a, ref) {
             nextPosition && ((_a = TabListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ x: nextPosition.x + 1, animated: true }));
         }
     }, [tabFocused, TabListRef, tabElms]);
-    var onClickPrev = React.useCallback(function () {
+    var onClickPrev = useCallback(function () {
         isVisibleArrowLeft && scrollWithArrow(-1);
     }, [scrollWithArrow, isVisibleArrowLeft]);
-    var onClickNext = React.useCallback(function () {
+    var onClickNext = useCallback(function () {
         isVisibleArrowRight && scrollWithArrow(1);
     }, [scrollWithArrow, isVisibleArrowRight]);
-    return (React.createElement(View, { style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } },
-        tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
-            React.createElement(Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }))),
-        React.createElement(ScrollView, __assign({ scrollEnabled: fullwidth ? false : undefined, ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: [styles.tabList, fullwidth && { flex: 1 }], onScroll: handleScrollList, contentContainerStyle: {
-                flexGrow: fullwidth ? 1 : undefined,
-                flex: fullwidth ? 1 : undefined,
-            } }, others), React.Children.map(children, function (child, index) {
-            if (!React.isValidElement(child))
-                return false;
-            return (React.createElement(Tab, __assign({ onLayout: function (e) {
-                    e.persist();
-                    setTabElms(function (prev) {
-                        var updatedArray = __spreadArray([], __read(prev), false);
-                        updatedArray[index] = e.nativeEvent.layout;
-                        return updatedArray;
-                    });
-                }, index: index }, child.props)));
-        })),
-        tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
-            React.createElement(Icon, { name: 'tri-arrow-right', align: 'ALIGNED_CENTER', color: isVisibleArrowRight ? undefined : 'transparent', onClick: onClickNext })))));
+    return (_jsxs(View, __assign({ style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } }, { children: [tabListWidth > tabsWidth && (_jsx(View, __assign({ style: styles.arrow }, { children: _jsx(Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }) }))), _jsx(ScrollView, __assign({ scrollEnabled: fullwidth ? false : undefined, ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: [styles.tabList, fullwidth && { flex: 1 }], onScroll: handleScrollList, contentContainerStyle: {
+                    flexGrow: fullwidth ? 1 : undefined,
+                    flex: fullwidth ? 1 : undefined,
+                } }, others, { children: Children.map(children, function (child, index) {
+                    if (!isValidElement(child))
+                        return false;
+                    return (_jsx(Tab, __assign({ onLayout: function (e) {
+                            e.persist();
+                            setTabElms(function (prev) {
+                                var updatedArray = __spreadArray([], __read(prev), false);
+                                updatedArray[index] = e.nativeEvent.layout;
+                                return updatedArray;
+                            });
+                        }, index: index }, child.props)));
+                }) })), tabListWidth > tabsWidth && (_jsx(View, __assign({ style: styles.arrow }, { children: _jsx(Icon, { name: 'tri-arrow-right', align: 'ALIGNED_CENTER', color: isVisibleArrowRight ? undefined : 'transparent', onClick: onClickNext }) })))] })));
 });
 TabList.displayName = ComponentName.TabList;
 export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUErRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzVILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUVqRDs7OztHQUlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDL0UsSUFBQSxLQUEwQixLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUFyRCxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQWtDLENBQUE7SUFDN0QsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDdkQsT0FBTyxHQUFHLE1BQU0sb0NBQW9DLENBQUE7QUFFcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxtQkFBbUIsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNySSxPQUFPLEVBQStFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDNUgsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRWpEOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFVLENBQWlDLFVBQUMsRUFBdUIsRUFBRSxHQUFHO0lBQTFCLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3pFLElBQUEsS0FBMEIsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUEvQyxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQTRCLENBQUE7SUFDdkQsSUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFhLElBQUksQ0FBQyxDQUFBO0lBQzNDLElBQU0sb0JBQW9CLEdBQUcsRUFBRSxDQUFBO0lBQy9CLElBQU0sV0FBVyxHQUFHLENBQUMsRUFBRSxDQUFBO0lBRWpCLElBQUEsS0FB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

package/lib/components/tabs/tab-list/TabListProps.d.ts

@@ -1,12 +1,13 @@
-/// <reference types="react" />
-import { AlignableProps, Dev } from '../../../objects';
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { Dev } from '../../../objects/facets/Dev';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 import { ScrollView } from 'react-native';
+import { ReactNode } from 'react';
 /**
  * Tabs Item Interface
  */
 export interface TabListProps extends Dev, CommonProps {
-    children: React.ReactNode;
+    children: ReactNode;
     align?: AlignableProps['align'];
 }
 export type TabListRef = HTMLDivElement;

package/lib/components/tabs/tab-list/index.d.ts

@@ -1,2 +1,2 @@
-import TabList from './TabList';
+import TabList from '../../../components/tabs/tab-list/TabList';
 export default TabList;

package/lib/components/tabs/tab-list/index.js

@@ -1,3 +1,3 @@
-import TabList from './TabList';
+import TabList from '../../../components/tabs/tab-list/TabList';
 export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sb0NBQW9DLENBQUE7QUFFeEQsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/tabs/tab-list/tab/Tab.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { TabProps, TabRef } from '../../../../components/tabs/tab-list/tab/TabProps';
-import React from 'react';
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
@@ -15,5 +15,5 @@ import React from 'react';
  * @param testId {string} Test Id for Test Integration
  * @param routerLink Custom Router Link as props
  */
-declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<TabRef>>;
+declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<TabRef>>;
 export default Tab;