@hellobetterdigitalnz/betterui 0.0.0 → 0.0.2-1

package/README.md

@@ -1,30 +1,23 @@
-# React + TypeScript + Vite
+# BetterUI
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
 
-Currently, two official plugins are available:
+We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here. 
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+## Installation
 
-## Expanding the ESLint configuration
+To install simply use
 
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+```
+npm install @hellobetterdigitalnz/betteru
+```
 
-- Configure the top-level `parserOptions` property like this:
+or if you are using yarn 
 
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
 ```
+yarn add @hellobetterdigitalnz/betteru
+```
+
+## Using components
 
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+Components are used from the libraries root entry. 

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/Components/DataDisplay/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import AccordionProps from "./AccordionProps.tsx";
+declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/Components/DataDisplay/Accordion/AccordionContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import AccordionContextInterface from "./AccordionContextInterface.tsx";
+declare const AccordionContext: import("react").Context<AccordionContextInterface>;
+export default AccordionContext;

package/dist/Components/DataDisplay/Accordion/AccordionContextInterface.d.ts

@@ -0,0 +1,7 @@
+interface AccordionContextInterface {
+    handleClick: (index: number) => void;
+    isOpened: (index: number) => boolean;
+    allowMultiple?: boolean;
+    openedList: any[];
+}
+export default AccordionContextInterface;

package/dist/Components/DataDisplay/Accordion/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import AccordionItemProps from "./AccordionItemProps.tsx";
+declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default AccordionItem;

package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface AccordionItemProps {
+    index: string | number;
+    title: string;
+    children: string | ReactNode;
+    onAfterOpened?: () => void;
+    onAfterClosed?: () => void;
+    onBeforeClosed?: () => boolean;
+}
+export default AccordionItemProps;

package/dist/Components/DataDisplay/Accordion/AccordionProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface AccordionProps {
+    allowMultiple?: boolean;
+    children: ReactNode;
+}
+export default AccordionProps;

package/dist/Components/DataDisplay/Accordion/AccordionProvider.d.ts

@@ -0,0 +1,3 @@
+import AccordionProviderInterface from "./AccordionProviderInterface.tsx";
+declare const AccordionProvider: (props: AccordionProviderInterface) => import("react/jsx-runtime").JSX.Element;
+export default AccordionProvider;

package/dist/Components/DataDisplay/Accordion/AccordionProviderInterface.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface AccordionProviderInterface {
+    children: ReactNode;
+    allowMultiple?: boolean;
+}
+export default AccordionProviderInterface;

package/dist/Components/DataDisplay/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import BadgeProps from "./BadgeProps.tsx";
+declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/Components/DataDisplay/Badge/Badge.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+import Badge from './Badge';
+declare const meta: {
+    title: string;
+    component: (props: import("./BadgeProps").default) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        status: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Pending: Story;
+export declare const InProgress: Story;
+export declare const Complete: Story;

package/dist/Components/DataDisplay/Badge/BadgeProps.d.ts

@@ -0,0 +1,5 @@
+interface BadgeProps {
+    status?: "pending" | "inProgress" | "complete";
+    label: string;
+}
+export default BadgeProps;

package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.d.ts

@@ -0,0 +1,3 @@
+import BannerCardInterface from "./BannerCardInterface.tsx";
+declare const BannerCard: (props: BannerCardInterface) => import("react/jsx-runtime").JSX.Element;
+export default BannerCard;

package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+import BannerCard from './BannerCard.tsx';
+declare const meta: {
+    title: string;
+    component: (props: import("./BannerCardInterface.tsx").default) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof BannerCard>;
+export declare const Example: Story;

package/dist/Components/DataDisplay/Cards/BannerCard/BannerCardInterface.d.ts

@@ -0,0 +1,13 @@
+interface BannerCardInterface {
+    title: string;
+    btnTitle: string;
+    description: string;
+    image: string;
+    btnType?: "button" | "submit" | "reset" | undefined;
+    btnSize?: "default" | "large" | "small";
+    btnStyle?: "solid" | "hollow" | "no-border";
+    btnScheme?: "primary" | "secondary" | "gray";
+    extraClass?: string;
+    btnOnClick?: () => void;
+}
+export default BannerCardInterface;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts

@@ -0,0 +1,2 @@
+import PathwayCardInterface from "./PathwayCardInterface.tsx";
+export declare const PathwayCard: (props: PathwayCardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import { PathwayCard } from './PathwayCard.tsx';
+declare const meta: {
+    title: string;
+    component: (props: import("./PathwayCardInterface.tsx").default) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof PathwayCard>;
+export declare const Example: Story;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCardInterface.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+interface PathwayCardInterface {
+    title: string;
+    btnTitle: string;
+    description: string;
+    image: string | ReactNode;
+    btnType?: "button" | "submit" | "reset" | undefined;
+    btnSize?: "default" | "large" | "small";
+    btnStyle?: "solid" | "hollow" | "no-border";
+    btnScheme?: "primary" | "secondary" | "gray";
+    extraClass?: string;
+    cardOnClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    btnOnClick?: () => void;
+}
+export default PathwayCardInterface;

package/dist/Components/DataDisplay/Media/Media.d.ts

@@ -0,0 +1,3 @@
+import MediaProps from "./MediaProps.tsx";
+declare const Media: ({ type, videoSrc, imageSrc }: MediaProps) => import("react/jsx-runtime").JSX.Element;
+export default Media;

package/dist/Components/DataDisplay/Media/Media.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react";
+import Media from "./Media";
+declare const meta: {
+    title: string;
+    component: ({ type, videoSrc, imageSrc }: import("./MediaProps").default) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string[];
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Media>;
+export declare const MediaImage: Story;
+export declare const MediaVideo: Story;

package/dist/Components/DataDisplay/Media/MediaProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+interface MediaProps {
+    type?: "image" | "video";
+    videoSrc?: string;
+    imageSrc: string | ReactNode;
+}
+export default MediaProps;

package/dist/Components/DataDisplay/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import ModalProps from "./ModalProps";
+declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/Components/DataDisplay/Modal/ModalActions.d.ts

@@ -0,0 +1,2 @@
+declare const ModalActions: () => void;
+export default ModalActions;

package/dist/Components/DataDisplay/Modal/ModalActionsLeft.d.ts

@@ -0,0 +1,2 @@
+declare const ModalActionsLeft: () => void;
+export default ModalActionsLeft;

package/dist/Components/DataDisplay/Modal/ModalActionsRight.d.ts

@@ -0,0 +1,2 @@
+declare const ModalActionsRight: () => void;
+export default ModalActionsRight;

package/dist/Components/DataDisplay/Modal/ModalBody.d.ts

@@ -0,0 +1,3 @@
+import ModalBodyProps from "./ModalBodyProps";
+declare const ModalBody: (props: ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalBody;

package/dist/Components/DataDisplay/Modal/ModalBodyProps.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+interface ModalBodyProps {
+    children?: ReactNode;
+}
+export default ModalBodyProps;

package/dist/Components/DataDisplay/Modal/ModalCurtain.d.ts

@@ -0,0 +1,2 @@
+declare const ModalCurtain: () => void;
+export default ModalCurtain;

package/dist/Components/DataDisplay/Modal/ModalHeader.d.ts

@@ -0,0 +1,3 @@
+import ModalHeaderProps from "./ModalHeaderProps";
+declare const ModalHeader: (props: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalHeader;

package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts

@@ -0,0 +1,7 @@
+interface ModalHeaderProps {
+    title: string;
+    extraClass?: string;
+    canClose?: boolean;
+    canGoBack?: boolean;
+}
+export default ModalHeaderProps;

package/dist/Components/DataDisplay/Modal/ModalProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface ModalProps {
+    children?: ReactNode;
+    extraClass?: string;
+}
+export default ModalProps;

package/dist/Components/DataDisplay/NotificationsBell/NotificationBell.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react";
+import NotificationsBell from "./NotificationsBell";
+declare const meta: {
+    title: string;
+    component: (props: import("./NotificationsBellProps").default) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof NotificationsBell>;
+export declare const Default: Story;
+export declare const ActiveState: Story;

package/dist/Components/DataDisplay/NotificationsBell/NotificationsBell.d.ts

@@ -0,0 +1,3 @@
+import NotificationsBellProps from "./NotificationsBellProps.tsx";
+declare const NotificationsBell: (props: NotificationsBellProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsBell;

package/dist/Components/DataDisplay/NotificationsBell/NotificationsBellProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+interface NotificationsBellProps {
+    children?: ReactNode;
+    extraClass?: string;
+    active?: boolean;
+}
+export default NotificationsBellProps;

package/dist/Components/DataDisplay/NotificationsPanel/Notification.d.ts

@@ -0,0 +1,3 @@
+import NotificationProps from "./NotificationProps.tsx";
+declare const Notification: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default Notification;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationProps.d.ts

@@ -0,0 +1,10 @@
+interface NotificationProps {
+    notificationInitials?: string;
+    extraClass?: string;
+    boldText?: string;
+    regularText?: string;
+    summaryText?: string;
+    notificatonItemOnClick?: () => void;
+    closeOnClick?: () => void;
+}
+export default NotificationProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroup.d.ts

@@ -0,0 +1,3 @@
+import NotificationsGroupProps from "./NotificationsGroupProps";
+declare const NotificationsGroup: ({ children, title }: NotificationsGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsGroup;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface NotificationsGroupProps {
+    children?: ReactNode;
+    title: string;
+}
+export default NotificationsGroupProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroups.d.ts

@@ -0,0 +1,3 @@
+import NotificationsGroupsProps from "./NotificationsGroupsProps";
+declare const NotificationsGroups: (props: NotificationsGroupsProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsGroups;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+interface NotificationsGroupsProps {
+    children?: ReactNode;
+}
+export default NotificationsGroupsProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsHeader.d.ts

@@ -0,0 +1,3 @@
+import NotificationsHeaderProps from "./NotificationsHeaderProps";
+declare const NotificationsHeader: (props: NotificationsHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsHeader;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsHeaderProps.d.ts

@@ -0,0 +1,6 @@
+interface NotificationsHeaderProps {
+    extraClass?: string;
+    markAllAsReadOnClick?: () => void;
+    showMarkAllAsRead?: boolean;
+}
+export default NotificationsHeaderProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsNone.d.ts

@@ -0,0 +1,2 @@
+declare const NotificationsNone: () => import("react/jsx-runtime").JSX.Element;
+export default NotificationsNone;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanel.d.ts

@@ -0,0 +1,3 @@
+import NotificationsPanelProps from "./NotificationsPanelProps";
+declare const NotificationsPanel: ({ children }: NotificationsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationsPanel;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+interface NotificationsPanelProps {
+    children?: ReactNode;
+}
+export default NotificationsPanelProps;

package/dist/Components/DataDisplay/Tab/Tab.d.ts

@@ -0,0 +1,2 @@
+import TabInterface from "./TabProps.tsx";
+export declare const Tab: ({ children, extraClass }: TabInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabBody.d.ts

@@ -0,0 +1,2 @@
+import TabBodyProps from "./TabBodyProps.tsx";
+export declare const TabBody: ({ children, extraClass }: TabBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabBodyContent.d.ts

@@ -0,0 +1,2 @@
+import TabBodyContentProps from "./TabBodyContentProps.tsx";
+export declare const TabBodyContent: ({ children, tabIndex, extraClass, }: TabBodyContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabBodyContentProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+interface TabBodyContentProps {
+    children: ReactNode;
+    tabIndex: any;
+    extraClass?: string;
+}
+export default TabBodyContentProps;

package/dist/Components/DataDisplay/Tab/TabBodyProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TabBodyProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TabBodyProps;

package/dist/Components/DataDisplay/Tab/TabContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import TabContextProps from "./TabContextProps.tsx";
+declare const TabContext: import("react").Context<TabContextProps>;
+export default TabContext;

package/dist/Components/DataDisplay/Tab/TabContextProps.d.ts

@@ -0,0 +1,5 @@
+interface TabContextProps {
+    currentIndex: any;
+    setCurrentIndex: Function;
+}
+export default TabContextProps;

package/dist/Components/DataDisplay/Tab/TabNav.d.ts

@@ -0,0 +1,2 @@
+import TabNavProps from "./TabNavProps.tsx";
+export declare const TabNav: ({ children, extraClass }: TabNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabNavItem.d.ts

@@ -0,0 +1,2 @@
+import TabNavItemProps from "./TabNavItemProps.tsx";
+export declare const TabNavItem: (props: TabNavItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/DataDisplay/Tab/TabNavItemProps.d.ts

@@ -0,0 +1,8 @@
+interface TabNavItemProps {
+    title: string;
+    tabIndex: any;
+    onBeforeOpen?: Function;
+    onAfterOpened?: Function;
+    extraClass?: string;
+}
+export default TabNavItemProps;

package/dist/Components/DataDisplay/Tab/TabNavProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TabNavProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TabNavProps;

package/dist/Components/DataDisplay/Tab/TabProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TabProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TabProps;

package/dist/Components/DataDisplay/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import TableProps from "./TableProps";
+declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
+export default Table;

package/dist/Components/DataDisplay/Table/TableBody.d.ts

@@ -0,0 +1,3 @@
+import TableBodyProps from "./TableBodyProps";
+declare const TableBody: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default TableBody;

package/dist/Components/DataDisplay/Table/TableBodyProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TableBodyProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableBodyProps;

package/dist/Components/DataDisplay/Table/TableCell.d.ts

@@ -0,0 +1,3 @@
+import TableCellProps from "./TableCellProps";
+declare const TableCell: (props: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCell;

package/dist/Components/DataDisplay/Table/TableCellAction.d.ts

@@ -0,0 +1,3 @@
+import TableCellActionProps from "./TableCellActionProps";
+declare const TableCellActions: (props: TableCellActionProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCellActions;

package/dist/Components/DataDisplay/Table/TableCellActionProps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface TableCellActionProps {
+    children: ReactNode;
+    align?: "left" | "center" | "right";
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableCellActionProps;

package/dist/Components/DataDisplay/Table/TableCellProps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+interface TableCellProps {
+    children?: ReactNode;
+    align?: "left" | "center" | "right";
+    rowspan?: number;
+    colspan?: number;
+    extraClass?: string;
+}
+export default TableCellProps;

package/dist/Components/DataDisplay/Table/TableCellWithDesc.d.ts

@@ -0,0 +1,3 @@
+import TableCellWithDescProps from "./TableCellWithDescProps";
+declare const TableCellWithDesc: (props: TableCellWithDescProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCellWithDesc;

package/dist/Components/DataDisplay/Table/TableCellWithDescProps.d.ts

@@ -0,0 +1,8 @@
+interface TableCellWithDescProps {
+    heading?: string;
+    description?: string;
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableCellWithDescProps;

package/dist/Components/DataDisplay/Table/TableCellWithImage.d.ts

@@ -0,0 +1,3 @@
+import TableCellWithImageProps from "./TableCellWithImageProps";
+declare const TableCellWithImage: (props: TableCellWithImageProps) => import("react/jsx-runtime").JSX.Element;
+export default TableCellWithImage;

package/dist/Components/DataDisplay/Table/TableCellWithImageProps.d.ts

@@ -0,0 +1,9 @@
+interface TableCellWithImageProps {
+    image: string;
+    heading: string;
+    description?: string;
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableCellWithImageProps;

package/dist/Components/DataDisplay/Table/TableFooter.d.ts

@@ -0,0 +1,2 @@
+declare const TableFooter: () => void;
+export default TableFooter;

package/dist/Components/DataDisplay/Table/TableHead.d.ts

@@ -0,0 +1,3 @@
+import TableHeadProps from "./TableHeadProps";
+declare const TableHead: (props: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+export default TableHead;

package/dist/Components/DataDisplay/Table/TableHeadProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TableHeadProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableHeadProps;

package/dist/Components/DataDisplay/Table/TableHeaderCell.d.ts

@@ -0,0 +1,3 @@
+import TableHeaderCellProps from "./TableHeaderCellProps";
+declare const TableHeaderCell: (props: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;
+export default TableHeaderCell;

package/dist/Components/DataDisplay/Table/TableHeaderCellProps.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+interface TableHeaderCellProps {
+    children?: ReactNode;
+    extraClass?: string;
+    rowspan?: number;
+    colspan?: number;
+}
+export default TableHeaderCellProps;

package/dist/Components/DataDisplay/Table/TableProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TableProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableProps;

package/dist/Components/DataDisplay/Table/TableRow.d.ts

@@ -0,0 +1,3 @@
+import TableRowProps from "./TableRowProps";
+declare const TableRow: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+export default TableRow;

package/dist/Components/DataDisplay/Table/TableRowProps.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface TableRowProps {
+    children: ReactNode;
+    extraClass?: string;
+}
+export default TableRowProps;