@trilogy-ds/react 0.0.5-beta-v4 → 0.0.5-esm-cjs

package/lib/components/table/TableProps.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { Fullwidth } from '../../objects/facets/Fullwidth';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
 export declare enum TableBorderEnum {
     ALL = "all",
     INNER = "inner",
@@ -12,3 +12,5 @@ export interface TableProps extends Fullwidth, CommonProps {
     striped?: boolean;
     compact?: boolean;
 }
+export type TableRef = HTMLTableElement;
+export type TableNativeRef = View;

package/lib/components/table/TableProps.js

@@ -4,4 +4,4 @@ export var TableBorderEnum;
     TableBorderEnum["INNER"] = "inner";
     TableBorderEnum["LINES"] = "lines";
 })(TableBorderEnum || (TableBorderEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLENBQU4sSUFBWSxlQUlYO0FBSkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLENBQU4sSUFBWSxlQUlYO0FBSkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUIifQ==

package/lib/components/table/TableProps.mjs

@@ -0,0 +1,7 @@
+import {
+  TableBorderEnum
+} from "../../chunk-JJ6WKZSO.mjs";
+import "../../chunk-OQRDRRQA.mjs";
+export {
+  TableBorderEnum
+};

package/lib/components/table/body/TableBody.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { TableBodyProps } from './TableBodyProps';
+/**
+ * Table Body Component
+ * @param children {ReactNode} children of Table Body
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param color {TrilogyColor} text color
+ * @param backgroundColor {TrilogyColor} background color
+ */
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableBody;

package/lib/components/table/body/TableBody.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TableBodyProps } from './TableBodyProps';
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableBody: ({ className, id, color, backgroundColor, ...others }: TableBodyProps) => JSX.Element;
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
 export default TableBody;

package/lib/components/table/body/TableBody.js

@@ -1,4 +1,3 @@
-import { __assign, __rest } from "tslib";
 import * as React from 'react';
 import clsx from 'clsx';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
@@ -6,19 +5,20 @@ import { has, is } from '../../../services/classify';
 import { useTrilogyContext } from '../../../context/index';
 import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import { getColorClassName } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-var TableBody = function (_a) {
-    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
-    return React.createElement("tbody", __assign({ id: id, className: classes }, others));
-};
+const TableBody = React.forwardRef(({ className, id, color, backgroundColor, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
+    return React.createElement("tbody", { ref: ref, id: id, className: classes, ...others });
+});
+TableBody.displayName = ComponentName.TableBody;
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQzFJLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBQ3RDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sK0JBQU8sR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEtBQU0sTUFBTSxHQUFJLENBQUE7QUFDcEUsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/table/body/TableBody.mjs

@@ -0,0 +1,14 @@
+import {
+  TableBody_default
+} from "../../../chunk-M3G5NNL6.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  TableBody_default as default
+};

package/lib/components/table/body/TableBody.native.js

@@ -1,4 +1,3 @@
-import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, Text, View } from "react-native";
 import { ComponentName } from "../../../components/enumsComponentsName";
@@ -6,17 +5,16 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * TableBody Component
  * @param children {ReactNode} Children of Table Body
  */
-var TableBody = function (_a) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    var styles = StyleSheet.create({
+const TableBody = React.forwardRef(({ children, ...others }, ref) => {
+    const styles = StyleSheet.create({
         body: {
             display: "flex",
             flexDirection: "column",
             flex: 1,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.body }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
-};
+    return (React.createElement(View, { ref: ref, style: styles.body, ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
+});
 TableBody.displayName = ComponentName.TableBody;
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvYm9keS9UYWJsZUJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3RDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osT0FBTyxFQUFFLE1BQU07WUFDZixhQUFhLEVBQUUsUUFBUTtZQUN2QixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEdBQ2pDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksUUFBRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDaEMsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvYm9keS9UYWJsZUJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUNuSCxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksS0FBTSxNQUFNLElBQzNDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksUUFBRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDaEMsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/table/body/TableBodyProps.d.mts

@@ -0,0 +1,10 @@
+import { View } from 'react-native';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface TableBodyProps extends CommonProps {
+    children: React.ReactNode;
+    color?: TrilogyColor | TrilogyColorValues;
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+}
+export type TableBodyRef = HTMLTableSectionElement;
+export type TableBodyNativeRef = View;

package/lib/components/table/body/TableBodyProps.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { View } from 'react-native';
 import { TrilogyColor, TrilogyColorValues } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 export interface TableBodyProps extends CommonProps {
@@ -6,3 +6,5 @@ export interface TableBodyProps extends CommonProps {
     color?: TrilogyColor | TrilogyColorValues;
     backgroundColor?: TrilogyColor | TrilogyColorValues;
 }
+export type TableBodyRef = HTMLTableSectionElement;
+export type TableBodyNativeRef = View;

package/lib/components/table/body/TableBodyPropsDefaults.js

@@ -28,6 +28,7 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -40,9 +41,11 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -50,7 +53,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "backgroundColor": {
@@ -68,6 +72,7 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -80,9 +85,11 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -90,7 +97,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "id": {

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

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

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

@@ -0,0 +1,15 @@
+import {
+  body_default
+} from "../../../chunk-DT2ZRQCQ.mjs";
+import "../../../chunk-M3G5NNL6.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  body_default as default
+};

package/lib/components/table/body/index.native.js

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

package/lib/components/table/head/TableHead.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { TableHeadProps } from './TableHeadProps';
+/**
+ * Table Head Component
+ * @param children {ReactNode} children of Table Head
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param color {TrilogyColor} text color
+ * @param backgroundColor {TrilogyColor} background color
+ */
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableHead;

package/lib/components/table/head/TableHead.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TableHeadProps } from './TableHeadProps';
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableHead: ({ className, id, color, backgroundColor, ...others }: TableHeadProps) => JSX.Element;
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
 export default TableHead;

package/lib/components/table/head/TableHead.js

@@ -1,4 +1,3 @@
-import { __assign, __rest } from "tslib";
 import * as React from 'react';
 import clsx from 'clsx';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
@@ -6,19 +5,20 @@ import { useTrilogyContext } from '../../../context/index';
 import { has, is } from '../../../services/classify';
 import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import { getColorClassName } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-var TableHead = function (_a) {
-    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
-    return React.createElement("thead", __assign({ id: id, className: classes }, others));
-};
+const TableHead = React.forwardRef(({ className, id, color, backgroundColor, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
+    return React.createElement("thead", { ref: ref, id: id, className: classes, ...others });
+});
+TableHead.displayName = ComponentName.TableHead;
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQzFJLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBQ3RDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sK0JBQU8sR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEtBQU0sTUFBTSxHQUFJLENBQUE7QUFDcEUsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/table/head/TableHead.mjs

@@ -0,0 +1,14 @@
+import {
+  TableHead_default
+} from "../../../chunk-J6FOMIYL.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  TableHead_default as default
+};

package/lib/components/table/head/TableHead.native.js

@@ -1,4 +1,3 @@
-import { __assign, __rest } from "tslib";
 import * as React from "react";
 import { StyleSheet, Text, View } from "react-native";
 import { ComponentName } from "../../../components/enumsComponentsName";
@@ -6,16 +5,15 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * Table Head Component
  * @param children {ReactNode} children of Table Head
  */
-var TableHead = function (_a) {
-    var children = _a.children, others = __rest(_a, ["children"]);
-    var styles = StyleSheet.create({
+const TableHead = React.forwardRef(({ children, ...others }, ref) => {
+    const styles = StyleSheet.create({
         head: {
             width: "100%",
             flexDirection: "row",
         },
     });
-    return (React.createElement(View, __assign({ style: styles.head }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
-};
+    return (React.createElement(View, { ref: ref, style: styles.head, ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
+});
 TableHead.displayName = ComponentName.TableHead;
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvaGVhZC9UYWJsZUhlYWQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3RDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztTQUNyQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2hDLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvaGVhZC9UYWJsZUhlYWQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUNuSCxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEtBQU0sTUFBTSxJQUMzQyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLFFBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ2hDLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/table/head/TableHeadProps.d.mts

@@ -0,0 +1,10 @@
+import { View } from 'react-native';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface TableHeadProps extends CommonProps {
+    children: React.ReactNode;
+    color?: TrilogyColor | TrilogyColorValues;
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
+}
+export type TableHeadRef = HTMLTableSectionElement;
+export type TableHeadNativeRef = View;

package/lib/components/table/head/TableHeadProps.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { View } from 'react-native';
 import { TrilogyColor, TrilogyColorValues } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 export interface TableHeadProps extends CommonProps {
@@ -6,3 +6,5 @@ export interface TableHeadProps extends CommonProps {
     color?: TrilogyColor | TrilogyColorValues;
     backgroundColor?: TrilogyColor | TrilogyColorValues;
 }
+export type TableHeadRef = HTMLTableSectionElement;
+export type TableHeadNativeRef = View;

package/lib/components/table/head/TableHeadPropsDefaults.js

@@ -28,6 +28,7 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -40,9 +41,11 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -50,7 +53,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "backgroundColor": {
@@ -68,6 +72,7 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -80,9 +85,11 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
       "WHITE",
       "MAIN_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -90,7 +97,8 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE"
     ]
   },
   "id": {

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

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

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

@@ -0,0 +1,15 @@
+import {
+  head_default
+} from "../../../chunk-HZFI5DOC.mjs";
+import "../../../chunk-J6FOMIYL.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  head_default as default
+};

package/lib/components/table/head/index.native.js

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

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

@@ -0,0 +1,8 @@
+import Table from './Table';
+import TableHead from './head';
+import TableBody from './body';
+import TableTh from './th';
+import TableTr from './tr';
+import TableTd from './td';
+export * from './TableProps';
+export { Table, TableHead, TableBody, TableTr, TableTh, TableTd };

package/lib/components/table/index.mjs

@@ -0,0 +1,44 @@
+import "../../chunk-AH563DBK.mjs";
+import {
+  tr_default
+} from "../../chunk-76SS7W2D.mjs";
+import {
+  td_default
+} from "../../chunk-335L7EYV.mjs";
+import "../../chunk-WCM6IYWC.mjs";
+import {
+  th_default
+} from "../../chunk-XWROA47B.mjs";
+import "../../chunk-6RM6FMD6.mjs";
+import "../../chunk-H33LFANI.mjs";
+import {
+  body_default
+} from "../../chunk-DT2ZRQCQ.mjs";
+import "../../chunk-M3G5NNL6.mjs";
+import {
+  head_default
+} from "../../chunk-HZFI5DOC.mjs";
+import "../../chunk-J6FOMIYL.mjs";
+import {
+  Table_default
+} from "../../chunk-FQP3ZRCY.mjs";
+import {
+  TableBorderEnum
+} from "../../chunk-JJ6WKZSO.mjs";
+import "../../chunk-CNJHYNT2.mjs";
+import "../../chunk-EJ2APB7I.mjs";
+import "../../chunk-SEWWK5HV.mjs";
+import "../../chunk-HLQ4FCCM.mjs";
+import "../../chunk-XFWJ47MX.mjs";
+import "../../chunk-EJOKG5F4.mjs";
+import "../../chunk-5VN6OIEF.mjs";
+import "../../chunk-OQRDRRQA.mjs";
+export {
+  Table_default as Table,
+  body_default as TableBody,
+  TableBorderEnum,
+  head_default as TableHead,
+  td_default as TableTd,
+  th_default as TableTh,
+  tr_default as TableTr
+};

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

@@ -0,0 +1,9 @@
+import Table from './Table.native';
+import TableBody from './body/TableBody.native';
+import TableHead from './head/TableHead.native';
+import TableTd from './td/TableTd.native';
+import TableTh from './th/TableTh.native';
+import TableTr from './tr/TableTr.native';
+export * from './TableProps';
+export { Table, TableBody, TableHead, TableTd, TableTh, TableTr };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9pbmRleC5uYXRpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sZ0JBQWdCLENBQUE7QUFDbEMsT0FBTyxTQUFTLE1BQU0seUJBQXlCLENBQUE7QUFDL0MsT0FBTyxTQUFTLE1BQU0seUJBQXlCLENBQUE7QUFDL0MsT0FBTyxPQUFPLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxPQUFPLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxPQUFPLE1BQU0scUJBQXFCLENBQUE7QUFFekMsY0FBYyxjQUFjLENBQUE7QUFDNUIsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUEifQ==

package/lib/components/table/td/TableTd.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { TableTdProps } from './TableTdProps';
+/**
+ * Table TD Component
+ * @param children {ReactNode} Table TD children
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param rowSpan {number} Specifies the number of rows a cell should span
+ * @param colSpan {number} Defines the number of columns a cell should span
+ */
+declare const TableTd: React.ForwardRefExoticComponent<TableTdProps & React.RefAttributes<HTMLTableCellElement>>;
+export default TableTd;

package/lib/components/table/td/TableTd.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TableTdProps } from './TableTdProps';
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param rowSpan {number} Specifies the number of rows a cell should span
  * @param colSpan {number} Defines the number of columns a cell should span
  */
-declare const TableTd: ({ className, id, rowSpan, colSpan, ...others }: TableTdProps) => JSX.Element;
+declare const TableTd: React.ForwardRefExoticComponent<TableTdProps & React.RefAttributes<HTMLTableCellElement>>;
 export default TableTd;

package/lib/components/table/td/TableTd.js

@@ -1,21 +1,21 @@
-import { __assign, __rest } from "tslib";
 import * as React from 'react';
 import clsx from 'clsx';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { useTrilogyContext } from '../../../context/index';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param rowSpan {number} Specifies the number of rows a cell should span
  * @param colSpan {number} Defines the number of columns a cell should span
  */
-var TableTd = function (_a) {
-    var className = _a.className, id = _a.id, rowSpan = _a.rowSpan, colSpan = _a.colSpan, others = __rest(_a, ["className", "id", "rowSpan", "colSpan"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(className));
-    return React.createElement("td", __assign({ id: id, className: classes, rowSpan: rowSpan, colSpan: colSpan }, others));
-};
+const TableTd = React.forwardRef(({ className, id, rowSpan, colSpan, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx(className));
+    return React.createElement("td", { ref: ref, id: id, className: classes, rowSpan: rowSpan, colSpan: colSpan, ...others });
+});
+TableTd.displayName = ComponentName.TableTd;
 export default TableTd;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7R0FPRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBNEQ7SUFBMUQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTVDLHlDQUE4QyxDQUFGO0lBQ25ELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEQsT0FBTyxxQ0FBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzNGLENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQWUsRUFBRTtJQUM5SCxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUV0QyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2xELE9BQU8sNEJBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxLQUFNLE1BQU0sR0FBSSxDQUFBO0FBQ3JHLENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=