@trilogy-ds/react 0.0.5-esm-cjs → 0.0.6-alpha-prompt

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

@@ -217,12 +217,15 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -234,18 +237,22 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -256,7 +263,8 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip"
     ]
   },
   "label": {

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

@@ -1,315 +1,3 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/tabs/tab-list/tab/index.ts
-var tab_exports = {};
-__export(tab_exports, {
-  default: () => tab_default
-});
-module.exports = __toCommonJS(tab_exports);
-
-// context/index.tsx
-var React = __toESM(require("react"));
-var TrilogyContext = React.createContext({
-  styled: false,
-  setStyled: () => void 0
-});
-var useTrilogyContext = () => {
-  const context = React.useContext(TrilogyContext);
-  if (context === void 0) {
-    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
-  }
-  return context;
-};
-
-// helpers/hashClassesHelpers/index.tsx
-var hashClass = (addHash = false, classes) => {
-  const { hash, styled } = useTrilogyContext();
-  if (classes.trim().length < 1) return "";
-  if (styled) {
-    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
-  }
-  return classes;
-};
-
-// helpers/device/index.ts
-var Device = /* @__PURE__ */ ((Device2) => {
-  Device2["Browser"] = "browser";
-  Device2["Server"] = "server";
-  Device2["Native"] = "native";
-  return Device2;
-})(Device || {});
-var { Browser, Server, Native } = Device;
-var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-var canUseNative = typeof navigator != "undefined" && navigator.product == "ReactNative";
-var device = canUseNative ? Native : canUseDOM ? Browser : Server;
-var SSRObjectDefined = {
-  isBrowser: device === Browser,
-  isServer: device === Server,
-  isNative: device === Native,
-  device,
-  canUseWorkers: typeof Worker !== "undefined",
-  canUseEventListeners: device === Browser && !!window.addEventListener,
-  canUseViewport: device === Browser && !!window.screen
-};
-var assign = (...args) => Object.assign({}, ...args);
-var values = (obj) => Object.values(obj);
-var toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
-var SSRObject = toArrayObject();
-
-// context/providerTheme/index.tsx
-var import_react = __toESM(require("react"));
-var defaultTheme = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue = {
-  theme: defaultTheme,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
-
-// objects/facets/Color/index.tsx
-var import_react2 = require("react");
-var colors = {
-  ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
-  ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
-  ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
-  ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
-  ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
-  ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
-  ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
-  ["SUCCESS_FADE" /* SUCCESS_FADE */]: ["#cae8ca", "success-fade", "white"],
-  ["INFO" /* INFO */]: ["#1A688A", "info", "white"],
-  ["INFO_FADE" /* INFO_FADE */]: ["#c8dbec", "info-fade", "white"],
-  ["WARNING" /* WARNING */]: ["#FFBB33", "warning", "white"],
-  ["WARNING_FADE" /* WARNING_FADE */]: ["#ecdbc6", "warning-fade", "white"],
-  ["ERROR" /* ERROR */]: ["#D42D02", "error", "white"],
-  ["ERROR_FADE" /* ERROR_FADE */]: ["#eecccc", "error-fade", "white"],
-  ["DISABLED" /* DISABLED */]: ["#646464", "disabled", "white"],
-  ["DISABLED_FADE" /* DISABLED_FADE */]: ["#D1D1D1", "disabled-fade", "white"],
-  ["NEUTRAL" /* NEUTRAL */]: ["#707070", "grey", "white"],
-  ["NEUTRAL_FADE" /* NEUTRAL_FADE */]: ["#F4F4F4", "grey-fade", "white"],
-  ["STROKE" /* STROKE */]: ["#BBC1CE", "stroke", "white"]
-};
-var getColorClassName = (trilogyColor) => {
-  const color = colors[trilogyColor];
-  return color[1];
-};
-
-// objects/atoms/Background/index.ts
-var getBackgroundClassName = (backgroundType) => {
-  return `background-${getColorClassName(backgroundType)}`;
-};
-
-// objects/facets/Justifiable/index.ts
-var getJustifySelfClassName = (justifyContent) => {
-  switch (justifyContent) {
-    case "ALIGNED_CENTER":
-      return "justified-self-center";
-    case "ALIGNED_START":
-      return "justified-self-start";
-    case "ALIGNED_END":
-      return "justified-selfend";
-    default:
-      return "justified-selfstart";
-  }
-};
-
-// services/classify/index.ts
-function classify(prefix) {
-  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
-}
-var is = classify("is");
-var has = classify("has");
-
-// components/icon/Icon.tsx
-var import_clsx = __toESM(require("clsx"));
-var React3 = __toESM(require("react"));
-var Icon = React3.forwardRef(
-  ({ className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
-    const classes = hashClass(
-      styled,
-      (0, import_clsx.default)(
-        "icon",
-        stretched && is("stretched"),
-        size && is(size),
-        circled && is("circled"),
-        circled && !color && has("text-white"),
-        color && is(`${getColorClassName(color)}`),
-        skeleton && is("loading"),
-        align && (0, import_clsx.default)(is("flex"), is(getJustifySelfClassName(align))),
-        background,
-        className
-      )
-    );
-    return /* @__PURE__ */ React3.createElement("span", { id, onClick: onClick && onClick, className: classes, ...others, ref }, /* @__PURE__ */ React3.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
-  }
-);
-Icon.displayName = "Icon" /* Icon */;
-var Icon_default = Icon;
-
-// components/tabs/context/index.tsx
-var import_react3 = __toESM(require("react"));
-var TabsContext = import_react3.default.createContext({
-  activeIndex: 0,
-  inverted: false,
-  setActiveIndex: () => 0,
-  setInverted: () => false,
-  small: false
-});
-
-// components/text/Text.tsx
-var React5 = __toESM(require("react"));
-var import_clsx2 = __toESM(require("clsx"));
-
-// components/text/TextEnum.ts
-var TextMarkup = /* @__PURE__ */ ((TextMarkup2) => {
-  TextMarkup2["P"] = "p";
-  TextMarkup2["SPAN"] = "span";
-  return TextMarkup2;
-})(TextMarkup || {});
-
-// components/text/Text.tsx
-var Text = React5.forwardRef(({
-  level,
-  markup,
-  children,
-  className,
-  id,
-  typo,
-  inverted,
-  skeleton,
-  accessibilityLabel,
-  marginless,
-  numberOfLines,
-  ...others
-}, ref) => {
-  const { styled } = useTrilogyContext();
-  const levelText = () => {
-    if (level) {
-      switch (level) {
-        case 1 /* ONE */:
-          return is("level-1");
-        case 2 /* TWO */:
-          return is("level-2");
-        case 3 /* THREE */:
-          return is("level-3");
-        case 4 /* FOUR */:
-          return is("level-4");
-        default:
-          return is(`level-${level}`);
-      }
-    }
-  };
-  const classes = hashClass(
-    styled,
-    (0, import_clsx2.default)(
-      "text",
-      level && levelText(),
-      inverted && is("inverted"),
-      typo,
-      skeleton && is("loading"),
-      marginless && is("marginless"),
-      numberOfLines && is("text-ellipsis"),
-      className
-    )
-  );
-  const isCorrectMarkup = (stringMarkup) => {
-    if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup)) return true;
-  };
-  const Tag = markup && isCorrectMarkup(markup) ? markup : "p";
-  return /* @__PURE__ */ React5.createElement(
-    Tag,
-    {
-      ref,
-      id,
-      style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {},
-      "aria-label": accessibilityLabel,
-      className: classes,
-      ...others
-    },
-    children
-  );
-});
-Text.displayName = "Text" /* Text */;
-var Text_default = Text;
-
-// components/tabs/tab-list/tab/Tab.tsx
-var import_clsx3 = __toESM(require("clsx"));
-var import_react4 = __toESM(require("react"));
-var Tab = import_react4.default.forwardRef(
-  ({ active, className, onClick, routerLink = "a", iconName, label, disabled, testId, ariaControls, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const { index, ...props } = others;
-    const { activeIndex, setActiveIndex, small } = import_react4.default.useContext(TabsContext);
-    const Tag = others.href || others.to ? routerLink : "button";
-    const isActive = import_react4.default.useMemo(() => activeIndex === index, [activeIndex, index]);
-    const classes = hashClass(styled, (0, import_clsx3.default)("tab", className, { "is-active": isActive }));
-    const handleClick = import_react4.default.useCallback(
-      (e) => {
-        if (!disabled) {
-          if (!others.href && !others.to) setActiveIndex(index);
-          if (onClick) onClick(e);
-        }
-      },
-      [disabled, onClick, index, setActiveIndex]
-    );
-    import_react4.default.useEffect(() => {
-      if (active) setActiveIndex(index);
-    }, [active, setActiveIndex, index]);
-    return /* @__PURE__ */ import_react4.default.createElement(
-      Tag,
-      {
-        ref,
-        "aria-controls": ariaControls,
-        "aria-disabled": disabled,
-        "aria-selected": isActive,
-        "data-tab-navigation": "",
-        disabled,
-        className: classes,
-        role: "tab",
-        "data-testid": testId,
-        "data-index": index,
-        onClick: handleClick,
-        ...props
-      },
-      /* @__PURE__ */ import_react4.default.createElement("div", { className: hashClass(styled, "tab-icon") }, iconName && /* @__PURE__ */ import_react4.default.createElement(Icon_default, { size: small ? "small" : "medium", name: iconName })),
-      label && /* @__PURE__ */ import_react4.default.createElement(Text_default, null, label)
-    );
-  }
-);
-Tab.displayName = "Tab" /* Tab */;
-var Tab_default = Tab;
-
-// components/tabs/tab-list/tab/index.ts
-var tab_default = Tab_default;
+import Tab from './Tab';
+export default Tab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvdGFiL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sR0FBRyxNQUFNLE9BQU8sQ0FBQTtBQUV2QixlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/tabs/tab-panels/TabPanels.js

@@ -1,6 +1,7 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
-import { useTrilogyContext } from '../../../context/index';
+import { useTrilogyContext } from '../../../context';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import clsx from 'clsx';
 import React from 'react';
@@ -12,15 +13,16 @@ import React from 'react';
  * @param testId
  * @param others
  */
-const TabPanels = React.forwardRef(({ children, className, id, testId, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('tab-panels', className));
-    return (React.createElement("div", { ref: ref, id: id, "data-testid": testId, className: classes, ...others }, React.Children.map(children, (child, index) => {
+var TabPanels = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('tab-panels', className));
+    return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
         if (!React.isValidElement(child))
             return false;
-        return React.createElement(TabPanel, { ...child.props, index: index });
+        return React.createElement(TabPanel, __assign({}, child.props, { index: index }));
     })));
 });
 TabPanels.displayName = ComponentName.TabPanels;
 export default TabPanels;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxRQUFRLE1BQU0sd0NBQXdDLENBQUE7QUFFN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7R0FPRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLENBQUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUN0RCxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVoRSxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sS0FBTSxNQUFNLElBQ3ZFLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtRQUM3QyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQTtRQUM5QyxPQUFPLG9CQUFDLFFBQVEsT0FBSyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEdBQUksQ0FBQTtJQUNwRCxDQUFDLENBQUMsQ0FDRSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFBO0FBRTdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsVUFBQyxFQUE4QyxFQUFFLEdBQUc7SUFBakQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTVDLHlDQUE4QyxDQUFGO0lBQ3BHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWhFLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDdkUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxRQUFRLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDcEQsQ0FBQyxDQUFDLENBQ0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/tabs/tab-panels/TabPanels.native.d.ts

@@ -0,0 +1,13 @@
+import { TabPanelsProps } from '../../../components/tabs/tab-panels/TabPanelsProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * 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<View>>;
+export default TabPanels;

package/lib/components/tabs/tab-panels/TabPanels.native.js

@@ -1,7 +1,8 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { TabsContext } from '../../../components/tabs/context';
 import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
-import { getColorStyle, TrilogyColor } from '../../../objects/index.native';
+import { getColorStyle, TrilogyColor } from '../../../objects';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 /**
@@ -12,20 +13,21 @@ import { StyleSheet, View } from 'react-native';
  * @param testId
  * @param others
  */
-const TabPanels = React.forwardRef(({ children, ...others }, ref) => {
-    const { inverted } = React.useContext(TabsContext);
-    const styles = StyleSheet.create({
+var TabPanels = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var inverted = React.useContext(TabsContext).inverted;
+    var styles = StyleSheet.create({
         tabPanels: {
             paddingVertical: 8,
             backgroundColor: getColorStyle(inverted ? TrilogyColor.MAIN : 'transparent'),
         },
     });
-    return (React.createElement(View, { ref: ref, style: styles.tabPanels, ...others }, React.Children.map(children, (child, index) => {
+    return (React.createElement(View, __assign({ ref: ref, style: styles.tabPanels }, others), React.Children.map(children, function (child, index) {
         if (!React.isValidElement(child))
             return false;
-        return React.createElement(TabPanel, { ...child.props, index: index });
+        return React.createElement(TabPanel, __assign({}, child.props, { index: index }));
     })));
 });
 TabPanels.displayName = ComponentName.TabPanels;
 export default TabPanels;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL1RhYlBhbmVscy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFDdkQsT0FBTyxRQUFRLE1BQU0sd0NBQXdDLENBQUE7QUFFN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7Ozs7R0FPRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRTtJQUN0RyxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUVsRCxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGVBQWUsRUFBRSxDQUFDO1lBQ2xCLGVBQWUsRUFBRSxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7U0FDN0U7S0FDRixDQUFDLENBQUE7SUFDRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEtBQU0sTUFBTSxJQUNoRCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7UUFDN0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxRQUFRLE9BQUssS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxHQUFJLENBQUE7SUFDcEQsQ0FBQyxDQUFDLENBQ0csQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL1RhYlBhbmVscy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFBO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDbkYsSUFBQSxRQUFRLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFFbEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO1NBQzdFO0tBQ0YsQ0FBQyxDQUFBO0lBQ0YsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFNLE1BQU0sR0FDaEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxRQUFRLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDcEQsQ0FBQyxDQUFDLENBQ0csQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
+import { Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-import { Dev } from '../../../objects/index';
 import { View } from 'react-native';
 /**
  * Tabs Item Interface

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

@@ -1,111 +1,3 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/tabs/tab-panels/index.ts
-var tab_panels_exports = {};
-__export(tab_panels_exports, {
-  default: () => tab_panels_default
-});
-module.exports = __toCommonJS(tab_panels_exports);
-
-// components/tabs/context/index.tsx
-var import_react = __toESM(require("react"));
-var TabsContext = import_react.default.createContext({
-  activeIndex: 0,
-  inverted: false,
-  setActiveIndex: () => 0,
-  setInverted: () => false,
-  small: false
-});
-
-// context/index.tsx
-var React2 = __toESM(require("react"));
-var TrilogyContext = React2.createContext({
-  styled: false,
-  setStyled: () => void 0
-});
-var useTrilogyContext = () => {
-  const context = React2.useContext(TrilogyContext);
-  if (context === void 0) {
-    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
-  }
-  return context;
-};
-
-// helpers/hashClassesHelpers/index.tsx
-var hashClass = (addHash = false, classes) => {
-  const { hash, styled } = useTrilogyContext();
-  if (classes.trim().length < 1) return "";
-  if (styled) {
-    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
-  }
-  return classes;
-};
-
-// services/classify/index.ts
-function classify(prefix) {
-  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
-}
-var is = classify("is");
-var has = classify("has");
-
-// components/tabs/tab-panels/tab-panel/TabPanel.tsx
-var import_clsx = __toESM(require("clsx"));
-var import_react2 = __toESM(require("react"));
-var TabPanel = import_react2.default.forwardRef(({ children, className, testId, ...others }, ref) => {
-  const { styled } = useTrilogyContext();
-  const { index, ...props } = others;
-  const { activeIndex } = import_react2.default.useContext(TabsContext);
-  const classes = hashClass(styled, (0, import_clsx.default)("tab-panel", index === activeIndex && is("active"), className));
-  return /* @__PURE__ */ import_react2.default.createElement("div", { ref, "data-testid": testId, className: classes, ...props }, children);
-});
-TabPanel.displayName = "TabPanel" /* TabPanel */;
-var TabPanel_default = TabPanel;
-
-// components/tabs/tab-panels/tab-panel/index.ts
-var tab_panel_default = TabPanel_default;
-
-// components/tabs/tab-panels/TabPanels.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var import_react3 = __toESM(require("react"));
-var TabPanels = import_react3.default.forwardRef(
-  ({ children, className, id, testId, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, (0, import_clsx2.default)("tab-panels", className));
-    return /* @__PURE__ */ import_react3.default.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, import_react3.default.Children.map(children, (child, index) => {
-      if (!import_react3.default.isValidElement(child)) return false;
-      return /* @__PURE__ */ import_react3.default.createElement(tab_panel_default, { ...child.props, index });
-    }));
-  }
-);
-TabPanels.displayName = "TabPanels" /* TabPanels */;
-var TabPanels_default = TabPanels;
-
-// components/tabs/tab-panels/index.ts
-var tab_panels_default = TabPanels_default;
+import TabPanels from './TabPanels';
+export default TabPanels;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFFbkMsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js

@@ -1,6 +1,7 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../../components/enumsComponentsName';
 import { TabsContext } from '../../../../components/tabs/context';
-import { useTrilogyContext } from '../../../../context/index';
+import { useTrilogyContext } from '../../../../context';
 import { hashClass } from '../../../../helpers/hashClassesHelpers';
 import { is } from '../../../../services/classify';
 import clsx from 'clsx';
@@ -12,13 +13,14 @@ import React from 'react';
  * @param testId
  * @param others
  */
-const TabPanel = React.forwardRef(({ children, className, testId, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const { index, ...props } = others;
-    const { activeIndex } = React.useContext(TabsContext);
-    const classes = hashClass(styled, clsx('tab-panel', index === activeIndex && is('active'), className));
-    return (React.createElement("div", { ref: ref, "data-testid": testId, className: classes, ...props }, children));
+var TabPanel = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var _b = others, index = _b.index, props = __rest(_b, ["index"]);
+    var activeIndex = React.useContext(TabsContext).activeIndex;
+    var classes = hashClass(styled, clsx('tab-panel', index === activeIndex && is('active'), className));
+    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, className: classes }, props), children));
 });
 TabPanel.displayName = ComponentName.TabPanel;
 export default TabPanel;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7R0FNRztBQUNILE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLENBQUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFO0lBQ2hILE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBQ3RDLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxLQUFLLEVBQUUsR0FBRyxNQUFhLENBQUE7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUE7SUFFckQsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEcsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxLQUFNLEtBQUssSUFDOUQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkIsVUFBQyxFQUEwQyxFQUFFLEdBQUc7SUFBN0MsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXhDLG1DQUEwQyxDQUFGO0lBQzdGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sS0FBc0IsTUFBYSxFQUFqQyxLQUFLLFdBQUEsRUFBSyxLQUFLLGNBQWpCLFNBQW1CLENBQWdCLENBQUE7SUFDakMsSUFBQSxXQUFXLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsWUFBbEMsQ0FBa0M7SUFFckQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEcsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLEtBQUssR0FDOUQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts

@@ -0,0 +1,11 @@
+import { TabPanelProps } from '../../../../components/tabs/tab-panels/tab-panel/TabPanelProps';
+import React from 'react';
+/**
+ * Tab Panel Component
+ * @param children {ReactChild} React Child Element
+ * @param className
+ * @param testId
+ * @param others
+ */
+declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<import("react-native").View>>;
+export default TabPanel;