@luscii-healthtech/web-ui 42.6.0 → 42.7.0

package/dist/index.development.js

@@ -3692,6 +3692,7 @@ const TableRoot = React__namespace.default.forwardRef((_a, wrapperRef) => {
   const firstColBg = headerBackground === "first-column" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
   const firstRowBg = headerBackground === "first-row" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
   const cornerCellBg = headerBackground !== "none" ? "#f8fafc" : "#ffffff";
+  const hasTFoot = React__namespace.default.Children.toArray(children).some((child) => React__namespace.default.isValidElement(child) && child.type === TFoot);
   return jsxRuntime.jsx("div", { className: classNames__default.default("ui:rounded-2xl ui:overflow-auto ui:border ui:border-neutral-border-high-contrast ui:w-fit", className), ref: wrapperRef, children: jsxRuntime.jsxs("table", Object.assign({ className: classNames__default.default("ui:table-auto ui:bg-white", "ui:border-separate ui:border-spacing-0", {
     /**
      * Apply sticky positioning to first column cells in tbody (both th and td)
@@ -3725,6 +3726,9 @@ const TableRoot = React__namespace.default.forwardRef((_a, wrapperRef) => {
     if (child.type === Thead) {
       return jsxRuntime.jsx(Thead, Object.assign({}, child.props, { stickyHeader, children: child.props.children }));
     }
+    if (child.type === Tbody) {
+      return jsxRuntime.jsx(Tbody, Object.assign({}, child.props, { hasTFoot, children: child.props.children }));
+    }
     return child;
   })] })) });
 });
@@ -3747,20 +3751,31 @@ function Thead(_a) {
   ) }, attrs, { children }));
 }
 function Tbody(_a) {
-  var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
+  var { className, children, hasTFoot } = _a, attrs = __rest(_a, ["className", "children", "hasTFoot"]);
   return jsxRuntime.jsx("tbody", Object.assign({ 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
     "ui:[&>tr~tr>td]:border-t ui:[&>tr~tr>th]:border-t",
+    // Add bottom border on last row to separate from tfoot
+    // Add bottom border only if tfoot exists
+    {
+      "ui:[&>tr:last-child>td]:border-b ui:[&>tr:last-child>th]:border-b": hasTFoot
+    },
     // Rounded corners for the first and last row
-    "ui:[&>tr:first-child>td:first-child]:rounded-tl-2xl",
-    "ui:[&>tr:first-child>td:last-child]:rounded-tr-2xl",
-    "ui:[&>tr:last-child>td:first-child]:rounded-bl-2xl",
-    "ui:[&>tr:last-child>td:last-child]:rounded-br-2xl",
+    {
+      "ui:[&>tr:first-child>td:first-child]:rounded-tl-2xl": !hasTFoot,
+      "ui:[&>tr:first-child>td:last-child]:rounded-tr-2xl": !hasTFoot,
+      "ui:[&>tr:last-child>td:first-child]:rounded-bl-2xl": !hasTFoot,
+      "ui:[&>tr:last-child>td:last-child]:rounded-br-2xl": !hasTFoot
+    },
     className
   ) }, attrs, { children }));
 }
+function TFoot(_a) {
+  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) {
   var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
   return jsxRuntime.jsx("tr", Object.assign({ className: classNames__default.default(className) }, attrs, { children }));
@@ -3783,6 +3798,7 @@ function Td(_a) {
 const TableNew = Object.assign(TableRoot, {
   Thead,
   Tbody,
+  TFoot,
   Tr,
   Th,
   Td