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

package/lib/components/tabs/Tabs.mjs

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

@@ -1,11 +0,0 @@
-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.mjs

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

@@ -1,16 +0,0 @@
-/// <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.mjs

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

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

@@ -1,10 +0,0 @@
-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.mjs

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

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

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

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

@@ -1,13 +0,0 @@
-import { TabListProps } from '../../../components/tabs/tab-list/TabListProps';
-import React from 'react';
-/**
- * Tabs Nav Component
- * @param children {ReactChild} React Child Element
- * @param className
- * @param id
- * @param testId
- * @param align
- * @param others
- */
-declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;
-export default TabList;

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

@@ -1,90 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon } from '../../../components/icon';
-import Tab from '../../../components/tabs/tab-list/tab/Tab';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { getAlignClassName } from '../../../objects/facets/Alignable';
-import { is } from '../../../services';
-import clsx from 'clsx';
-import React, { useMemo } from 'react';
-import { TabsContext } from '../context';
-/**
- * Tabs Nav Component
- * @param children {ReactChild} React Child Element
- * @param className
- * @param id
- * @param testId
- * @param align
- * @param others
- */
-var TabList = React.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 classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
-    var isVisibleArrowLeft = useMemo(function () {
-        if (!tabRefs.current.length)
-            return false;
-        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))
-                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)));
-        });
-    }, [children, tabRefs]);
-    var scrollWithArrow = React.useCallback(function (direction) {
-        var _a;
-        if (tabRefs.current) {
-            var firstGap = tabRefs.current[0].x;
-            var nextTab = tabFocused + direction;
-            var nextPosition = tabRefs.current[nextTab === -1 ? 0 : nextTab];
-            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 target = e.target;
-        var firstGap = tabRefs.current[0].x + (small ? 16 : 24);
-        var scrollPosition = tabRefs.current.findIndex(function (tab) {
-            return target.scrollLeft >= tab.left - firstGap && target.scrollLeft <= tab.right - firstGap;
-        });
-        setTabFocused(scrollPosition);
-        setScrollLeft(target.scrollLeft);
-    }, [tabRefs, small]);
-    var onClickPrev = React.useCallback(function () {
-        isVisibleArrowLeft && scrollWithArrow(-1);
-    }, [scrollWithArrow, isVisibleArrowLeft]);
-    var onClickNext = React.useCallback(function () {
-        isVisibleArrowRight && scrollWithArrow(1);
-    }, [scrollWithArrow, isVisibleArrowRight]);
-    var setWidths = React.useCallback(function () {
-        if (TabListRef.current) {
-            setTabsWidth(TabListRef.current.clientWidth);
-            setTabListWidth(TabListRef.current.scrollWidth);
-        }
-    }, [TabListRef]);
-    React.useEffect(function () {
-        setWidths();
-    }, [setWidths, isVisibleArrowLeft, isVisibleArrowRight]);
-    React.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 }))));
-});
-TabList.displayName = ComponentName.TabList;
-export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFeEM7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQXFELEVBQUUsR0FBRztJQUF4RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBbkQsa0RBQXFELENBQUY7SUFDMUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDckQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBWSxFQUFFLENBQUMsQ0FBQTtJQUNu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

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

@@ -1,14 +0,0 @@
-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 className
- * @param id
- * @param testId
- * @param align
- * @param others
- */
-declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<ScrollView>>;
-export default TabList;

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

@@ -1,83 +0,0 @@
-import { __assign, __read, __rest, __spreadArray } from "tslib";
-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 { ScrollView, StyleSheet, View, } from 'react-native';
-/**
- * Tabs Nav Component
- * @param children {ReactChild} React Child Element
- * @param className
- * @param id
- * @param testId
- * @param align
- * @param others
- */
-var TabList = React.forwardRef(function (_a, ref) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    var inverted = React.useContext(TabsContext).inverted;
-    var TabListRef = React.useRef(null);
-    var paddingHorizontalTab = 12;
-    var negativeGap = -35;
-    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 _f = __read(React.useState([]), 2), tabElms = _f[0], setTabElms = _f[1];
-    React.useImperativeHandle(ref, function () { return TabListRef.current; });
-    var styles = StyleSheet.create({
-        tabList: {
-            flexDirection: 'row',
-            backgroundColor: getColorStyle(inverted ? TrilogyColor.MAIN : 'transparent'),
-        },
-        arrow: { alignItems: 'center', justifyContent: 'center', paddingHorizontal: 2 },
-    });
-    var isVisibleArrowLeft = React.useMemo(function () {
-        if (!tabElms.length)
-            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 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 _a;
-        if (tabElms.length) {
-            var nextTab = tabFocused + direction;
-            var nextPosition = tabElms[nextTab === -1 ? 0 : nextTab];
-            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 () {
-        isVisibleArrowLeft && scrollWithArrow(-1);
-    }, [scrollWithArrow, isVisibleArrowLeft]);
-    var onClickNext = React.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({ ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList, onScroll: handleScrollList }, 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 })))));
-});
-TabList.displayName = ComponentName.TabList;
-export default TabList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUtMLFVBQVUsRUFDVixVQUFVLEVBQ1YsSUFBSSxHQUNMLE1BQU0sY0FBYyxDQUFBO0FBRXJCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDN0UsSUFBQSxRQUFRLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFDbEQsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFR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

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

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

package/lib/components/tabs/tab-list/TabListProps.mjs

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

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

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

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

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

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

@@ -1,19 +0,0 @@
-import { TabProps, TabRef } from '../../../../components/tabs/tab-list/tab/TabProps';
-import React from 'react';
-/**
- * Tabs Item Component
- * @param active {boolean} active tab item
- * @param children {ReactChild} React Child Element
- * @param onClick onClick Event
- * @param iconName {IconNameValues | IconName} add icon name
- * @param disabled {boolean} disable tab item
- * @param label {string} Tab content
- * @param to {string} Link
- * @param href {string} <a />
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param routerLink Custom Router Link as props
- */
-declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<TabRef>>;
-export default Tab;

package/lib/components/tabs/tab-list/tab/Tab.mjs

@@ -1,51 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../../components/enumsComponentsName';
-import { Icon } from '../../../../components/icon';
-import { TabsContext } from '../../../../components/tabs/context';
-import { Text } from '../../../../components/text';
-import { useTrilogyContext } from '../../../../context/index';
-import { hashClass } from '../../../../helpers/hashClassesHelpers';
-import clsx from 'clsx';
-import React from 'react';
-/**
- * Tabs Item Component
- * @param active {boolean} active tab item
- * @param children {ReactChild} React Child Element
- * @param onClick onClick Event
- * @param iconName {IconNameValues | IconName} add icon name
- * @param disabled {boolean} disable tab item
- * @param label {string} Tab content
- * @param to {string} Link
- * @param href {string} <a />
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param routerLink Custom Router Link as props
- */
-var Tab = React.forwardRef(function (_a, ref) {
-    var active = _a.active, className = _a.className, onClick = _a.onClick, _b = _a.routerLink, routerLink = _b === void 0 ? 'a' : _b, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, testId = _a.testId, ariaControls = _a.ariaControls, others = __rest(_a, ["active", "className", "onClick", "routerLink", "iconName", "label", "disabled", "testId", "ariaControls"]);
-    var styled = useTrilogyContext().styled;
-    var _c = others, index = _c.index, props = __rest(_c, ["index"]);
-    var _d = React.useContext(TabsContext), activeIndex = _d.activeIndex, setActiveIndex = _d.setActiveIndex, small = _d.small;
-    var Tag = others.href || others.to ? routerLink : 'button';
-    var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
-    var classes = hashClass(styled, clsx('tab', className, { 'is-active': isActive }));
-    var handleClick = React.useCallback(function (e) {
-        if (!disabled) {
-            if (!others.href && !others.to)
-                setActiveIndex(index);
-            if (onClick)
-                onClick(e);
-        }
-    }, [disabled, onClick, index, setActiveIndex]);
-    React.useEffect(function () {
-        if (active)
-            setActiveIndex(index);
-    }, [active, setActiveIndex, index]);
-    return (React.createElement(Tag, __assign({ ref: ref, "aria-controls": ariaControls, "aria-disabled": disabled, "aria-selected": isActive, "data-tab-navigation": '', disabled: disabled, className: classes, role: 'tab', "data-testid": testId, "data-index": index, onClick: handleClick }, props),
-        React.createElement("div", { className: hashClass(styled, 'tab-icon') }, iconName && React.createElement(Icon, { size: small ? 'small' : 'medium', name: iconName })),
-        label && React.createElement(Text, null, label)));
-});
-Tab.displayName = ComponentName.Tab;
-export default Tab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUV2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixVQUNFLEVBQTRHLEVBQzVHLEdBQUc7SUFERCxJQUFBLE1BQU0sWUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLGtCQUFnQixFQUFoQixVQUFVLG1CQUFHLEdBQUcsS0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFlBQVksa0JBQUEsRUFBSyxNQUFNLGNBQTFHLDJHQUE0RyxDQUFGO0lBR2xHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sS0FBc0IsTUFBYSxFQUFqQyxLQUFLLFdBQUEsRUFBSyxLQUFLLGNBQWpCLFNBQW1CLENBQWdCLENBQUE7SUFDbkMsSUFBQSxLQUF5QyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUFwRSxXQUFXLGlCQUFBLEVBQUUsY0FBYyxvQkFBQSxFQUFFLEtBQUssV0FBa0MsQ0FBQTtJQUU1RSxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFBO0lBRTVELElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsY0FBTSxPQUFBLFdBQVcsS0FBSyxLQUFLLEVBQXJCLENBQXFCLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUVwRixJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQW1CO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFO2dCQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNyRCxJQUFJLE9BQU87Z0JBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQyxFQUNELENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsY0FBYyxDQUFDLENBQzNDLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxNQUFNO1lBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ25DLENBQUMsRUFBRSxDQUFDLE1BQU0sRUFBRSxjQUFjLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVuQyxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEdBQUcsRUFBRSxHQUFHLG1CQUNPLFlBQVksbUJBQ1osUUFBUSxtQkFDUixRQUFRLHlCQUNILEVBQUUsRUFDdEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLEtBQUssaUJBQ0csTUFBTSxnQkFDUCxLQUFLLEVBQ2pCLE9BQU8sRUFBRSxXQUFXLElBQ2hCLEtBQUs7UUFFVCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFDMUMsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQ25FO1FBQ0wsS0FBSyxJQUFJLG9CQUFDLElBQUksUUFBRSxLQUFLLENBQVEsQ0FDMUIsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==

package/lib/components/tabs/tab-list/tab/Tab.native.d.mts

@@ -1,16 +0,0 @@
-import { TabProps } from '../../../../components/tabs/tab-list/tab/TabProps';
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-/**
- * Tabs Item Component
- * @param active {boolean} active tab item
- * @param children {ReactChild} React Child Element
- * @param onClick onClick Event
- * @param iconName {IconNameValues | IconName} add icon name
- * @param disabled {boolean} disable tab item
- * @param label {string} Tab content
- * @param to {string} Link
- * @param href {string} Link
- */
-declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<TouchableOpacity>>;
-export default Tab;

package/lib/components/tabs/tab-list/tab/Tab.native.mjs

@@ -1,64 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../../../components/enumsComponentsName';
-import { Icon } from '../../../../components/icon';
-import { TabsContext } from '../../../../components/tabs/context';
-import { Text } from '../../../../components/text';
-import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
-import React from 'react';
-import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
-/**
- * Tabs Item Component
- * @param active {boolean} active tab item
- * @param children {ReactChild} React Child Element
- * @param onClick onClick Event
- * @param iconName {IconNameValues | IconName} add icon name
- * @param disabled {boolean} disable tab item
- * @param label {string} Tab content
- * @param to {string} Link
- * @param href {string} Link
- */
-var Tab = React.forwardRef(function (_a, ref) {
-    var active = _a.active, onClick = _a.onClick, to = _a.to, href = _a.href, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, others = __rest(_a, ["active", "onClick", "to", "href", "iconName", "label", "disabled"]);
-    var _b = others, index = _b.index, props = __rest(_b, ["index"]);
-    var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted;
-    var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
-    var handleClick = React.useCallback(function (e) {
-        if (!disabled) {
-            if (onClick)
-                onClick(e);
-            if (!to && !href)
-                setActiveIndex(index);
-            if (to || href)
-                Linking.openURL(to || href || '');
-        }
-    }, [disabled, onClick, index, setActiveIndex, to, href]);
-    var styles = StyleSheet.create({
-        tab: {
-            paddingVertical: 4,
-            paddingHorizontal: 12,
-            borderBottomWidth: isActive ? 2 : 1,
-            borderBottomColor: getColorStyle(isActive && disabled
-                ? TrilogyColor.DISABLED
-                : isActive && inverted
-                    ? TrilogyColor.BACKGROUND
-                    : isActive
-                        ? TrilogyColor.MAIN
-                        : TrilogyColor.STROKE),
-        },
-        text: {
-            textAlign: 'center',
-            color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN),
-        },
-    });
-    React.useEffect(function () {
-        if (active)
-            setActiveIndex(index);
-    }, [active, setActiveIndex, index]);
-    return (React.createElement(TouchableOpacity, __assign({ ref: ref, activeOpacity: 1, style: styles.tab, onPress: handleClick }, props),
-        iconName && (React.createElement(View, { style: { alignSelf: 'center' } },
-            React.createElement(Icon, { color: disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN, size: 'small', name: iconName }))),
-        React.createElement(Text, { style: styles.text }, label && label)));
-});
-Tab.displayName = ComponentName.Tab;
-export default Tab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQXlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpHOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMxQixVQUFDLEVBQW1FLEVBQUUsR0FBRztJQUF0RSxJQUFBLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBakUsb0VBQW1FLENBQUY7SUFDaEUsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQTRDLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEVBQXZFLFdBQVcsaUJBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsUUFBUSxjQUFrQyxDQUFBO0lBQy9FLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FB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

package/lib/components/tabs/tab-list/tab/TabProps.d.mts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { IconName, IconNameValues } from '../../../../components/icon';
-import { Accessibility, Clickable, Dev } from '../../../../objects';
-import { CommonProps } from '../../../../objects/facets/CommonProps';
-import { TouchableOpacity } from 'react-native';
-/**
- * Tabs Item Interface
- */
-export interface TabProps extends Clickable, Accessibility, Dev, CommonProps {
-    active?: boolean;
-    to?: string;
-    href?: string;
-    routerLink?: React.ElementType;
-    iconName?: IconNameValues | IconName;
-    label?: string;
-    disabled?: boolean;
-    ariaControls?: string;
-}
-export type TabRef = HTMLElement | HTMLButtonElement | HTMLLinkElement;
-export type TabNativeRef = TouchableOpacity;

package/lib/components/tabs/tab-list/tab/TabProps.mjs

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

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

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

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

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

package/lib/components/tabs/tab-panels/TabPanels.d.mts

@@ -1,12 +0,0 @@
-import { TabPanelsProps } from '../../../components/tabs/tab-panels/TabPanelsProps';
-import React from 'react';
-/**
- * Tabs Nav Component
- * @param children {ReactChild} React Child Element
- * @param className
- * @param id
- * @param testId
- * @param others
- */
-declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLDivElement>>;
-export default TabPanels;