@luscii-healthtech/web-ui 42.5.2 → 42.7.0

package/dist/src/components/TableNew/TableNew.d.ts

@@ -1,4 +1,5 @@
 import type { HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "react";
+import React from "react";
 export interface TableProps extends HTMLAttributes<HTMLTableElement> {
     /**
      * Makes the header, first column, or both sticky when scrolling.
@@ -12,14 +13,17 @@ export interface TableProps extends HTMLAttributes<HTMLTableElement> {
      */
     headerBackground?: "first-column" | "first-row" | "first-row-and-column" | "none";
 }
-declare function TableRoot({ className, children, sticky, headerBackground, ...attrs }: TableProps): import("react/jsx-runtime").JSX.Element;
 export interface TheadProps extends HTMLAttributes<HTMLTableSectionElement> {
     stickyHeader?: boolean;
 }
 declare function Thead({ className, children, stickyHeader, ...attrs }: TheadProps): import("react/jsx-runtime").JSX.Element;
 export interface TbodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+    hasTFoot?: boolean;
 }
-declare function Tbody({ className, children, ...attrs }: TbodyProps): import("react/jsx-runtime").JSX.Element;
+declare function Tbody({ className, children, hasTFoot, ...attrs }: TbodyProps): import("react/jsx-runtime").JSX.Element;
+export interface TFootProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+declare function TFoot({ className, children, ...attrs }: TFootProps): import("react/jsx-runtime").JSX.Element;
 export interface TrProps extends HTMLAttributes<HTMLTableRowElement> {
 }
 declare function Tr({ className, children, ...attrs }: TrProps): import("react/jsx-runtime").JSX.Element;
@@ -39,9 +43,10 @@ export interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
     omitPadding?: boolean;
 }
 declare function Td({ className, children, omitPadding, ...attrs }: TdProps): import("react/jsx-runtime").JSX.Element;
-export declare const TableNew: typeof TableRoot & {
+export declare const TableNew: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>> & {
     Thead: typeof Thead;
     Tbody: typeof Tbody;
+    TFoot: typeof TFoot;
     Tr: typeof Tr;
     Th: typeof Th;
     Td: typeof Td;

package/dist/stories/TableNew.stories.d.ts

@@ -1,9 +1,10 @@
 import { type StoryObj } from "@storybook/react-webpack5";
 declare const meta: {
     title: string;
-    component: (({ className, children, sticky, headerBackground, ...attrs }: import("../src/components/TableNew/TableNew").TableProps) => import("react/jsx-runtime").JSX.Element) & {
+    component: import("react").ForwardRefExoticComponent<import("../src/components/TableNew/TableNew").TableProps & import("react").RefAttributes<HTMLDivElement>> & {
         Thead: ({ className, children, stickyHeader, ...attrs }: import("../src/components/TableNew/TableNew").TheadProps) => import("react/jsx-runtime").JSX.Element;
-        Tbody: ({ className, children, ...attrs }: import("../src/components/TableNew/TableNew").TbodyProps) => import("react/jsx-runtime").JSX.Element;
+        Tbody: ({ className, children, hasTFoot, ...attrs }: import("../src/components/TableNew/TableNew").TbodyProps) => import("react/jsx-runtime").JSX.Element;
+        TFoot: ({ className, children, ...attrs }: import("../src/components/TableNew/TableNew").TFootProps) => import("react/jsx-runtime").JSX.Element;
         Tr: ({ className, children, ...attrs }: import("../src/components/TableNew/TableNew").TrProps) => import("react/jsx-runtime").JSX.Element;
         Th: ({ className, children, omitPadding, ...attrs }: import("../src/components/TableNew/TableNew").ThProps) => import("react/jsx-runtime").JSX.Element;
         Td: ({ className, children, omitPadding, ...attrs }: import("../src/components/TableNew/TableNew").TdProps) => import("react/jsx-runtime").JSX.Element;
@@ -28,3 +29,4 @@ export declare const EmptyState: Story;
 export declare const StickyHeader: Story;
 export declare const StickyFirstColumn: Story;
 export declare const StickyHeaderAndColumn: Story;
+export declare const WithFooter: Story;

package/dist/web-ui-tailwind.css

@@ -4745,6 +4745,12 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
     border-top-right-radius: var(--ui-radius-2xl);
   }
 }
+.ui\:\[\&\>tr\:last-child\>td\]\:border-b {
+  &>tr:last-child>td {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+}
 .ui\:\[\&\>tr\:last-child\>td\:first-child\]\:rounded-bl-2xl {
   &>tr:last-child>td:first-child {
     border-bottom-left-radius: var(--ui-radius-2xl);
@@ -4755,6 +4761,12 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
     border-bottom-right-radius: var(--ui-radius-2xl);
   }
 }
+.ui\:\[\&\>tr\:last-child\>th\]\:border-b {
+  &>tr:last-child>th {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+}
 .ui\:\[\&\>tr\>td\]\:border-b {
   &>tr>td {
     border-bottom-style: var(--tw-border-style);