From ff1041e640ba1a89cef08d8e03d5beef4bba9a04 Mon Sep 17 00:00:00 2001
From: Antonette Caldwell <acald.nebula@gmail.com>
Date: Sun, 10 Sep 2023 09:46:42 -0500
Subject: [PATCH 1/4] grouped base icons, and fixed exports

Signed-off-by: Antonette Caldwell <acald.nebula@gmail.com>
---
 packages/components/.eslintignore             |  3 +
 packages/components/.eslintrc.cjs             |  3 +
 .../src/{ => base/AppBar}/appbar.tsx          |  2 +-
 packages/components/src/base/AppBar/index.tsx |  1 +
 .../src/{ => base/Avatar}/avatar.tsx          |  2 +-
 .../src/{ => base/Avatar}/avatargroup.tsx     |  2 +-
 .../src/{ => base/Avatar}/badge.tsx           |  2 +-
 packages/components/src/base/Avatar/index.tsx |  3 +
 .../components/src/{ => base/Box}/box.tsx     |  2 +-
 packages/components/src/base/Box/index.tsx    |  1 +
 .../components/src/base/Button/button.tsx     |  6 ++
 .../src/base/Button/buttongroup.tsx           |  6 ++
 .../src/{ => base/Button}/iconbutton.tsx      |  2 +-
 packages/components/src/base/Button/index.tsx |  3 +
 packages/components/src/base/Card/card.tsx    |  6 ++
 .../components/src/base/Card/cardactions.tsx  |  6 ++
 .../components/src/base/Card/cardcontent.tsx  |  6 ++
 packages/components/src/base/Card/index.tsx   |  3 +
 .../src/{ => base/Checkbox}/checkbox.tsx      |  2 +-
 .../components/src/base/Checkbox/index.tsx    |  1 +
 .../components/src/{ => base/Chip}/chip.tsx   |  2 +-
 packages/components/src/base/Chip/index.tsx   |  1 +
 .../src/{ => base/Dialog}/backdrop.tsx        |  2 +-
 .../src/{ => base/Dialog}/dialog.tsx          |  2 +-
 .../src/{ => base/Dialog}/dialogactions.tsx   |  2 +-
 .../src/{ => base/Dialog}/dialogcontent.tsx   |  2 +-
 .../{ => base/Dialog}/dialogcontenttext.tsx   |  5 +-
 .../src/{ => base/Dialog}/dialogtitle.tsx     |  2 +-
 packages/components/src/base/Dialog/index.tsx |  6 ++
 .../src/{ => base/Divider}/divider.tsx        |  2 +-
 .../components/src/base/Divider/index.tsx     |  1 +
 .../src/{ => base/Drawer}/drawer.tsx          |  2 +-
 packages/components/src/base/Drawer/index.tsx |  1 +
 packages/components/src/base/Grid/grid.tsx    |  0
 packages/components/src/base/Grid/index.tsx   |  0
 packages/components/src/base/Input/index.tsx  |  3 +
 packages/components/src/base/Input/input.tsx  |  6 ++
 .../src/{ => base/Input}/inputadornment.tsx   |  0
 .../src/{ => base/Input}/textfield.tsx        |  0
 packages/components/src/base/List/index.tsx   |  1 +
 .../components/src/{ => base/List}/list.tsx   |  2 +-
 packages/components/src/base/Menu/index.tsx   |  1 +
 packages/components/src/base/Menu/menu.tsx    |  6 ++
 packages/components/src/base/Paper/index.tsx  |  1 +
 .../components/src/{ => base/Paper}/paper.tsx |  2 +-
 packages/components/src/base/Radio/index.tsx  |  1 +
 .../src/{ => base/Radio}/radiogroup.tsx       |  2 +-
 packages/components/src/base/Select/index.tsx |  1 +
 .../src/{ => base/Select}/select.tsx          |  2 +-
 packages/components/src/base/Slide/index.tsx  |  1 +
 .../components/src/{ => base/Slide}/slide.tsx |  2 +-
 packages/components/src/base/Stack/index.tsx  |  1 +
 .../components/src/{ => base/Stack}/stack.tsx |  2 +-
 packages/components/src/base/Switch/index.tsx |  1 +
 .../src/{ => base/Switch}/switch.tsx          |  2 +-
 packages/components/src/base/Table/index.tsx  |  1 +
 .../components/src/{ => base/Table}/table.tsx |  2 +-
 packages/components/src/base/Tabs/index.tsx   |  2 +
 .../components/src/{ => base/Tabs}/tab.tsx    |  2 +-
 .../components/src/{ => base/Tabs}/tabs.tsx   |  2 +-
 .../src/base/ToggleButton/index.tsx           |  2 +
 .../{ => base/ToggleButton}/togglebutton.tsx  |  2 +-
 .../ToggleButton}/togglebuttongroup.tsx       |  5 +-
 .../components/src/base/Toolbar/index.tsx     |  1 +
 .../src/{ => base/Toolbar}/toolbar.tsx        |  2 +-
 .../components/src/base/Tooltip/index.tsx     |  1 +
 .../src/{ => base/Tooltip}/tooltip.tsx        |  2 +-
 .../components/src/base/Typography/index.tsx  |  1 +
 .../src/{ => base/Typography}/typography.tsx  |  2 +-
 packages/components/src/button.tsx            |  6 --
 packages/components/src/buttongroup.tsx       |  6 --
 packages/components/src/card.tsx              |  6 --
 packages/components/src/custom/SearchBar.tsx  | 17 ++----
 packages/components/src/custom/Tooltip.tsx    | 12 ++--
 packages/components/src/index.tsx             | 61 ++++++++-----------
 packages/components/src/menu.tsx              |  6 --
 76 files changed, 160 insertions(+), 110 deletions(-)
 create mode 100644 packages/components/.eslintignore
 rename packages/components/src/{ => base/AppBar}/appbar.tsx (60%)
 create mode 100644 packages/components/src/base/AppBar/index.tsx
 rename packages/components/src/{ => base/Avatar}/avatar.tsx (60%)
 rename packages/components/src/{ => base/Avatar}/avatargroup.tsx (59%)
 rename packages/components/src/{ => base/Avatar}/badge.tsx (61%)
 create mode 100644 packages/components/src/base/Avatar/index.tsx
 rename packages/components/src/{ => base/Box}/box.tsx (61%)
 create mode 100644 packages/components/src/base/Box/index.tsx
 create mode 100644 packages/components/src/base/Button/button.tsx
 create mode 100644 packages/components/src/base/Button/buttongroup.tsx
 rename packages/components/src/{ => base/Button}/iconbutton.tsx (59%)
 create mode 100644 packages/components/src/base/Button/index.tsx
 create mode 100644 packages/components/src/base/Card/card.tsx
 create mode 100644 packages/components/src/base/Card/cardactions.tsx
 create mode 100644 packages/components/src/base/Card/cardcontent.tsx
 create mode 100644 packages/components/src/base/Card/index.tsx
 rename packages/components/src/{ => base/Checkbox}/checkbox.tsx (60%)
 create mode 100644 packages/components/src/base/Checkbox/index.tsx
 rename packages/components/src/{ => base/Chip}/chip.tsx (61%)
 create mode 100644 packages/components/src/base/Chip/index.tsx
 rename packages/components/src/{ => base/Dialog}/backdrop.tsx (60%)
 rename packages/components/src/{ => base/Dialog}/dialog.tsx (60%)
 rename packages/components/src/{ => base/Dialog}/dialogactions.tsx (58%)
 rename packages/components/src/{ => base/Dialog}/dialogcontent.tsx (58%)
 rename packages/components/src/{ => base/Dialog}/dialogcontenttext.tsx (56%)
 rename packages/components/src/{ => base/Dialog}/dialogtitle.tsx (59%)
 create mode 100644 packages/components/src/base/Dialog/index.tsx
 rename packages/components/src/{ => base/Divider}/divider.tsx (60%)
 create mode 100644 packages/components/src/base/Divider/index.tsx
 rename packages/components/src/{ => base/Drawer}/drawer.tsx (60%)
 create mode 100644 packages/components/src/base/Drawer/index.tsx
 create mode 100644 packages/components/src/base/Grid/grid.tsx
 create mode 100644 packages/components/src/base/Grid/index.tsx
 create mode 100644 packages/components/src/base/Input/index.tsx
 create mode 100644 packages/components/src/base/Input/input.tsx
 rename packages/components/src/{ => base/Input}/inputadornment.tsx (100%)
 rename packages/components/src/{ => base/Input}/textfield.tsx (100%)
 create mode 100644 packages/components/src/base/List/index.tsx
 rename packages/components/src/{ => base/List}/list.tsx (62%)
 create mode 100644 packages/components/src/base/Menu/index.tsx
 create mode 100644 packages/components/src/base/Menu/menu.tsx
 create mode 100644 packages/components/src/base/Paper/index.tsx
 rename packages/components/src/{ => base/Paper}/paper.tsx (66%)
 create mode 100644 packages/components/src/base/Radio/index.tsx
 rename packages/components/src/{ => base/Radio}/radiogroup.tsx (59%)
 create mode 100644 packages/components/src/base/Select/index.tsx
 rename packages/components/src/{ => base/Select}/select.tsx (61%)
 create mode 100644 packages/components/src/base/Slide/index.tsx
 rename packages/components/src/{ => base/Slide}/slide.tsx (61%)
 create mode 100644 packages/components/src/base/Stack/index.tsx
 rename packages/components/src/{ => base/Stack}/stack.tsx (61%)
 create mode 100644 packages/components/src/base/Switch/index.tsx
 rename packages/components/src/{ => base/Switch}/switch.tsx (61%)
 create mode 100644 packages/components/src/base/Table/index.tsx
 rename packages/components/src/{ => base/Table}/table.tsx (62%)
 create mode 100644 packages/components/src/base/Tabs/index.tsx
 rename packages/components/src/{ => base/Tabs}/tab.tsx (61%)
 rename packages/components/src/{ => base/Tabs}/tabs.tsx (61%)
 create mode 100644 packages/components/src/base/ToggleButton/index.tsx
 rename packages/components/src/{ => base/ToggleButton}/togglebutton.tsx (58%)
 rename packages/components/src/{ => base/ToggleButton}/togglebuttongroup.tsx (56%)
 create mode 100644 packages/components/src/base/Toolbar/index.tsx
 rename packages/components/src/{ => base/Toolbar}/toolbar.tsx (60%)
 create mode 100644 packages/components/src/base/Tooltip/index.tsx
 rename packages/components/src/{ => base/Tooltip}/tooltip.tsx (60%)
 create mode 100644 packages/components/src/base/Typography/index.tsx
 rename packages/components/src/{ => base/Typography}/typography.tsx (59%)
 delete mode 100644 packages/components/src/button.tsx
 delete mode 100644 packages/components/src/buttongroup.tsx
 delete mode 100644 packages/components/src/card.tsx
 delete mode 100644 packages/components/src/menu.tsx

diff --git a/packages/components/.eslintignore b/packages/components/.eslintignore
new file mode 100644
index 000000000..41d812c10
--- /dev/null
+++ b/packages/components/.eslintignore
@@ -0,0 +1,3 @@
+.eslintrc.cjs
+node_modules
+dist
\ No newline at end of file
diff --git a/packages/components/.eslintrc.cjs b/packages/components/.eslintrc.cjs
index 80a772336..c1692658e 100644
--- a/packages/components/.eslintrc.cjs
+++ b/packages/components/.eslintrc.cjs
@@ -9,6 +9,9 @@ module.exports = {
     'plugin:react/recommended',
     'plugin:prettier/recommended'
   ],
+  parserOptions: {
+    project: ['./tsconfig.json']
+  },
   overrides: [
     {
       env: {
diff --git a/packages/components/src/appbar.tsx b/packages/components/src/base/AppBar/appbar.tsx
similarity index 60%
rename from packages/components/src/appbar.tsx
rename to packages/components/src/base/AppBar/appbar.tsx
index d06dff4cb..2c1aa745a 100644
--- a/packages/components/src/appbar.tsx
+++ b/packages/components/src/base/AppBar/appbar.tsx
@@ -1,4 +1,4 @@
-import { AppBarProps, AppBar as MuiAppBar } from '@mui/material';
+import { AppBar as MuiAppBar, type AppBarProps } from '@mui/material';
 import React from 'react';
 
 export function AppBar(props: AppBarProps) {
diff --git a/packages/components/src/base/AppBar/index.tsx b/packages/components/src/base/AppBar/index.tsx
new file mode 100644
index 000000000..c59a43687
--- /dev/null
+++ b/packages/components/src/base/AppBar/index.tsx
@@ -0,0 +1 @@
+export { AppBar } from './appbar';
diff --git a/packages/components/src/avatar.tsx b/packages/components/src/base/Avatar/avatar.tsx
similarity index 60%
rename from packages/components/src/avatar.tsx
rename to packages/components/src/base/Avatar/avatar.tsx
index c4b98bb72..f2f9e0b54 100644
--- a/packages/components/src/avatar.tsx
+++ b/packages/components/src/base/Avatar/avatar.tsx
@@ -1,4 +1,4 @@
-import { AvatarProps, Avatar as MuiAvatar } from '@mui/material';
+import { Avatar as MuiAvatar, type AvatarProps } from '@mui/material';
 import React from 'react';
 
 export function Avatar(props: AvatarProps) {
diff --git a/packages/components/src/avatargroup.tsx b/packages/components/src/base/Avatar/avatargroup.tsx
similarity index 59%
rename from packages/components/src/avatargroup.tsx
rename to packages/components/src/base/Avatar/avatargroup.tsx
index eb4a0c2aa..acafc283c 100644
--- a/packages/components/src/avatargroup.tsx
+++ b/packages/components/src/base/Avatar/avatargroup.tsx
@@ -1,4 +1,4 @@
-import { AvatarGroupProps, AvatarGroup as MuiAvatarGroup } from '@mui/material';
+import { AvatarGroup as MuiAvatarGroup, type AvatarGroupProps } from '@mui/material';
 import React from 'react';
 
 export function AvatarGroup(props: AvatarGroupProps) {
diff --git a/packages/components/src/badge.tsx b/packages/components/src/base/Avatar/badge.tsx
similarity index 61%
rename from packages/components/src/badge.tsx
rename to packages/components/src/base/Avatar/badge.tsx
index 4c83f5364..f4fe23f67 100644
--- a/packages/components/src/badge.tsx
+++ b/packages/components/src/base/Avatar/badge.tsx
@@ -1,4 +1,4 @@
-import { BadgeProps, Badge as MuiBadge } from '@mui/material';
+import { Badge as MuiBadge, type BadgeProps } from '@mui/material';
 import React from 'react';
 
 export function Badge(props: BadgeProps) {
diff --git a/packages/components/src/base/Avatar/index.tsx b/packages/components/src/base/Avatar/index.tsx
new file mode 100644
index 000000000..eddfff892
--- /dev/null
+++ b/packages/components/src/base/Avatar/index.tsx
@@ -0,0 +1,3 @@
+export { Avatar } from './avatar';
+export { AvatarGroup } from './avatargroup';
+export { Badge } from './badge';
diff --git a/packages/components/src/box.tsx b/packages/components/src/base/Box/box.tsx
similarity index 61%
rename from packages/components/src/box.tsx
rename to packages/components/src/base/Box/box.tsx
index 3645c121e..b232c8547 100644
--- a/packages/components/src/box.tsx
+++ b/packages/components/src/base/Box/box.tsx
@@ -1,4 +1,4 @@
-import { BoxProps, Box as MuiBox } from '@mui/material';
+import { Box as MuiBox, type BoxProps } from '@mui/material';
 import React from 'react';
 
 export function Box(props: BoxProps) {
diff --git a/packages/components/src/base/Box/index.tsx b/packages/components/src/base/Box/index.tsx
new file mode 100644
index 000000000..aae326035
--- /dev/null
+++ b/packages/components/src/base/Box/index.tsx
@@ -0,0 +1 @@
+export { Box } from './box';
diff --git a/packages/components/src/base/Button/button.tsx b/packages/components/src/base/Button/button.tsx
new file mode 100644
index 000000000..e384fec51
--- /dev/null
+++ b/packages/components/src/base/Button/button.tsx
@@ -0,0 +1,6 @@
+import { Button as MuiButton, type ButtonProps } from '@mui/material';
+import * as React from 'react';
+
+export function Button(props: ButtonProps) {
+  return <MuiButton {...props} />;
+}
diff --git a/packages/components/src/base/Button/buttongroup.tsx b/packages/components/src/base/Button/buttongroup.tsx
new file mode 100644
index 000000000..c2e547495
--- /dev/null
+++ b/packages/components/src/base/Button/buttongroup.tsx
@@ -0,0 +1,6 @@
+import { ButtonGroup as MuiButtonGroup, type ButtonGroupProps } from '@mui/material';
+import React from 'react';
+
+export function ButtonGroup(props: ButtonGroupProps) {
+  return <MuiButtonGroup {...props} />;
+}
diff --git a/packages/components/src/iconbutton.tsx b/packages/components/src/base/Button/iconbutton.tsx
similarity index 59%
rename from packages/components/src/iconbutton.tsx
rename to packages/components/src/base/Button/iconbutton.tsx
index 5346002bd..41a6fc56d 100644
--- a/packages/components/src/iconbutton.tsx
+++ b/packages/components/src/base/Button/iconbutton.tsx
@@ -1,4 +1,4 @@
-import { IconButtonProps, IconButton as MuiIconButton } from '@mui/material';
+import { IconButton as MuiIconButton, type IconButtonProps } from '@mui/material';
 import React from 'react';
 
 export function IconButton(props: IconButtonProps) {
diff --git a/packages/components/src/base/Button/index.tsx b/packages/components/src/base/Button/index.tsx
new file mode 100644
index 000000000..7bc485d32
--- /dev/null
+++ b/packages/components/src/base/Button/index.tsx
@@ -0,0 +1,3 @@
+export { Button } from './button';
+export { ButtonGroup } from './buttongroup';
+export { IconButton } from './iconbutton';
diff --git a/packages/components/src/base/Card/card.tsx b/packages/components/src/base/Card/card.tsx
new file mode 100644
index 000000000..fded563e8
--- /dev/null
+++ b/packages/components/src/base/Card/card.tsx
@@ -0,0 +1,6 @@
+import { Card as MuiCard, type CardProps } from '@mui/material';
+import React from 'react';
+
+export function Card(props: CardProps) {
+  return <MuiCard {...props} />;
+}
diff --git a/packages/components/src/base/Card/cardactions.tsx b/packages/components/src/base/Card/cardactions.tsx
new file mode 100644
index 000000000..6fbeecd7e
--- /dev/null
+++ b/packages/components/src/base/Card/cardactions.tsx
@@ -0,0 +1,6 @@
+import { CardActions as MuiCardActions, type CardActionsProps } from '@mui/material';
+import React from 'react';
+
+export function CardActions(props: CardActionsProps) {
+  return <MuiCardActions {...props} />;
+}
diff --git a/packages/components/src/base/Card/cardcontent.tsx b/packages/components/src/base/Card/cardcontent.tsx
new file mode 100644
index 000000000..496fa900d
--- /dev/null
+++ b/packages/components/src/base/Card/cardcontent.tsx
@@ -0,0 +1,6 @@
+import { CardContent as MuiCardContent, type CardContentProps } from '@mui/material';
+import React from 'react';
+
+export function CardContent(props: CardContentProps) {
+  return <MuiCardContent {...props} />;
+}
diff --git a/packages/components/src/base/Card/index.tsx b/packages/components/src/base/Card/index.tsx
new file mode 100644
index 000000000..22d4ce0f7
--- /dev/null
+++ b/packages/components/src/base/Card/index.tsx
@@ -0,0 +1,3 @@
+export { Card } from './card';
+export { CardActions } from './cardactions';
+export { CardContent } from './cardcontent';
diff --git a/packages/components/src/checkbox.tsx b/packages/components/src/base/Checkbox/checkbox.tsx
similarity index 60%
rename from packages/components/src/checkbox.tsx
rename to packages/components/src/base/Checkbox/checkbox.tsx
index 7dacb3385..4d300c2ab 100644
--- a/packages/components/src/checkbox.tsx
+++ b/packages/components/src/base/Checkbox/checkbox.tsx
@@ -1,4 +1,4 @@
-import { CheckboxProps, Checkbox as MuiCheckbox } from '@mui/material';
+import { Checkbox as MuiCheckbox, type CheckboxProps } from '@mui/material';
 import React from 'react';
 
 export function Checkbox(props: CheckboxProps) {
diff --git a/packages/components/src/base/Checkbox/index.tsx b/packages/components/src/base/Checkbox/index.tsx
new file mode 100644
index 000000000..83a0ba15d
--- /dev/null
+++ b/packages/components/src/base/Checkbox/index.tsx
@@ -0,0 +1 @@
+export { Checkbox } from './checkbox';
diff --git a/packages/components/src/chip.tsx b/packages/components/src/base/Chip/chip.tsx
similarity index 61%
rename from packages/components/src/chip.tsx
rename to packages/components/src/base/Chip/chip.tsx
index 7173d3fb1..5ea4540a8 100644
--- a/packages/components/src/chip.tsx
+++ b/packages/components/src/base/Chip/chip.tsx
@@ -1,4 +1,4 @@
-import { ChipProps, Chip as MuiChip } from '@mui/material';
+import { Chip as MuiChip, type ChipProps } from '@mui/material';
 import React from 'react';
 
 export function Chip(props: ChipProps) {
diff --git a/packages/components/src/base/Chip/index.tsx b/packages/components/src/base/Chip/index.tsx
new file mode 100644
index 000000000..c080ed8f5
--- /dev/null
+++ b/packages/components/src/base/Chip/index.tsx
@@ -0,0 +1 @@
+export { Chip } from './chip';
diff --git a/packages/components/src/backdrop.tsx b/packages/components/src/base/Dialog/backdrop.tsx
similarity index 60%
rename from packages/components/src/backdrop.tsx
rename to packages/components/src/base/Dialog/backdrop.tsx
index 8a1f75f6e..4792f55f2 100644
--- a/packages/components/src/backdrop.tsx
+++ b/packages/components/src/base/Dialog/backdrop.tsx
@@ -1,4 +1,4 @@
-import { BackdropProps, Backdrop as MuiBackdrop } from '@mui/material';
+import { Backdrop as MuiBackdrop, type BackdropProps } from '@mui/material';
 import React from 'react';
 
 export function Backdrop(props: BackdropProps) {
diff --git a/packages/components/src/dialog.tsx b/packages/components/src/base/Dialog/dialog.tsx
similarity index 60%
rename from packages/components/src/dialog.tsx
rename to packages/components/src/base/Dialog/dialog.tsx
index 6be06494d..d0d4739c1 100644
--- a/packages/components/src/dialog.tsx
+++ b/packages/components/src/base/Dialog/dialog.tsx
@@ -1,4 +1,4 @@
-import { DialogProps, Dialog as MuiDialog } from '@mui/material';
+import { Dialog as MuiDialog, type DialogProps } from '@mui/material';
 import React from 'react';
 
 export function Dialog(props: DialogProps) {
diff --git a/packages/components/src/dialogactions.tsx b/packages/components/src/base/Dialog/dialogactions.tsx
similarity index 58%
rename from packages/components/src/dialogactions.tsx
rename to packages/components/src/base/Dialog/dialogactions.tsx
index 6ca7f5296..65a6919f8 100644
--- a/packages/components/src/dialogactions.tsx
+++ b/packages/components/src/base/Dialog/dialogactions.tsx
@@ -1,4 +1,4 @@
-import { DialogActionsProps, DialogActions as MuiDialogActions } from '@mui/material';
+import { DialogActions as MuiDialogActions, type DialogActionsProps } from '@mui/material';
 import React from 'react';
 
 export function DialogActions(props: DialogActionsProps) {
diff --git a/packages/components/src/dialogcontent.tsx b/packages/components/src/base/Dialog/dialogcontent.tsx
similarity index 58%
rename from packages/components/src/dialogcontent.tsx
rename to packages/components/src/base/Dialog/dialogcontent.tsx
index dcca8007f..b2434277b 100644
--- a/packages/components/src/dialogcontent.tsx
+++ b/packages/components/src/base/Dialog/dialogcontent.tsx
@@ -1,4 +1,4 @@
-import { DialogContentProps, DialogContent as MuiDialogContent } from '@mui/material';
+import { DialogContent as MuiDialogContent, type DialogContentProps } from '@mui/material';
 import React from 'react';
 
 export function DialogContent(props: DialogContentProps) {
diff --git a/packages/components/src/dialogcontenttext.tsx b/packages/components/src/base/Dialog/dialogcontenttext.tsx
similarity index 56%
rename from packages/components/src/dialogcontenttext.tsx
rename to packages/components/src/base/Dialog/dialogcontenttext.tsx
index a0b5b7bc7..39fd8f28c 100644
--- a/packages/components/src/dialogcontenttext.tsx
+++ b/packages/components/src/base/Dialog/dialogcontenttext.tsx
@@ -1,4 +1,7 @@
-import { DialogContentTextProps, DialogContentText as MuiDialogContentText } from '@mui/material';
+import {
+  DialogContentText as MuiDialogContentText,
+  type DialogContentTextProps
+} from '@mui/material';
 import React from 'react';
 
 export function DialogContentText(props: DialogContentTextProps) {
diff --git a/packages/components/src/dialogtitle.tsx b/packages/components/src/base/Dialog/dialogtitle.tsx
similarity index 59%
rename from packages/components/src/dialogtitle.tsx
rename to packages/components/src/base/Dialog/dialogtitle.tsx
index c8ad656f8..b94187f96 100644
--- a/packages/components/src/dialogtitle.tsx
+++ b/packages/components/src/base/Dialog/dialogtitle.tsx
@@ -1,4 +1,4 @@
-import { DialogTitleProps, DialogTitle as MuiDialogTitle } from '@mui/material';
+import { DialogTitle as MuiDialogTitle, type DialogTitleProps } from '@mui/material';
 import React from 'react';
 
 export function DialogTitle(props: DialogTitleProps) {
diff --git a/packages/components/src/base/Dialog/index.tsx b/packages/components/src/base/Dialog/index.tsx
new file mode 100644
index 000000000..cdcd894e0
--- /dev/null
+++ b/packages/components/src/base/Dialog/index.tsx
@@ -0,0 +1,6 @@
+export { Backdrop } from './backdrop';
+export { Dialog } from './dialog';
+export { DialogActions } from './dialogactions';
+export { DialogContent } from './dialogcontent';
+export { DialogContentText } from './dialogcontenttext';
+export { DialogTitle } from './dialogtitle';
diff --git a/packages/components/src/divider.tsx b/packages/components/src/base/Divider/divider.tsx
similarity index 60%
rename from packages/components/src/divider.tsx
rename to packages/components/src/base/Divider/divider.tsx
index e1efb0235..88d73205b 100644
--- a/packages/components/src/divider.tsx
+++ b/packages/components/src/base/Divider/divider.tsx
@@ -1,4 +1,4 @@
-import { DividerProps, Divider as MuiDivider } from '@mui/material';
+import { Divider as MuiDivider, type DividerProps } from '@mui/material';
 import React from 'react';
 
 export function Divider(props: DividerProps) {
diff --git a/packages/components/src/base/Divider/index.tsx b/packages/components/src/base/Divider/index.tsx
new file mode 100644
index 000000000..0dd50b568
--- /dev/null
+++ b/packages/components/src/base/Divider/index.tsx
@@ -0,0 +1 @@
+export { Divider } from './divider';
diff --git a/packages/components/src/drawer.tsx b/packages/components/src/base/Drawer/drawer.tsx
similarity index 60%
rename from packages/components/src/drawer.tsx
rename to packages/components/src/base/Drawer/drawer.tsx
index c90312f3a..ca51be181 100644
--- a/packages/components/src/drawer.tsx
+++ b/packages/components/src/base/Drawer/drawer.tsx
@@ -1,4 +1,4 @@
-import { DrawerProps, Drawer as MuiDrawer } from '@mui/material';
+import { Drawer as MuiDrawer, type DrawerProps } from '@mui/material';
 import React from 'react';
 
 export function Drawer(props: DrawerProps) {
diff --git a/packages/components/src/base/Drawer/index.tsx b/packages/components/src/base/Drawer/index.tsx
new file mode 100644
index 000000000..8827142e8
--- /dev/null
+++ b/packages/components/src/base/Drawer/index.tsx
@@ -0,0 +1 @@
+export { Drawer } from './drawer';
diff --git a/packages/components/src/base/Grid/grid.tsx b/packages/components/src/base/Grid/grid.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/components/src/base/Grid/index.tsx b/packages/components/src/base/Grid/index.tsx
new file mode 100644
index 000000000..e69de29bb
diff --git a/packages/components/src/base/Input/index.tsx b/packages/components/src/base/Input/index.tsx
new file mode 100644
index 000000000..3b76dd557
--- /dev/null
+++ b/packages/components/src/base/Input/index.tsx
@@ -0,0 +1,3 @@
+export { Input } from './input';
+export { InputAdornment } from './inputadornment';
+export { TextField } from './textfield';
diff --git a/packages/components/src/base/Input/input.tsx b/packages/components/src/base/Input/input.tsx
new file mode 100644
index 000000000..5c15f7ea1
--- /dev/null
+++ b/packages/components/src/base/Input/input.tsx
@@ -0,0 +1,6 @@
+import { Input as MuiInput, type InputProps } from '@mui/material';
+import React from 'react';
+
+export function Input(props: InputProps): JSX.Element {
+  return <MuiInput {...props} />;
+}
diff --git a/packages/components/src/inputadornment.tsx b/packages/components/src/base/Input/inputadornment.tsx
similarity index 100%
rename from packages/components/src/inputadornment.tsx
rename to packages/components/src/base/Input/inputadornment.tsx
diff --git a/packages/components/src/textfield.tsx b/packages/components/src/base/Input/textfield.tsx
similarity index 100%
rename from packages/components/src/textfield.tsx
rename to packages/components/src/base/Input/textfield.tsx
diff --git a/packages/components/src/base/List/index.tsx b/packages/components/src/base/List/index.tsx
new file mode 100644
index 000000000..53821c4bd
--- /dev/null
+++ b/packages/components/src/base/List/index.tsx
@@ -0,0 +1 @@
+export { List } from './list';
diff --git a/packages/components/src/list.tsx b/packages/components/src/base/List/list.tsx
similarity index 62%
rename from packages/components/src/list.tsx
rename to packages/components/src/base/List/list.tsx
index 7ba3b16e2..1e9d3db04 100644
--- a/packages/components/src/list.tsx
+++ b/packages/components/src/base/List/list.tsx
@@ -1,4 +1,4 @@
-import { ListProps, List as MuiList } from '@mui/material';
+import { List as MuiList, type ListProps } from '@mui/material';
 import React from 'react';
 
 export const List = (props: ListProps) => {
diff --git a/packages/components/src/base/Menu/index.tsx b/packages/components/src/base/Menu/index.tsx
new file mode 100644
index 000000000..01435c7b0
--- /dev/null
+++ b/packages/components/src/base/Menu/index.tsx
@@ -0,0 +1 @@
+export { Menu } from './menu';
diff --git a/packages/components/src/base/Menu/menu.tsx b/packages/components/src/base/Menu/menu.tsx
new file mode 100644
index 000000000..b43b0e106
--- /dev/null
+++ b/packages/components/src/base/Menu/menu.tsx
@@ -0,0 +1,6 @@
+import { Menu as MuiMenu, type MenuProps } from '@mui/material';
+import React from 'react';
+
+export function Menu(props: MenuProps) {
+  return <MuiMenu {...props} />;
+}
diff --git a/packages/components/src/base/Paper/index.tsx b/packages/components/src/base/Paper/index.tsx
new file mode 100644
index 000000000..9397598bc
--- /dev/null
+++ b/packages/components/src/base/Paper/index.tsx
@@ -0,0 +1 @@
+export { Paper } from './paper';
diff --git a/packages/components/src/paper.tsx b/packages/components/src/base/Paper/paper.tsx
similarity index 66%
rename from packages/components/src/paper.tsx
rename to packages/components/src/base/Paper/paper.tsx
index 96a0c317a..388071dd5 100644
--- a/packages/components/src/paper.tsx
+++ b/packages/components/src/base/Paper/paper.tsx
@@ -1,4 +1,4 @@
-import { Paper as MuiPaper, PaperProps } from '@mui/material';
+import { Paper as MuiPaper, type PaperProps } from '@mui/material';
 import React from 'react';
 
 export function Paper(props: PaperProps) {
diff --git a/packages/components/src/base/Radio/index.tsx b/packages/components/src/base/Radio/index.tsx
new file mode 100644
index 000000000..eda2e0998
--- /dev/null
+++ b/packages/components/src/base/Radio/index.tsx
@@ -0,0 +1 @@
+export { RadioGroup } from './radiogroup';
diff --git a/packages/components/src/radiogroup.tsx b/packages/components/src/base/Radio/radiogroup.tsx
similarity index 59%
rename from packages/components/src/radiogroup.tsx
rename to packages/components/src/base/Radio/radiogroup.tsx
index 879549f00..d2865389a 100644
--- a/packages/components/src/radiogroup.tsx
+++ b/packages/components/src/base/Radio/radiogroup.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup as MuiRadioGroup, RadioGroupProps } from '@mui/material';
+import { RadioGroup as MuiRadioGroup, type RadioGroupProps } from '@mui/material';
 import React from 'react';
 
 export function RadioGroup(props: RadioGroupProps) {
diff --git a/packages/components/src/base/Select/index.tsx b/packages/components/src/base/Select/index.tsx
new file mode 100644
index 000000000..de9bdf23a
--- /dev/null
+++ b/packages/components/src/base/Select/index.tsx
@@ -0,0 +1 @@
+export { Select } from './select';
diff --git a/packages/components/src/select.tsx b/packages/components/src/base/Select/select.tsx
similarity index 61%
rename from packages/components/src/select.tsx
rename to packages/components/src/base/Select/select.tsx
index 534860c95..8a7008aa7 100644
--- a/packages/components/src/select.tsx
+++ b/packages/components/src/base/Select/select.tsx
@@ -1,4 +1,4 @@
-import { Select as MuiSelect, SelectProps } from '@mui/material';
+import { Select as MuiSelect, type SelectProps } from '@mui/material';
 import React from 'react';
 
 export const Select = (props: SelectProps) => {
diff --git a/packages/components/src/base/Slide/index.tsx b/packages/components/src/base/Slide/index.tsx
new file mode 100644
index 000000000..a96f8a97c
--- /dev/null
+++ b/packages/components/src/base/Slide/index.tsx
@@ -0,0 +1 @@
+export { Slide } from './slide';
diff --git a/packages/components/src/slide.tsx b/packages/components/src/base/Slide/slide.tsx
similarity index 61%
rename from packages/components/src/slide.tsx
rename to packages/components/src/base/Slide/slide.tsx
index dff7c9a5b..d0a221fd8 100644
--- a/packages/components/src/slide.tsx
+++ b/packages/components/src/base/Slide/slide.tsx
@@ -1,4 +1,4 @@
-import { Slide as MuiSlide, SlideProps } from '@mui/material';
+import { Slide as MuiSlide, type SlideProps } from '@mui/material';
 import React from 'react';
 
 export function Slide(props: SlideProps) {
diff --git a/packages/components/src/base/Stack/index.tsx b/packages/components/src/base/Stack/index.tsx
new file mode 100644
index 000000000..9a57787ab
--- /dev/null
+++ b/packages/components/src/base/Stack/index.tsx
@@ -0,0 +1 @@
+export { Stack } from './stack';
diff --git a/packages/components/src/stack.tsx b/packages/components/src/base/Stack/stack.tsx
similarity index 61%
rename from packages/components/src/stack.tsx
rename to packages/components/src/base/Stack/stack.tsx
index 203697354..ae12e1216 100644
--- a/packages/components/src/stack.tsx
+++ b/packages/components/src/base/Stack/stack.tsx
@@ -1,4 +1,4 @@
-import { Stack as MuiStack, StackProps } from '@mui/material';
+import { Stack as MuiStack, type StackProps } from '@mui/material';
 import React from 'react';
 
 export function Stack(props: StackProps) {
diff --git a/packages/components/src/base/Switch/index.tsx b/packages/components/src/base/Switch/index.tsx
new file mode 100644
index 000000000..675ddba51
--- /dev/null
+++ b/packages/components/src/base/Switch/index.tsx
@@ -0,0 +1 @@
+export { Switch } from './switch';
diff --git a/packages/components/src/switch.tsx b/packages/components/src/base/Switch/switch.tsx
similarity index 61%
rename from packages/components/src/switch.tsx
rename to packages/components/src/base/Switch/switch.tsx
index 2387e6f48..313cd418d 100644
--- a/packages/components/src/switch.tsx
+++ b/packages/components/src/base/Switch/switch.tsx
@@ -1,4 +1,4 @@
-import { Switch as MuiSwitch, SwitchProps } from '@mui/material';
+import { Switch as MuiSwitch, type SwitchProps } from '@mui/material';
 import React from 'react';
 
 export const Switch = (props: SwitchProps) => {
diff --git a/packages/components/src/base/Table/index.tsx b/packages/components/src/base/Table/index.tsx
new file mode 100644
index 000000000..48232283c
--- /dev/null
+++ b/packages/components/src/base/Table/index.tsx
@@ -0,0 +1 @@
+export { Table } from './table';
diff --git a/packages/components/src/table.tsx b/packages/components/src/base/Table/table.tsx
similarity index 62%
rename from packages/components/src/table.tsx
rename to packages/components/src/base/Table/table.tsx
index 735983b88..67dfafa6c 100644
--- a/packages/components/src/table.tsx
+++ b/packages/components/src/base/Table/table.tsx
@@ -1,4 +1,4 @@
-import { Table as MuiTable, TableProps } from '@mui/material';
+import { Table as MuiTable, type TableProps } from '@mui/material';
 import React from 'react';
 
 export const Table = (props: TableProps) => {
diff --git a/packages/components/src/base/Tabs/index.tsx b/packages/components/src/base/Tabs/index.tsx
new file mode 100644
index 000000000..079fcb739
--- /dev/null
+++ b/packages/components/src/base/Tabs/index.tsx
@@ -0,0 +1,2 @@
+export { Tab } from './tab';
+export { Tabs } from './tabs';
diff --git a/packages/components/src/tab.tsx b/packages/components/src/base/Tabs/tab.tsx
similarity index 61%
rename from packages/components/src/tab.tsx
rename to packages/components/src/base/Tabs/tab.tsx
index 576dd53d4..5eb375027 100644
--- a/packages/components/src/tab.tsx
+++ b/packages/components/src/base/Tabs/tab.tsx
@@ -1,4 +1,4 @@
-import { Tab as MuiTab, TabProps } from '@mui/material';
+import { Tab as MuiTab, type TabProps } from '@mui/material';
 import React from 'react';
 
 export function Tab(props: TabProps) {
diff --git a/packages/components/src/tabs.tsx b/packages/components/src/base/Tabs/tabs.tsx
similarity index 61%
rename from packages/components/src/tabs.tsx
rename to packages/components/src/base/Tabs/tabs.tsx
index b79d1a066..6b2b6ac56 100644
--- a/packages/components/src/tabs.tsx
+++ b/packages/components/src/base/Tabs/tabs.tsx
@@ -1,4 +1,4 @@
-import { Tabs as MuiTabs, TabsProps } from '@mui/material';
+import { Tabs as MuiTabs, type TabsProps } from '@mui/material';
 import React from 'react';
 
 export function Tabs(props: TabsProps) {
diff --git a/packages/components/src/base/ToggleButton/index.tsx b/packages/components/src/base/ToggleButton/index.tsx
new file mode 100644
index 000000000..08f868521
--- /dev/null
+++ b/packages/components/src/base/ToggleButton/index.tsx
@@ -0,0 +1,2 @@
+export { ToggleButton } from './togglebutton';
+export { ToggleButtonGroup } from './togglebuttongroup';
diff --git a/packages/components/src/togglebutton.tsx b/packages/components/src/base/ToggleButton/togglebutton.tsx
similarity index 58%
rename from packages/components/src/togglebutton.tsx
rename to packages/components/src/base/ToggleButton/togglebutton.tsx
index 06cdb29f6..1e33cd302 100644
--- a/packages/components/src/togglebutton.tsx
+++ b/packages/components/src/base/ToggleButton/togglebutton.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton as MuiToggleButton, ToggleButtonProps } from '@mui/material';
+import { ToggleButton as MuiToggleButton, type ToggleButtonProps } from '@mui/material';
 import React from 'react';
 
 export function ToggleButton(props: ToggleButtonProps) {
diff --git a/packages/components/src/togglebuttongroup.tsx b/packages/components/src/base/ToggleButton/togglebuttongroup.tsx
similarity index 56%
rename from packages/components/src/togglebuttongroup.tsx
rename to packages/components/src/base/ToggleButton/togglebuttongroup.tsx
index 45ffba15c..bab121d65 100644
--- a/packages/components/src/togglebuttongroup.tsx
+++ b/packages/components/src/base/ToggleButton/togglebuttongroup.tsx
@@ -1,4 +1,7 @@
-import { ToggleButtonGroup as MuiToggleButtonGroup, ToggleButtonGroupProps } from '@mui/material';
+import {
+  ToggleButtonGroup as MuiToggleButtonGroup,
+  type ToggleButtonGroupProps
+} from '@mui/material';
 import React from 'react';
 
 export function ToggleButtonGroup(props: ToggleButtonGroupProps) {
diff --git a/packages/components/src/base/Toolbar/index.tsx b/packages/components/src/base/Toolbar/index.tsx
new file mode 100644
index 000000000..dc5abb129
--- /dev/null
+++ b/packages/components/src/base/Toolbar/index.tsx
@@ -0,0 +1 @@
+export { Toolbar } from './toolbar';
diff --git a/packages/components/src/toolbar.tsx b/packages/components/src/base/Toolbar/toolbar.tsx
similarity index 60%
rename from packages/components/src/toolbar.tsx
rename to packages/components/src/base/Toolbar/toolbar.tsx
index 5c8fe9f9a..00e8e766f 100644
--- a/packages/components/src/toolbar.tsx
+++ b/packages/components/src/base/Toolbar/toolbar.tsx
@@ -1,4 +1,4 @@
-import { Toolbar as MuiToolbar, ToolbarProps } from '@mui/material';
+import { Toolbar as MuiToolbar, type ToolbarProps } from '@mui/material';
 import React from 'react';
 
 export function Toolbar(props: ToolbarProps) {
diff --git a/packages/components/src/base/Tooltip/index.tsx b/packages/components/src/base/Tooltip/index.tsx
new file mode 100644
index 000000000..c20c22cb1
--- /dev/null
+++ b/packages/components/src/base/Tooltip/index.tsx
@@ -0,0 +1 @@
+export { Tooltip } from './tooltip';
diff --git a/packages/components/src/tooltip.tsx b/packages/components/src/base/Tooltip/tooltip.tsx
similarity index 60%
rename from packages/components/src/tooltip.tsx
rename to packages/components/src/base/Tooltip/tooltip.tsx
index 9e83669b9..5851c2710 100644
--- a/packages/components/src/tooltip.tsx
+++ b/packages/components/src/base/Tooltip/tooltip.tsx
@@ -1,4 +1,4 @@
-import { Tooltip as MuiTooltip, TooltipProps } from '@mui/material';
+import { Tooltip as MuiTooltip, type TooltipProps } from '@mui/material';
 import React from 'react';
 
 export function Tooltip(props: TooltipProps) {
diff --git a/packages/components/src/base/Typography/index.tsx b/packages/components/src/base/Typography/index.tsx
new file mode 100644
index 000000000..6b7e7c9e0
--- /dev/null
+++ b/packages/components/src/base/Typography/index.tsx
@@ -0,0 +1 @@
+export { Typography } from './typography';
diff --git a/packages/components/src/typography.tsx b/packages/components/src/base/Typography/typography.tsx
similarity index 59%
rename from packages/components/src/typography.tsx
rename to packages/components/src/base/Typography/typography.tsx
index 89b933862..dca621312 100644
--- a/packages/components/src/typography.tsx
+++ b/packages/components/src/base/Typography/typography.tsx
@@ -1,4 +1,4 @@
-import { Typography as MuiTypography, TypographyProps } from '@mui/material';
+import { Typography as MuiTypography, type TypographyProps } from '@mui/material';
 import React from 'react';
 
 export function Typography(props: TypographyProps) {
diff --git a/packages/components/src/button.tsx b/packages/components/src/button.tsx
deleted file mode 100644
index b33799890..000000000
--- a/packages/components/src/button.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { ButtonProps, Button as MuiButton } from '@mui/material';
-import * as React from 'react';
-
-export const BaseButton = (props: ButtonProps) => {
-  return <MuiButton {...props} />;
-};
diff --git a/packages/components/src/buttongroup.tsx b/packages/components/src/buttongroup.tsx
deleted file mode 100644
index 4fd16bff6..000000000
--- a/packages/components/src/buttongroup.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { ButtonGroupProps, ButtonGroup as MuiButtonGroup } from '@mui/material';
-import React from 'react';
-
-export const ButtonGroup = (props: ButtonGroupProps) => {
-  return <MuiButtonGroup {...props} />;
-};
diff --git a/packages/components/src/card.tsx b/packages/components/src/card.tsx
deleted file mode 100644
index ccfc7cda7..000000000
--- a/packages/components/src/card.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { CardProps, Card as MuiCard } from '@mui/material';
-import React from 'react';
-
-export const Card = (props: CardProps) => {
-  return <MuiCard {...props} />;
-};
diff --git a/packages/components/src/custom/SearchBar.tsx b/packages/components/src/custom/SearchBar.tsx
index 50687cb7d..4a05e2e74 100644
--- a/packages/components/src/custom/SearchBar.tsx
+++ b/packages/components/src/custom/SearchBar.tsx
@@ -1,7 +1,7 @@
 import React, { Fragment, type ChangeEvent, type FC, type ReactNode } from 'react';
-import { Box } from '../box';
-import { InputAdornment } from '../inputadornment';
-import { TextField } from '../textfield';
+import {} from '../';
+import { Box } from '../base/Box';
+import { InputAdornment, TextField } from '../base/Input';
 
 interface SearchBarProps {
   onChange: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -11,14 +11,9 @@ interface SearchBarProps {
   endAdornment?: ReactNode;
 }
 
-const SearchBar: FC<SearchBarProps> = ({
-  onChange,
-  value,
-  width,
-  label,
-  endAdornment,
-  ...props
-}) => {
+const SearchBar: FC<SearchBarProps> = (
+  { onChange, value, width, label, endAdornment, ...props }
+) => {
   return (
     <Fragment>
       <Box
diff --git a/packages/components/src/custom/Tooltip.tsx b/packages/components/src/custom/Tooltip.tsx
index d725f0295..50c079945 100644
--- a/packages/components/src/custom/Tooltip.tsx
+++ b/packages/components/src/custom/Tooltip.tsx
@@ -1,6 +1,6 @@
 import { type TooltipProps as MuiTooltipProps } from '@mui/material';
 import React, { type FC, type MouseEvent, type ReactElement } from 'react';
-import { Tooltip } from '../tooltip';
+import { Tooltip } from '../base/Tooltip';
 
 type TooltipProps = {
   title: string;
@@ -8,13 +8,9 @@ type TooltipProps = {
   children: ReactElement<any, any>;
 } & Omit<MuiTooltipProps, 'title' | 'children' | 'onClick'>;
 
-export const MesheryTooltip: FC<TooltipProps> = ({
-  title,
-  onClick,
-  placement,
-  children,
-  ...props
-}) => {
+export const MesheryTooltip: FC<TooltipProps> = (
+  { title, onClick, placement, children, ...props }
+) => {
   return (
     <Tooltip title={title} placement={placement} onClick={onClick} arrow {...props}>
       {children}
diff --git a/packages/components/src/index.tsx b/packages/components/src/index.tsx
index 4343f46cf..4fa85c92e 100644
--- a/packages/components/src/index.tsx
+++ b/packages/components/src/index.tsx
@@ -1,37 +1,26 @@
-export { AppBar } from './appbar';
-export { Avatar } from './avatar';
-export { AvatarGroup } from './avatargroup';
 export * from './base/Accordion';
-export { Box } from './box';
-export { BaseButton } from './button';
-export { ButtonGroup } from './buttongroup';
-export { Card } from './card';
-export { Checkbox } from './checkbox';
-export { Chip } from './chip';
-export * from './custom';
-export { Dialog } from './dialog';
-export { DialogActions } from './dialogactions';
-export { DialogContent } from './dialogcontent';
-export { DialogContentText } from './dialogcontenttext';
-export { DialogTitle } from './dialogtitle';
-export { Divider } from './divider';
-export { Drawer } from './drawer';
-export { IconButton } from './iconbutton';
-export { InputAdornment } from './inputadornment';
-export { List } from './list';
-export { Menu } from './menu';
-export { Paper } from './paper';
-export { RadioGroup } from './radiogroup';
-export { Select } from './select';
-export { Slide } from './slide';
-export { Stack } from './stack';
-export { Switch } from './switch';
-export { Tab } from './tab';
-export { Table } from './table';
-export { Tabs } from './tabs';
-export { TextField } from './textfield';
-export { ToggleButton } from './togglebutton';
-export { ToggleButtonGroup } from './togglebuttongroup';
-export { Toolbar } from './toolbar';
-export { Tooltip } from './tooltip';
-export { Typography } from './typography';
+export * from './base/AppBar';
+export * from './base/Avatar';
+export * from './base/Box';
+export * from './base/Button';
+export * from './base/Card';
+export * from './base/Checkbox';
+export * from './base/Chip';
+export * from './base/Dialog';
+export * from './base/Divider';
+export * from './base/Drawer';
+export * from './base/Input';
+export * from './base/List';
+export * from './base/Menu';
+export * from './base/Paper';
+export * from './base/Radio';
+export * from './base/Select';
+export * from './base/Slide';
+export * from './base/Stack';
+export * from './base/Switch';
+export * from './base/Table';
+export * from './base/Tabs';
+export * from './base/ToggleButton';
+export * from './base/Toolbar';
+export * from './base/Tooltip';
+export * from './base/Typography';
diff --git a/packages/components/src/menu.tsx b/packages/components/src/menu.tsx
deleted file mode 100644
index e661fc2ba..000000000
--- a/packages/components/src/menu.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { MenuProps, Menu as MuiMenu } from '@mui/material';
-import React from 'react';
-
-export const Menu = (props: MenuProps) => {
-  return <MuiMenu {...props} />;
-};

From 213ac4425bee4e8c2a5bb89779f99194e2ed9924 Mon Sep 17 00:00:00 2001
From: Antonette Caldwell <acald.nebula@gmail.com>
Date: Sun, 10 Sep 2023 09:55:43 -0500
Subject: [PATCH 2/4] fixed import on React

Signed-off-by: Antonette Caldwell <acald.nebula@gmail.com>
---
 packages/components/src/base/Button/button.tsx |  2 +-
 packages/components/src/custom/SearchBar.tsx   | 11 ++++++++---
 packages/components/src/custom/Tooltip.tsx     | 10 +++++++---
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/packages/components/src/base/Button/button.tsx b/packages/components/src/base/Button/button.tsx
index e384fec51..5ddf40172 100644
--- a/packages/components/src/base/Button/button.tsx
+++ b/packages/components/src/base/Button/button.tsx
@@ -1,5 +1,5 @@
 import { Button as MuiButton, type ButtonProps } from '@mui/material';
-import * as React from 'react';
+import React from 'react';
 
 export function Button(props: ButtonProps) {
   return <MuiButton {...props} />;
diff --git a/packages/components/src/custom/SearchBar.tsx b/packages/components/src/custom/SearchBar.tsx
index 4a05e2e74..871b73d33 100644
--- a/packages/components/src/custom/SearchBar.tsx
+++ b/packages/components/src/custom/SearchBar.tsx
@@ -11,9 +11,14 @@ interface SearchBarProps {
   endAdornment?: ReactNode;
 }
 
-const SearchBar: FC<SearchBarProps> = (
-  { onChange, value, width, label, endAdornment, ...props }
-) => {
+const SearchBar: FC<SearchBarProps> = ({
+  onChange,
+  value,
+  width,
+  label,
+  endAdornment,
+  ...props
+}) => {
   return (
     <Fragment>
       <Box
diff --git a/packages/components/src/custom/Tooltip.tsx b/packages/components/src/custom/Tooltip.tsx
index 50c079945..07ad5b49f 100644
--- a/packages/components/src/custom/Tooltip.tsx
+++ b/packages/components/src/custom/Tooltip.tsx
@@ -8,9 +8,13 @@ type TooltipProps = {
   children: ReactElement<any, any>;
 } & Omit<MuiTooltipProps, 'title' | 'children' | 'onClick'>;
 
-export const MesheryTooltip: FC<TooltipProps> = (
-  { title, onClick, placement, children, ...props }
-) => {
+export const MesheryTooltip: FC<TooltipProps> = ({
+  title,
+  onClick,
+  placement,
+  children,
+  ...props
+}) => {
   return (
     <Tooltip title={title} placement={placement} onClick={onClick} arrow {...props}>
       {children}

From b7a08121e8a9e35d2afc2836c79f49fff152c99b Mon Sep 17 00:00:00 2001
From: Antonette Caldwell <acald.nebula@gmail.com>
Date: Sun, 10 Sep 2023 10:04:06 -0500
Subject: [PATCH 3/4] created custom interface to extend mui button props

Signed-off-by: Antonette Caldwell <acald.nebula@gmail.com>
---
 packages/components/src/base/Button/button.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/base/Button/button.tsx b/packages/components/src/base/Button/button.tsx
index 5ddf40172..eba860669 100644
--- a/packages/components/src/base/Button/button.tsx
+++ b/packages/components/src/base/Button/button.tsx
@@ -1,6 +1,10 @@
-import { Button as MuiButton, type ButtonProps } from '@mui/material';
+import { Button as MuiButton, type ButtonProps as MuiButtonProps } from '@mui/material';
 import React from 'react';
 
-export function Button(props: ButtonProps) {
-  return <MuiButton {...props} />;
+export interface ButtonProps extends MuiButtonProps {
+  label?: string;
+}
+
+export function Button({ label, ...props }: ButtonProps) {
+  return <MuiButton {...props}>{label}</MuiButton>;
 }

From 52aa78a55867071295c28b2d857146088ac909a5 Mon Sep 17 00:00:00 2001
From: Antonette Caldwell <acald.nebula@gmail.com>
Date: Sun, 10 Sep 2023 10:05:19 -0500
Subject: [PATCH 4/4] renamed button file to .jsx, and fixed up button stories

Signed-off-by: Antonette Caldwell <acald.nebula@gmail.com>
---
 .../src/stories/Button.stories.js             | 38 -------------------
 .../src/stories/Button.stories.jsx            | 37 ++++++++++++++++++
 2 files changed, 37 insertions(+), 38 deletions(-)
 delete mode 100644 packages/design-system/src/stories/Button.stories.js
 create mode 100644 packages/design-system/src/stories/Button.stories.jsx

diff --git a/packages/design-system/src/stories/Button.stories.js b/packages/design-system/src/stories/Button.stories.js
deleted file mode 100644
index 48dc04a30..000000000
--- a/packages/design-system/src/stories/Button.stories.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { BaseButton } from '@layer5/sistent-components';
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-export default {
-  title: 'Example/Button',
-  component: BaseButton,
-  tags: ['autodocs'],
-  argTypes: {
-    backgroundColor: { control: 'color' }
-  }
-};
-
-// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
-export const Primary = {
-  args: {
-    primary: true,
-    label: 'Button'
-  }
-};
-
-export const Secondary = {
-  args: {
-    label: 'Button'
-  }
-};
-
-export const Large = {
-  args: {
-    size: 'large',
-    label: 'Button'
-  }
-};
-
-export const Small = {
-  args: {
-    size: 'small',
-    label: 'Button'
-  }
-};
diff --git a/packages/design-system/src/stories/Button.stories.jsx b/packages/design-system/src/stories/Button.stories.jsx
new file mode 100644
index 000000000..db319317c
--- /dev/null
+++ b/packages/design-system/src/stories/Button.stories.jsx
@@ -0,0 +1,37 @@
+import { Button } from '@layer5/sistent-components';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  tags: ['autodocs'],
+};
+
+export const Primary = {
+  args: {
+    variant: "contained",
+    label: "contained"
+  }
+};
+
+export const Secondary = {
+  args: {
+    variant: "outlined",
+    label: 'outlined'
+  }
+};
+
+export const Large = {
+  args: {
+    variant: "text",
+    size: 'large',
+    label: 'large text'
+  }
+};
+
+export const Small = {
+  args: {
+    variant: "contained",
+    size: 'small',
+    label: 'small primary'
+  }
+};