@luscii-healthtech/web-ui 52.6.1 → 52.6.2

package/dist/index.development.js

@@ -3722,9 +3722,9 @@ const TableRoot = React__namespace.default.forwardRef((_a, ref) => {
     return child;
   })] }));
 });
-function Thead(_a) {
+const Thead = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, stickyHeader } = _a, attrs = __rest(_a, ["className", "children", "stickyHeader"]);
-  return jsxRuntime.jsx("thead", Object.assign({ className: classNames__default.default(
+  return jsxRuntime.jsx("thead", Object.assign({ ref, className: classNames__default.default(
     // Styles for all <th>
     "ui:[&>tr>th]:border-neutral-border-high-contrast ui:[&>tr>th]:border-b",
     // Styles for the first <th> in the header row
@@ -3739,10 +3739,10 @@ function Thead(_a) {
     },
     className
   ) }, attrs, { children }));
-}
-function Tbody(_a) {
+});
+const Tbody = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, hasTFoot } = _a, attrs = __rest(_a, ["className", "children", "hasTFoot"]);
-  return jsxRuntime.jsx("tbody", Object.assign({ className: classNames__default.default(
+  return jsxRuntime.jsx("tbody", Object.assign({ ref, className: classNames__default.default(
     // setting border color across all cells
     "ui:[&>tr>td]:border-neutral-border-high-contrast ui:[&>tr>th]:border-neutral-border-high-contrast",
     // Top border for all rows except the first one
@@ -3754,30 +3754,30 @@ function Tbody(_a) {
     },
     className
   ) }, attrs, { children }));
-}
-function TFoot(_a) {
+});
+const TFoot = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx("tfoot", Object.assign({ className: classNames__default.default(className) }, attrs, { children }));
-}
-function Tr(_a) {
+  return jsxRuntime.jsx("tfoot", Object.assign({ ref, className: classNames__default.default(className) }, attrs, { children }));
+});
+const Tr = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
-  return jsxRuntime.jsx(Box, Object.assign({ as: "tr", className: classNames__default.default(className) }, attrs, { children }));
-}
+  return jsxRuntime.jsx(Box, Object.assign({ as: "tr", ref, className: classNames__default.default(className) }, attrs, { children }));
+});
 const getCellClasses = (options) => {
   return classNames__default.default("ui:first:pl-l ui:last:pr-l ui:text-left", {
     "ui:px-xxs ui:py-m": !options.omitPadding
   }, options.className);
 };
-function Th(_a) {
+const Th = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, omitPadding = false } = _a, attrs = __rest(_a, ["className", "children", "omitPadding"]);
   const content = isPlainText(children) ? jsxRuntime.jsx(Text, { as: "span", variant: "strong", children }) : children;
-  return jsxRuntime.jsx("th", Object.assign({ className: getCellClasses({ omitPadding, className }) }, attrs, { children: content }));
-}
-function Td(_a) {
+  return jsxRuntime.jsx("th", Object.assign({ ref, className: getCellClasses({ omitPadding, className }) }, attrs, { children: content }));
+});
+const Td = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, omitPadding = false } = _a, attrs = __rest(_a, ["className", "children", "omitPadding"]);
   const content = isPlainText(children) ? jsxRuntime.jsx(Text, { as: "span", children }) : children;
-  return jsxRuntime.jsx("td", Object.assign({ className: getCellClasses({ omitPadding, className }) }, attrs, { children: content }));
-}
+  return jsxRuntime.jsx("td", Object.assign({ ref, className: getCellClasses({ omitPadding, className }) }, attrs, { children: content }));
+});
 const TableNew = Object.assign(TableRoot, {
   Thead,
   Tbody,