@trackunit/react-table-base-components 0.0.387 → 0.0.390

package/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var reactComponents = require('@trackunit/react-components');
 var reactFormComponents = require('@trackunit/react-form-components');
@@ -11,47 +9,14 @@ var react = require('react');
 var polyfill = require('@js-temporal/polyfill');
 var sharedUtils = require('@trackunit/shared-utils');
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * The ButtonCell is used to render buttons in a table cell
  *
  * @param {ButtonCellProps} props - The props for the ButtonCell component
  * @returns {JSX.Element} ButtonCell component
  */
-const ButtonCell = (_a) => {
-    var { dataTestId, children, iconName, iconColor = "primary", variant = "ghost-neutral" } = _a, rest = __rest(_a, ["dataTestId", "children", "iconName", "iconColor", "variant"]);
-    return (jsxRuntime.jsx(reactComponents.Button, Object.assign({ prefix: iconName ? jsxRuntime.jsx(reactComponents.Icon, { color: iconColor, name: iconName, size: "small", type: "solid" }) : null }, rest, { dataTestId: `button-cell-${dataTestId}`, variant: variant, children: children })));
+const ButtonCell = ({ dataTestId, children, iconName, iconColor = "primary", variant = "ghost-neutral", ...rest }) => {
+    return (jsxRuntime.jsx(reactComponents.Button, { prefix: iconName ? jsxRuntime.jsx(reactComponents.Icon, { color: iconColor, name: iconName, size: "small", type: "solid" }) : null, ...rest, dataTestId: `button-cell-${dataTestId}`, variant: variant, children: children }));
 };
 
 const cvaCheckboxCell = cssClassVarianceUtilities.cvaMerge([""]);
@@ -100,9 +65,8 @@ const TimeSince = ({ date, timeZone, locale }) => {
  * @param {ImageCellProps} props - The props for the Image component.
  * @returns {JSX.Element} The Image component.
  */
-const ImageCell = (_a) => {
-    var { imageUrl, alt = "", width = 100, height = 100, dataTestId } = _a, rest = __rest(_a, ["imageUrl", "alt", "width", "height", "dataTestId"]);
-    return jsxRuntime.jsx("img", Object.assign({ alt: alt, "data-testid": dataTestId, height: height, src: imageUrl, width: width }, rest));
+const ImageCell = ({ imageUrl, alt = "", width = 100, height = 100, dataTestId, ...rest }) => {
+    return jsxRuntime.jsx("img", { alt: alt, "data-testid": dataTestId, height: height, src: imageUrl, width: width, ...rest });
 };
 
 /**
@@ -111,9 +75,8 @@ const ImageCell = (_a) => {
  * @param {IndicatorCellProps} props - The props for the LinkCell component
  * @returns {JSX.Element} LinkCell component
  */
-const IndicatorCell = (_a) => {
-    var rest = __rest(_a, []);
-    return jsxRuntime.jsx(reactComponents.Indicator, Object.assign({}, rest));
+const IndicatorCell = ({ ...rest }) => {
+    return jsxRuntime.jsx(reactComponents.Indicator, { ...rest });
 };
 
 /**
@@ -122,13 +85,12 @@ const IndicatorCell = (_a) => {
  * @param {LinkCellProps} props - The props for the LinkCell component
  * @returns {JSX.Element} LinkCell component
  */
-const LinkCell = (_a) => {
-    var { link, type } = _a, rest = __rest(_a, ["link", "type"]);
+const LinkCell = ({ link, type, ...rest }) => {
     const linkPrefix = type === "LINK" ? "" : type === "PHONE" ? "tel:" : "mailto:";
     const handleClick = (event) => {
         event.stopPropagation();
     };
-    return (jsxRuntime.jsx(reactComponents.ExternalLink, Object.assign({ href: `${linkPrefix}${link}` }, rest, { onClick: handleClick, children: link })));
+    return (jsxRuntime.jsx(reactComponents.ExternalLink, { href: `${linkPrefix}${link}`, ...rest, onClick: handleClick, children: link }));
 };
 
 const cvaMultiValueTextCellWrapper = cssClassVarianceUtilities.cvaMerge(["flex", "flex-row", "items-center", "gap-1", "overflow-hidden"]);
@@ -155,9 +117,8 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, d
  * @param {NoticeCellProps} props - The props for the NoticeCell component
  * @returns {JSX.Element} NoticeCell component
  */
-const NoticeCell = (_a) => {
-    var rest = __rest(_a, []);
-    return jsxRuntime.jsx(reactComponents.Notice, Object.assign({}, rest));
+const NoticeCell = ({ ...rest }) => {
+    return jsxRuntime.jsx(reactComponents.Notice, { ...rest });
 };
 
 const cvaNumberCell = cssClassVarianceUtilities.cvaMerge([
@@ -215,8 +176,7 @@ const DaysSince = ({ date, locale }) => {
  * @param {string} [props.className] - Additional CSS classes to apply to the handle.
  * @returns {ReactElement} A React element representing the resizable handle.
  */
-const ResizeHandle = (_a) => {
-    var { isResizing = false, dataTestId, onMouseDown: onMouseDownHandler, className } = _a, rest = __rest(_a, ["isResizing", "dataTestId", "onMouseDown", "className"]);
+const ResizeHandle = ({ isResizing = false, dataTestId, onMouseDown: onMouseDownHandler, className, ...rest }) => {
     const onMouseDown = (event) => {
         const resizeCursorClass = "cursor-col-resize";
         document.addEventListener("mouseup", () => {
@@ -225,7 +185,7 @@ const ResizeHandle = (_a) => {
         document.body.classList.add(resizeCursorClass);
         onMouseDownHandler === null || onMouseDownHandler === void 0 ? void 0 : onMouseDownHandler(event);
     };
-    return (jsxRuntime.jsx("div", Object.assign({ className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown: event => onMouseDown(event), role: "separator" }, rest)));
+    return (jsxRuntime.jsx("div", { className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown: event => onMouseDown(event), role: "separator", ...rest }));
 };
 const cvaResizeHandel = cssClassVarianceUtilities.cvaMerge(["absolute", "cursor-col-resize", "right-0", "top-0", "h-full", "w-1", "select-none", "hover:bg-primary-400"], {
     variants: {
@@ -249,9 +209,8 @@ const cvaResizeHandel = cssClassVarianceUtilities.cvaMerge(["absolute", "cursor-
  * @param {string} [props.className] - Additional CSS classes to apply to the sorting indicator.
  * @returns {ReactElement} A React element representing the sorting indicator.
  */
-const SortIndicator = (_a) => {
-    var { sortingState = false, dataTestId, className } = _a, rest = __rest(_a, ["sortingState", "dataTestId", "className"]);
-    return (jsxRuntime.jsx("span", Object.assign({ className: cvaSortIndicator({ sortingState, className }), "data-testid": dataTestId, role: "separator" }, rest)));
+const SortIndicator = ({ sortingState = false, dataTestId, className, ...rest }) => {
+    return (jsxRuntime.jsx("span", { className: cvaSortIndicator({ sortingState, className }), "data-testid": dataTestId, role: "separator", ...rest }));
 };
 const cvaSortIndicator = cssClassVarianceUtilities.cvaMerge([
     "relative",
@@ -295,9 +254,8 @@ const cvaSortIndicator = cssClassVarianceUtilities.cvaMerge([
  * @param {TableRootProps} props - The props for the TableRoot component
  * @returns {JSX.Element} TableRoot component
  */
-const TableRoot = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsxRuntime.jsx("table", Object.assign({ className: cvaTableRoot({ className }), "data-testid": dataTestId }, rest, { children: children })));
+const TableRoot = ({ dataTestId, className, children, ...rest }) => {
+    return (jsxRuntime.jsx("table", { className: cvaTableRoot({ className }), "data-testid": dataTestId, ...rest, children: children }));
 };
 const cvaTableRoot = cssClassVarianceUtilities.cvaMerge(["border-spacing-0", "min-w-full", "grid-rows-min-fr", "grid"]);
 
@@ -310,9 +268,9 @@ const cvaTagsCell = cssClassVarianceUtilities.cvaMerge(["flex", "gap-2"]);
  * @returns {JSX.Element} TagsCell component
  */
 const TagsCell = ({ className, tags, dataTestId }) => {
-    return (jsxRuntime.jsx("div", { className: cvaTagsCell({ className }), "data-testid": dataTestId, children: tags.map((tag, index) => (jsxRuntime.jsx(reactComponents.Tag, Object.assign({ color: "primary",
-            key: index,
-            dataTestId: `${dataTestId}-${index}` }, (typeof tag === "string" ? { children: tag } : tag))))) }));
+    return (jsxRuntime.jsx("div", { className: cvaTagsCell({ className }), "data-testid": dataTestId, children: tags.map((tag, index) => (jsxRuntime.jsx(reactComponents.Tag, { color: "primary",
+            dataTestId: `${dataTestId}-${index}`,
+            ...(typeof tag === "string" ? { children: tag } : tag) }, index))) }));
 };
 
 /**
@@ -325,9 +283,8 @@ const TagsCell = ({ className, tags, dataTestId }) => {
  * @param {TbodyProps} props - The props for the Tbody component
  * @returns {JSX.Element} Tbody component
  */
-const Tbody = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsxRuntime.jsx("tbody", Object.assign({ className: className, "data-testid": dataTestId }, rest, { children: children })));
+const Tbody = ({ dataTestId, className, children, ...rest }) => {
+    return (jsxRuntime.jsx("tbody", { className: className, "data-testid": dataTestId, ...rest, children: children }));
 };
 
 /**
@@ -340,9 +297,8 @@ const Tbody = (_a) => {
  * @param {TdProps} props - The props for the Td component
  * @returns {JSX.Element} Td component
  */
-const Td = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsxRuntime.jsx("td", Object.assign({ className: cvaTd({ className }), "data-testid": dataTestId }, rest, { children: children })));
+const Td = ({ dataTestId, className, children, ...rest }) => {
+    return (jsxRuntime.jsx("td", { className: cvaTd({ className }), "data-testid": dataTestId, ...rest, children: children }));
 };
 const cvaTd = cssClassVarianceUtilities.cvaMerge(["overflow-hidden", "align-middle", "py-table-spacing", "px-2", "whitespace-nowrap"]);
 
@@ -374,9 +330,8 @@ const TextCell = ({ content = "", className, dataTestId }) => {
  * @param {TfootProps} props - The props for the Tfoot component
  * @returns {JSX.Element} Tfoot component
  */
-const Tfoot = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsxRuntime.jsx("tfoot", Object.assign({ className: className, "data-testid": dataTestId }, rest, { children: children })));
+const Tfoot = ({ dataTestId, className, children, ...rest }) => {
+    return (jsxRuntime.jsx("tfoot", { className: className, "data-testid": dataTestId, ...rest, children: children }));
 };
 
 /**
@@ -389,15 +344,14 @@ const Tfoot = (_a) => {
  * @param {ThProps} props - The props for the Th component
  * @returns {JSX.Element} Th component
  */
-const Th = (_a) => {
-    var { dataTestId, className, children, tooltipLabel } = _a, rest = __rest(_a, ["dataTestId", "className", "children", "tooltipLabel"]);
+const Th = ({ dataTestId, className, children, tooltipLabel, ...rest }) => {
     const [showToolTip, setShowTooltipVisible] = react.useState(false);
     const [thWidth, setThWidth] = react.useState(0);
     const [childrenWidth, setChildrenWidth] = react.useState(0);
     react.useEffect(() => {
         setShowTooltipVisible(thWidth > childrenWidth);
     }, [thWidth, childrenWidth, tooltipLabel]);
-    return (jsxRuntime.jsx("th", Object.assign({ className: cvaTh({ className }), "data-testid": dataTestId, ref: elementRef => setThWidth(elementRef ? elementRef.clientWidth : 0) }, rest, { children: tooltipLabel ? (jsxRuntime.jsx(reactComponents.Tooltip, { className: cvaTooltip(), disabled: showToolTip, label: tooltipLabel, placement: "bottom", children: jsxRuntime.jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children }) })) : (jsxRuntime.jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children })) })));
+    return (jsxRuntime.jsx("th", { className: cvaTh({ className }), "data-testid": dataTestId, ref: elementRef => setThWidth(elementRef ? elementRef.clientWidth : 0), ...rest, children: tooltipLabel ? (jsxRuntime.jsx(reactComponents.Tooltip, { className: cvaTooltip(), disabled: showToolTip, label: tooltipLabel, placement: "bottom", children: jsxRuntime.jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children }) })) : (jsxRuntime.jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children })) }));
 };
 const cvaTh = cssClassVarianceUtilities.cvaMerge([
     "hover:bg-neutral-200",
@@ -420,9 +374,8 @@ const cvaChildrenContainer = cssClassVarianceUtilities.cvaMerge(["max-w-full", "
  * @param {TheadProps} props - The props for the Thead component
  * @returns {JSX.Element} Thead component
  */
-const Thead = (_a) => {
-    var { dataTestId, className, children, sticky = true } = _a, rest = __rest(_a, ["dataTestId", "className", "children", "sticky"]);
-    return (jsxRuntime.jsx("thead", Object.assign({ className: cvaThead({ sticky, className }), "data-testid": dataTestId }, rest, { children: children })));
+const Thead = ({ dataTestId, className, children, sticky = true, ...rest }) => {
+    return (jsxRuntime.jsx("thead", { className: cvaThead({ sticky, className }), "data-testid": dataTestId, ...rest, children: children }));
 };
 const cvaThead = cssClassVarianceUtilities.cvaMerge(["bg-neutral-100", "text-left"], {
     variants: {
@@ -446,9 +399,8 @@ const cvaThead = cssClassVarianceUtilities.cvaMerge(["bg-neutral-100", "text-lef
  * @param {TrProps} props - The props for the Tr component
  * @returns {JSX.Element} Tr component
  */
-const Tr = (_a) => {
-    var { dataTestId, className, children, layout = "default" } = _a, rest = __rest(_a, ["dataTestId", "className", "children", "layout"]);
-    return (jsxRuntime.jsx("tr", Object.assign({ className: cvaTr({ layout, className }), "data-testid": dataTestId, role: "row" }, rest, { children: children })));
+const Tr = ({ dataTestId, className, children, layout = "default", ...rest }) => {
+    return (jsxRuntime.jsx("tr", { className: cvaTr({ layout, className }), "data-testid": dataTestId, role: "row", ...rest, children: children }));
 };
 const cvaTr = cssClassVarianceUtilities.cvaMerge(["border-b", "border-neutral-300", "w-full", "h-max"], {
     variants: {

package/index.esm.js

@@ -7,47 +7,14 @@ import { useState, useEffect } from 'react';
 import { Temporal } from '@js-temporal/polyfill';
 import { DateTimeFormat } from '@trackunit/shared-utils';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * The ButtonCell is used to render buttons in a table cell
  *
  * @param {ButtonCellProps} props - The props for the ButtonCell component
  * @returns {JSX.Element} ButtonCell component
  */
-const ButtonCell = (_a) => {
-    var { dataTestId, children, iconName, iconColor = "primary", variant = "ghost-neutral" } = _a, rest = __rest(_a, ["dataTestId", "children", "iconName", "iconColor", "variant"]);
-    return (jsx(Button, Object.assign({ prefix: iconName ? jsx(Icon, { color: iconColor, name: iconName, size: "small", type: "solid" }) : null }, rest, { dataTestId: `button-cell-${dataTestId}`, variant: variant, children: children })));
+const ButtonCell = ({ dataTestId, children, iconName, iconColor = "primary", variant = "ghost-neutral", ...rest }) => {
+    return (jsx(Button, { prefix: iconName ? jsx(Icon, { color: iconColor, name: iconName, size: "small", type: "solid" }) : null, ...rest, dataTestId: `button-cell-${dataTestId}`, variant: variant, children: children }));
 };
 
 const cvaCheckboxCell = cvaMerge([""]);
@@ -96,9 +63,8 @@ const TimeSince = ({ date, timeZone, locale }) => {
  * @param {ImageCellProps} props - The props for the Image component.
  * @returns {JSX.Element} The Image component.
  */
-const ImageCell = (_a) => {
-    var { imageUrl, alt = "", width = 100, height = 100, dataTestId } = _a, rest = __rest(_a, ["imageUrl", "alt", "width", "height", "dataTestId"]);
-    return jsx("img", Object.assign({ alt: alt, "data-testid": dataTestId, height: height, src: imageUrl, width: width }, rest));
+const ImageCell = ({ imageUrl, alt = "", width = 100, height = 100, dataTestId, ...rest }) => {
+    return jsx("img", { alt: alt, "data-testid": dataTestId, height: height, src: imageUrl, width: width, ...rest });
 };
 
 /**
@@ -107,9 +73,8 @@ const ImageCell = (_a) => {
  * @param {IndicatorCellProps} props - The props for the LinkCell component
  * @returns {JSX.Element} LinkCell component
  */
-const IndicatorCell = (_a) => {
-    var rest = __rest(_a, []);
-    return jsx(Indicator, Object.assign({}, rest));
+const IndicatorCell = ({ ...rest }) => {
+    return jsx(Indicator, { ...rest });
 };
 
 /**
@@ -118,13 +83,12 @@ const IndicatorCell = (_a) => {
  * @param {LinkCellProps} props - The props for the LinkCell component
  * @returns {JSX.Element} LinkCell component
  */
-const LinkCell = (_a) => {
-    var { link, type } = _a, rest = __rest(_a, ["link", "type"]);
+const LinkCell = ({ link, type, ...rest }) => {
     const linkPrefix = type === "LINK" ? "" : type === "PHONE" ? "tel:" : "mailto:";
     const handleClick = (event) => {
         event.stopPropagation();
     };
-    return (jsx(ExternalLink, Object.assign({ href: `${linkPrefix}${link}` }, rest, { onClick: handleClick, children: link })));
+    return (jsx(ExternalLink, { href: `${linkPrefix}${link}`, ...rest, onClick: handleClick, children: link }));
 };
 
 const cvaMultiValueTextCellWrapper = cvaMerge(["flex", "flex-row", "items-center", "gap-1", "overflow-hidden"]);
@@ -151,9 +115,8 @@ const MultiValueTextCell = ({ content, count, countTooltip, icon, iconTooltip, d
  * @param {NoticeCellProps} props - The props for the NoticeCell component
  * @returns {JSX.Element} NoticeCell component
  */
-const NoticeCell = (_a) => {
-    var rest = __rest(_a, []);
-    return jsx(Notice, Object.assign({}, rest));
+const NoticeCell = ({ ...rest }) => {
+    return jsx(Notice, { ...rest });
 };
 
 const cvaNumberCell = cvaMerge([
@@ -211,8 +174,7 @@ const DaysSince = ({ date, locale }) => {
  * @param {string} [props.className] - Additional CSS classes to apply to the handle.
  * @returns {ReactElement} A React element representing the resizable handle.
  */
-const ResizeHandle = (_a) => {
-    var { isResizing = false, dataTestId, onMouseDown: onMouseDownHandler, className } = _a, rest = __rest(_a, ["isResizing", "dataTestId", "onMouseDown", "className"]);
+const ResizeHandle = ({ isResizing = false, dataTestId, onMouseDown: onMouseDownHandler, className, ...rest }) => {
     const onMouseDown = (event) => {
         const resizeCursorClass = "cursor-col-resize";
         document.addEventListener("mouseup", () => {
@@ -221,7 +183,7 @@ const ResizeHandle = (_a) => {
         document.body.classList.add(resizeCursorClass);
         onMouseDownHandler === null || onMouseDownHandler === void 0 ? void 0 : onMouseDownHandler(event);
     };
-    return (jsx("div", Object.assign({ className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown: event => onMouseDown(event), role: "separator" }, rest)));
+    return (jsx("div", { className: cvaResizeHandel({ isResizing, className }), "data-testid": dataTestId, onMouseDown: event => onMouseDown(event), role: "separator", ...rest }));
 };
 const cvaResizeHandel = cvaMerge(["absolute", "cursor-col-resize", "right-0", "top-0", "h-full", "w-1", "select-none", "hover:bg-primary-400"], {
     variants: {
@@ -245,9 +207,8 @@ const cvaResizeHandel = cvaMerge(["absolute", "cursor-col-resize", "right-0", "t
  * @param {string} [props.className] - Additional CSS classes to apply to the sorting indicator.
  * @returns {ReactElement} A React element representing the sorting indicator.
  */
-const SortIndicator = (_a) => {
-    var { sortingState = false, dataTestId, className } = _a, rest = __rest(_a, ["sortingState", "dataTestId", "className"]);
-    return (jsx("span", Object.assign({ className: cvaSortIndicator({ sortingState, className }), "data-testid": dataTestId, role: "separator" }, rest)));
+const SortIndicator = ({ sortingState = false, dataTestId, className, ...rest }) => {
+    return (jsx("span", { className: cvaSortIndicator({ sortingState, className }), "data-testid": dataTestId, role: "separator", ...rest }));
 };
 const cvaSortIndicator = cvaMerge([
     "relative",
@@ -291,9 +252,8 @@ const cvaSortIndicator = cvaMerge([
  * @param {TableRootProps} props - The props for the TableRoot component
  * @returns {JSX.Element} TableRoot component
  */
-const TableRoot = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsx("table", Object.assign({ className: cvaTableRoot({ className }), "data-testid": dataTestId }, rest, { children: children })));
+const TableRoot = ({ dataTestId, className, children, ...rest }) => {
+    return (jsx("table", { className: cvaTableRoot({ className }), "data-testid": dataTestId, ...rest, children: children }));
 };
 const cvaTableRoot = cvaMerge(["border-spacing-0", "min-w-full", "grid-rows-min-fr", "grid"]);
 
@@ -306,9 +266,9 @@ const cvaTagsCell = cvaMerge(["flex", "gap-2"]);
  * @returns {JSX.Element} TagsCell component
  */
 const TagsCell = ({ className, tags, dataTestId }) => {
-    return (jsx("div", { className: cvaTagsCell({ className }), "data-testid": dataTestId, children: tags.map((tag, index) => (jsx(Tag, Object.assign({ color: "primary",
-            key: index,
-            dataTestId: `${dataTestId}-${index}` }, (typeof tag === "string" ? { children: tag } : tag))))) }));
+    return (jsx("div", { className: cvaTagsCell({ className }), "data-testid": dataTestId, children: tags.map((tag, index) => (jsx(Tag, { color: "primary",
+            dataTestId: `${dataTestId}-${index}`,
+            ...(typeof tag === "string" ? { children: tag } : tag) }, index))) }));
 };
 
 /**
@@ -321,9 +281,8 @@ const TagsCell = ({ className, tags, dataTestId }) => {
  * @param {TbodyProps} props - The props for the Tbody component
  * @returns {JSX.Element} Tbody component
  */
-const Tbody = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsx("tbody", Object.assign({ className: className, "data-testid": dataTestId }, rest, { children: children })));
+const Tbody = ({ dataTestId, className, children, ...rest }) => {
+    return (jsx("tbody", { className: className, "data-testid": dataTestId, ...rest, children: children }));
 };
 
 /**
@@ -336,9 +295,8 @@ const Tbody = (_a) => {
  * @param {TdProps} props - The props for the Td component
  * @returns {JSX.Element} Td component
  */
-const Td = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsx("td", Object.assign({ className: cvaTd({ className }), "data-testid": dataTestId }, rest, { children: children })));
+const Td = ({ dataTestId, className, children, ...rest }) => {
+    return (jsx("td", { className: cvaTd({ className }), "data-testid": dataTestId, ...rest, children: children }));
 };
 const cvaTd = cvaMerge(["overflow-hidden", "align-middle", "py-table-spacing", "px-2", "whitespace-nowrap"]);
 
@@ -370,9 +328,8 @@ const TextCell = ({ content = "", className, dataTestId }) => {
  * @param {TfootProps} props - The props for the Tfoot component
  * @returns {JSX.Element} Tfoot component
  */
-const Tfoot = (_a) => {
-    var { dataTestId, className, children } = _a, rest = __rest(_a, ["dataTestId", "className", "children"]);
-    return (jsx("tfoot", Object.assign({ className: className, "data-testid": dataTestId }, rest, { children: children })));
+const Tfoot = ({ dataTestId, className, children, ...rest }) => {
+    return (jsx("tfoot", { className: className, "data-testid": dataTestId, ...rest, children: children }));
 };
 
 /**
@@ -385,15 +342,14 @@ const Tfoot = (_a) => {
  * @param {ThProps} props - The props for the Th component
  * @returns {JSX.Element} Th component
  */
-const Th = (_a) => {
-    var { dataTestId, className, children, tooltipLabel } = _a, rest = __rest(_a, ["dataTestId", "className", "children", "tooltipLabel"]);
+const Th = ({ dataTestId, className, children, tooltipLabel, ...rest }) => {
     const [showToolTip, setShowTooltipVisible] = useState(false);
     const [thWidth, setThWidth] = useState(0);
     const [childrenWidth, setChildrenWidth] = useState(0);
     useEffect(() => {
         setShowTooltipVisible(thWidth > childrenWidth);
     }, [thWidth, childrenWidth, tooltipLabel]);
-    return (jsx("th", Object.assign({ className: cvaTh({ className }), "data-testid": dataTestId, ref: elementRef => setThWidth(elementRef ? elementRef.clientWidth : 0) }, rest, { children: tooltipLabel ? (jsx(Tooltip, { className: cvaTooltip(), disabled: showToolTip, label: tooltipLabel, placement: "bottom", children: jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children }) })) : (jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children })) })));
+    return (jsx("th", { className: cvaTh({ className }), "data-testid": dataTestId, ref: elementRef => setThWidth(elementRef ? elementRef.clientWidth : 0), ...rest, children: tooltipLabel ? (jsx(Tooltip, { className: cvaTooltip(), disabled: showToolTip, label: tooltipLabel, placement: "bottom", children: jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children }) })) : (jsx("div", { className: cvaChildrenContainer(), ref: elementRef => setChildrenWidth(elementRef ? elementRef.clientWidth : 0), children: children })) }));
 };
 const cvaTh = cvaMerge([
     "hover:bg-neutral-200",
@@ -416,9 +372,8 @@ const cvaChildrenContainer = cvaMerge(["max-w-full", "px-3", "py-table-spacing"]
  * @param {TheadProps} props - The props for the Thead component
  * @returns {JSX.Element} Thead component
  */
-const Thead = (_a) => {
-    var { dataTestId, className, children, sticky = true } = _a, rest = __rest(_a, ["dataTestId", "className", "children", "sticky"]);
-    return (jsx("thead", Object.assign({ className: cvaThead({ sticky, className }), "data-testid": dataTestId }, rest, { children: children })));
+const Thead = ({ dataTestId, className, children, sticky = true, ...rest }) => {
+    return (jsx("thead", { className: cvaThead({ sticky, className }), "data-testid": dataTestId, ...rest, children: children }));
 };
 const cvaThead = cvaMerge(["bg-neutral-100", "text-left"], {
     variants: {
@@ -442,9 +397,8 @@ const cvaThead = cvaMerge(["bg-neutral-100", "text-left"], {
  * @param {TrProps} props - The props for the Tr component
  * @returns {JSX.Element} Tr component
  */
-const Tr = (_a) => {
-    var { dataTestId, className, children, layout = "default" } = _a, rest = __rest(_a, ["dataTestId", "className", "children", "layout"]);
-    return (jsx("tr", Object.assign({ className: cvaTr({ layout, className }), "data-testid": dataTestId, role: "row" }, rest, { children: children })));
+const Tr = ({ dataTestId, className, children, layout = "default", ...rest }) => {
+    return (jsx("tr", { className: cvaTr({ layout, className }), "data-testid": dataTestId, role: "row", ...rest, children: children }));
 };
 const cvaTr = cvaMerge(["border-b", "border-neutral-300", "w-full", "h-max"], {
     variants: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "0.0.387",
+  "version": "0.0.390",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -13,9 +13,10 @@
     "@trackunit/date-and-time-utils": "*",
     "@trackunit/shared-utils": "*",
     "@trackunit/ui-icons": "*",
-    "react": "^18.2.0",
+    "react": "18.3.1",
     "@js-temporal/polyfill": "^0.4.4"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js"
-}
+  "main": "./index.cjs.js",
+  "types": "./index.esm.d.ts"
+}

package/src/BaseTable.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { TableRoot } from "./components/TableRoot";
 type Story = StoryObj<typeof TableRoot>;
 declare const meta: Meta<typeof TableRoot>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/ButtonCell/ButtonCell.d.ts

@@ -12,4 +12,4 @@ export interface ButtonCellProps extends ButtonCommonProps {
  * @param {ButtonCellProps} props - The props for the ButtonCell component
  * @returns {JSX.Element} ButtonCell component
  */
-export declare const ButtonCell: ({ dataTestId, children, iconName, iconColor, variant, ...rest }: ButtonCellProps) => JSX.Element;
+export declare const ButtonCell: ({ dataTestId, children, iconName, iconColor, variant, ...rest }: ButtonCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/ButtonCell/ButtonCell.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { ButtonCell } from "./ButtonCell";
 type Story = StoryObj<typeof ButtonCell>;
 declare const meta: Meta<typeof ButtonCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/CheckboxCell/CheckboxCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 export interface CheckboxCellProps extends CommonProps {
     checked: boolean;
@@ -10,4 +9,4 @@ export interface CheckboxCellProps extends CommonProps {
  * @param {CheckboxCellProps} props - The props for the CheckboxCell component
  * @returns {JSX.Element} CheckboxCell component
  */
-export declare const CheckboxCell: ({ checked, className, dataTestId }: CheckboxCellProps) => JSX.Element;
+export declare const CheckboxCell: ({ checked, className, dataTestId }: CheckboxCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/CheckboxCell/CheckboxCell.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { CheckboxCell } from "./CheckboxCell";
 import "./CheckboxCell.variants";
 type Story = StoryObj<typeof CheckboxCell>;
 declare const meta: Meta<typeof CheckboxCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;
-export declare const Variants: () => JSX.Element;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;

package/src/components/DateTimeCell/DateTimeCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TemporalFormat } from "@trackunit/date-and-time-utils";
 import { CommonProps } from "@trackunit/react-components";
 export interface DateTimeCellProps extends CommonProps {
@@ -37,7 +36,7 @@ export interface DateTimeCellProps extends CommonProps {
  * @param {DateTimeCellProps} props - The props for the DateTimeCell component
  * @returns {JSX.Element} DateTimeCell component
  */
-export declare const DateTimeCell: ({ format, timeZone, locale, date, withTimeSince, className, dataTestId, }: DateTimeCellProps) => JSX.Element | null;
+export declare const DateTimeCell: ({ format, timeZone, locale, date, withTimeSince, className, dataTestId, }: DateTimeCellProps) => import("react/jsx-runtime").JSX.Element | null;
 export interface TimeSinceProps extends Pick<DateTimeCellProps, "date" | "timeZone" | "locale"> {
     date: Date;
 }

package/src/components/DateTimeCell/DateTimeCell.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { DateTimeCell } from "./DateTimeCell";
 import "./DateTimeCell.variants";
 type Story = StoryObj<typeof DateTimeCell>;
 declare const meta: Meta<typeof DateTimeCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;
-export declare const Variants: () => JSX.Element;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;

package/src/components/ImageCell/ImageCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 export interface ImageCellProps extends CommonProps {
     /**
@@ -28,4 +27,4 @@ export interface ImageCellProps extends CommonProps {
  * @param {ImageCellProps} props - The props for the Image component.
  * @returns {JSX.Element} The Image component.
  */
-export declare const ImageCell: ({ imageUrl, alt, width, height, dataTestId, ...rest }: ImageCellProps) => JSX.Element;
+export declare const ImageCell: ({ imageUrl, alt, width, height, dataTestId, ...rest }: ImageCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/ImageCell/ImageCell.stories.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 type Story = StoryObj<typeof Image>;
 declare const meta: Meta<typeof Image>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/IndicatorCell/IndicatorCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IndicatorProps } from "@trackunit/react-components";
 export interface IndicatorCellProps extends IndicatorProps, React.HTMLAttributes<HTMLTableSectionElement> {
     /**
@@ -32,4 +31,4 @@ export interface IndicatorCellProps extends IndicatorProps, React.HTMLAttributes
  * @param {IndicatorCellProps} props - The props for the LinkCell component
  * @returns {JSX.Element} LinkCell component
  */
-export declare const IndicatorCell: ({ ...rest }: IndicatorCellProps) => JSX.Element;
+export declare const IndicatorCell: ({ ...rest }: IndicatorCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/IndicatorCell/IndicatorCell.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { IndicatorCell } from "./IndicatorCell";
 type Story = StoryObj<typeof IndicatorCell>;
 declare const meta: Meta<typeof IndicatorCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/LinkCell/LinkCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 export interface LinkCellProps extends CommonProps, React.HTMLAttributes<HTMLTableSectionElement> {
     /**
@@ -24,4 +23,4 @@ export interface LinkCellProps extends CommonProps, React.HTMLAttributes<HTMLTab
  * @param {LinkCellProps} props - The props for the LinkCell component
  * @returns {JSX.Element} LinkCell component
  */
-export declare const LinkCell: ({ link, type, ...rest }: LinkCellProps) => JSX.Element;
+export declare const LinkCell: ({ link, type, ...rest }: LinkCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/LinkCell/LinkCell.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { LinkCell } from "./LinkCell";
 type Story = StoryObj<typeof LinkCell>;
 declare const meta: Meta<typeof LinkCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;
-export declare const Variants: () => JSX.Element;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;

package/src/components/MultiValueTextCell/MultiValueTextCell.d.ts

@@ -14,4 +14,4 @@ export interface MultiValueTextCellProps extends CommonProps {
  * @param {MultiValueTextCellProps} props - The props for the MultiValueTextCell component
  * @returns {JSX.Element} MultiValueTextCell component
  */
-export declare const MultiValueTextCell: ({ content, count, countTooltip, icon, iconTooltip, dataTestId, className, }: MultiValueTextCellProps) => JSX.Element | null;
+export declare const MultiValueTextCell: ({ content, count, countTooltip, icon, iconTooltip, dataTestId, className, }: MultiValueTextCellProps) => import("react/jsx-runtime").JSX.Element | null;

package/src/components/MultiValueTextCell/MultiValueTextCell.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { MultiValueTextCell } from "./MultiValueTextCell";
 import "./MultiValueTextCell.variants";
 type Story = StoryObj<typeof MultiValueTextCell>;
 declare const meta: Meta<typeof MultiValueTextCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;
 export declare const Example: Story;

package/src/components/NoticeCell/NoticeCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NoticeProps } from "@trackunit/react-components";
 export interface NoticeCellProps extends NoticeProps {
 }
@@ -8,4 +7,4 @@ export interface NoticeCellProps extends NoticeProps {
  * @param {NoticeCellProps} props - The props for the NoticeCell component
  * @returns {JSX.Element} NoticeCell component
  */
-export declare const NoticeCell: ({ ...rest }: NoticeCellProps) => JSX.Element;
+export declare const NoticeCell: ({ ...rest }: NoticeCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/NoticeCell/NoticeCell.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { NoticeCell } from "./NoticeCell";
 type Story = StoryObj<typeof NoticeCell>;
 declare const meta: Meta<typeof NoticeCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/NumberCell/NumberCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 export interface NumberCellProps extends CommonProps {
     /**
@@ -25,4 +24,4 @@ export interface NumberCellProps extends CommonProps {
  * @param {NumberCellProps} props - The props for the NumberCell component.
  * @returns {JSX.Element} A React JSX element representing the NumberCell component.
  */
-export declare const NumberCell: ({ value, unit, className, dataTestId }: NumberCellProps) => JSX.Element;
+export declare const NumberCell: ({ value, unit, className, dataTestId }: NumberCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/NumberCell/NumberCell.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { NumberCell } from "./NumberCell";
 import "./NumberCell.variants";
 type Story = StoryObj<typeof NumberCell>;
 declare const meta: Meta<typeof NumberCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/PlainDateCell/PlainDateCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Temporal } from "@js-temporal/polyfill";
 import { CommonProps } from "@trackunit/react-components";
 export interface PlainDateCellProps extends CommonProps {
@@ -26,7 +25,7 @@ export interface PlainDateCellProps extends CommonProps {
  * @param {PlainDateCellProps} props - The props for the PlainDateCell component
  * @returns {JSX.Element} PlainDateCell component
  */
-export declare const PlainDateCell: ({ locale, date, withDaysSince, className, dataTestId }: PlainDateCellProps) => JSX.Element | null;
+export declare const PlainDateCell: ({ locale, date, withDaysSince, className, dataTestId }: PlainDateCellProps) => import("react/jsx-runtime").JSX.Element | null;
 export interface DaysSinceProps extends Pick<PlainDateCellProps, "date" | "locale"> {
     date: Temporal.PlainDate;
 }

package/src/components/PlainDateCell/PlainDateCell.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { PlainDateCell } from "./PlainDateCell";
 import "./PlainDateCell.variants";
 type Story = StoryObj<typeof PlainDateCell>;
 declare const meta: Meta<typeof PlainDateCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;
-export declare const Variants: () => JSX.Element;
+export declare const Variants: () => import("react/jsx-runtime").JSX.Element;

package/src/components/SortIndicator.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { SortIndicator } from "./SortIndicator";
 type Story = StoryObj<typeof SortIndicator>;
 declare const meta: Meta<typeof SortIndicator>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/TableRoot.d.ts

@@ -24,4 +24,4 @@ export interface TableRootProps extends CommonProps, React.HTMLAttributes<HTMLTa
  * @param {TableRootProps} props - The props for the TableRoot component
  * @returns {JSX.Element} TableRoot component
  */
-export declare const TableRoot: ({ dataTestId, className, children, ...rest }: TableRootProps) => JSX.Element;
+export declare const TableRoot: ({ dataTestId, className, children, ...rest }: TableRootProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/TagsCell/TagsCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps, TagProps } from "@trackunit/react-components";
 export interface TagsCellProps extends CommonProps, React.HTMLAttributes<HTMLTableSectionElement> {
     /**
@@ -20,4 +19,4 @@ export interface TagsCellProps extends CommonProps, React.HTMLAttributes<HTMLTab
  * @param {TagsCellProps} props - The props for the TagsCell component
  * @returns {JSX.Element} TagsCell component
  */
-export declare const TagsCell: ({ className, tags, dataTestId }: TagsCellProps) => JSX.Element;
+export declare const TagsCell: ({ className, tags, dataTestId }: TagsCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/TagsCell/TagsCell.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { TagsCell } from "./TagsCell";
 type Story = StoryObj<typeof TagsCell>;
 declare const meta: Meta<typeof TagsCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/src/components/Tbody.d.ts

@@ -24,4 +24,4 @@ export interface TbodyProps extends CommonProps, React.HTMLAttributes<HTMLTableS
  * @param {TbodyProps} props - The props for the Tbody component
  * @returns {JSX.Element} Tbody component
  */
-export declare const Tbody: ({ dataTestId, className, children, ...rest }: TbodyProps) => JSX.Element;
+export declare const Tbody: ({ dataTestId, className, children, ...rest }: TbodyProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Td.d.ts

@@ -24,4 +24,4 @@ export interface TdProps extends CommonProps, React.HTMLAttributes<HTMLTableCell
  * @param {TdProps} props - The props for the Td component
  * @returns {JSX.Element} Td component
  */
-export declare const Td: ({ dataTestId, className, children, ...rest }: TdProps) => JSX.Element;
+export declare const Td: ({ dataTestId, className, children, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/TextCell/TextCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from "@trackunit/react-components";
 export interface TextCellProps extends CommonProps {
     content?: string;
@@ -10,4 +9,4 @@ export interface TextCellProps extends CommonProps {
  * @param {TextCellProps} props - The props for the TextCell component
  * @returns {JSX.Element} TextCell component
  */
-export declare const TextCell: ({ content, className, dataTestId }: TextCellProps) => JSX.Element;
+export declare const TextCell: ({ content, className, dataTestId }: TextCellProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/TextCell/TextCell.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { TextCell } from "./TextCell";
 import "./TextCell.variants";
 type Story = StoryObj<typeof TextCell>;
 declare const meta: Meta<typeof TextCell>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;
 export declare const Example: Story;

package/src/components/Tfoot.d.ts

@@ -24,4 +24,4 @@ export interface TfootProps extends CommonProps, React.HTMLAttributes<HTMLTableS
  * @param {TfootProps} props - The props for the Tfoot component
  * @returns {JSX.Element} Tfoot component
  */
-export declare const Tfoot: ({ dataTestId, className, children, ...rest }: TfootProps) => JSX.Element;
+export declare const Tfoot: ({ dataTestId, className, children, ...rest }: TfootProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Th.d.ts

@@ -28,4 +28,4 @@ export interface ThProps extends CommonProps, React.HTMLAttributes<HTMLTableCell
  * @param {ThProps} props - The props for the Th component
  * @returns {JSX.Element} Th component
  */
-export declare const Th: ({ dataTestId, className, children, tooltipLabel, ...rest }: ThProps) => JSX.Element;
+export declare const Th: ({ dataTestId, className, children, tooltipLabel, ...rest }: ThProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Thead.d.ts

@@ -31,4 +31,4 @@ export interface TheadProps extends CommonProps, React.HTMLAttributes<HTMLTableS
  * @param {TheadProps} props - The props for the Thead component
  * @returns {JSX.Element} Thead component
  */
-export declare const Thead: ({ dataTestId, className, children, sticky, ...rest }: TheadProps) => JSX.Element;
+export declare const Thead: ({ dataTestId, className, children, sticky, ...rest }: TheadProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/Tr.d.ts

@@ -32,4 +32,4 @@ export interface TrProps extends CommonProps, React.HTMLAttributes<HTMLTableRowE
  * @param {TrProps} props - The props for the Tr component
  * @returns {JSX.Element} Tr component
  */
-export declare const Tr: ({ dataTestId, className, children, layout, ...rest }: TrProps) => JSX.Element;
+export declare const Tr: ({ dataTestId, className, children, layout, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;