@ceed/ads 0.0.179-2 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,33 +7,26 @@ import Input from "../Input";
7
7
  import Textarea from "../Textarea";
8
8
  import Autocomplete from "../Autocomplete";
9
9
  import Select from "../Select";
10
- type IndexType = keyof any;
11
- export type ClassOrRecord<V = any> = Record<IndexType, V> | {
12
- [key: IndexType]: V;
10
+ export type ClassOrRecord<V = any> = Record<PropertyKey, V> | {
11
+ [key: PropertyKey]: V;
13
12
  };
14
- export type RenderCellHandler<T extends ClassOrRecord, V = any> = (params: {
13
+ type Handler<T extends ClassOrRecord, V = any, R = any> = (params: {
15
14
  row: T;
16
15
  value?: V;
17
- id: IndexType;
18
- }) => ReactNode;
19
- export type CellEditableHandler<T extends ClassOrRecord, V = any> = (params: {
20
- row: T;
21
- value?: V;
22
- id: IndexType;
23
- }) => boolean;
24
- export type CellEditStartEvent<T extends ClassOrRecord, V = any> = (params: {
25
- originalRow: T;
26
- row: T;
27
- value?: V;
28
- id: IndexType;
29
- }) => void;
30
- export type CellEditStopEvent<T extends ClassOrRecord, V = any> = (params: {
16
+ id: PropertyKey;
17
+ }) => R;
18
+ type EventHandler<T extends ClassOrRecord, V = any> = (params: {
31
19
  originalRow: T;
32
20
  row: T;
33
21
  value?: V;
34
- id: IndexType;
22
+ id: PropertyKey;
35
23
  }) => void;
36
- export type BaseColumnDef<T extends Record<IndexType, V>, V> = {
24
+ type ComponentProperties<C extends React.ElementType, T extends ClassOrRecord, V = any> = ComponentProps<C> | Handler<T, V, ComponentProps<C>>;
25
+ export type RenderCellHandler<T extends ClassOrRecord, V = any> = Handler<T, V, ReactNode>;
26
+ export type CellEditableHandler<T extends ClassOrRecord, V = any> = Handler<T, V, boolean>;
27
+ export type CellEditStartEvent<T extends ClassOrRecord, V = any> = EventHandler<T, V>;
28
+ export type CellEditStopEvent<T extends ClassOrRecord, V = any> = EventHandler<T, V>;
29
+ export type BaseColumnDef<T extends Record<PropertyKey, V>, V> = {
37
30
  field: keyof T;
38
31
  headerName?: string;
39
32
  width?: string;
@@ -46,73 +39,41 @@ export type BaseColumnDef<T extends Record<IndexType, V>, V> = {
46
39
  onCellEditStart?: CellEditStartEvent<T, V>;
47
40
  onCellEditStop?: CellEditStopEvent<T, V>;
48
41
  };
49
- export type AutocompleteColumnDef<T extends Record<IndexType, string>> = BaseColumnDef<T, string> & {
42
+ export type AutocompleteColumnDef<T extends Record<PropertyKey, string>> = BaseColumnDef<T, string> & {
50
43
  type: "autocomplete";
51
- componentProps?: ComponentProps<typeof Autocomplete> | ((params: {
52
- row: T;
53
- value?: string;
54
- id: string;
55
- }) => ComponentProps<typeof Autocomplete>);
44
+ componentProps?: ComponentProperties<typeof Autocomplete, T, string>;
56
45
  };
57
- export type CurrencyColumnDef<T extends Record<IndexType, number>> = BaseColumnDef<T, number> & {
46
+ export type CurrencyColumnDef<T extends Record<PropertyKey, number>> = BaseColumnDef<T, number> & {
58
47
  type: "currency";
59
- componentProps?: ComponentProps<typeof CurrencyInput> | ((params: {
60
- row: T;
61
- value?: number;
62
- id: string;
63
- }) => ComponentProps<typeof CurrencyInput>);
48
+ componentProps?: ComponentProperties<typeof CurrencyInput, T, number>;
64
49
  };
65
- export type DateColumnDef<T extends Record<IndexType, string>> = BaseColumnDef<T, string> & {
50
+ export type DateColumnDef<T extends Record<PropertyKey, string>> = BaseColumnDef<T, string> & {
66
51
  type: "date";
67
- componentProps?: ComponentProps<typeof DatePicker> | ((params: {
68
- row: T;
69
- value?: string;
70
- id: string;
71
- }) => ComponentProps<typeof DatePicker>);
52
+ componentProps?: ComponentProperties<typeof DatePicker, T, string>;
72
53
  };
73
- export type NumberColumnDef<T extends Record<IndexType, number>> = BaseColumnDef<T, number> & {
54
+ export type NumberColumnDef<T extends Record<PropertyKey, number>> = BaseColumnDef<T, number> & {
74
55
  type: "number";
75
- componentProps?: ComponentProps<typeof Input> | ((params: {
76
- row: T;
77
- value?: number;
78
- id: string;
79
- }) => ComponentProps<typeof Input>);
56
+ componentProps?: ComponentProperties<typeof Input, T, number>;
80
57
  };
81
- export type TextColumnDef<T extends Record<IndexType, string>> = BaseColumnDef<T, string> & {
58
+ export type TextColumnDef<T extends Record<PropertyKey, string>> = BaseColumnDef<T, string> & {
82
59
  type?: "text";
83
- componentProps?: ComponentProps<typeof Input> | ((params: {
84
- row: T;
85
- value?: string;
86
- id: string;
87
- }) => ComponentProps<typeof Input>);
60
+ componentProps?: ComponentProperties<typeof Input, T, string>;
88
61
  };
89
- export type LongTextColumnDef<T extends Record<IndexType, string>> = BaseColumnDef<T, string> & {
62
+ export type LongTextColumnDef<T extends Record<PropertyKey, string>> = BaseColumnDef<T, string> & {
90
63
  type: "longText";
91
- componentProps?: ComponentProps<typeof Textarea> | ((params: {
92
- row: T;
93
- value?: string;
94
- id: string;
95
- }) => ComponentProps<typeof Textarea>);
64
+ componentProps?: ComponentProperties<typeof Textarea, T, string>;
96
65
  };
97
- export type SelectColumnDef<T extends Record<IndexType, string>> = BaseColumnDef<T, string> & {
66
+ export type SelectColumnDef<T extends Record<PropertyKey, string>> = BaseColumnDef<T, string> & {
98
67
  type: "select";
99
- componentProps?: ComponentProps<typeof Select<string, false>> | ((params: {
100
- row: T;
101
- value?: string;
102
- id: string;
103
- }) => ComponentProps<typeof Select<string, false>>);
68
+ componentProps?: ComponentProperties<typeof Select<string, false>, T, string>;
104
69
  };
105
- export type LinkColumnDef<T extends Record<IndexType, string>, C extends React.ElementType = typeof Link> = BaseColumnDef<T, string> & {
70
+ export type LinkColumnDef<T extends Record<PropertyKey, string>, C extends React.ElementType = typeof Link> = BaseColumnDef<T, string> & {
106
71
  type: "link";
107
72
  component?: C;
108
- componentProps?: ComponentProps<C> | ((params: {
109
- row: T;
110
- value?: string;
111
- id: string;
112
- }) => ComponentProps<C>);
73
+ componentProps?: ComponentProperties<C, T, string>;
113
74
  };
114
- export type ColumnDef<T extends Record<IndexType, any>> = AutocompleteColumnDef<T> | CurrencyColumnDef<T> | DateColumnDef<T> | NumberColumnDef<T> | TextColumnDef<T> | LongTextColumnDef<T> | LinkColumnDef<T> | SelectColumnDef<T>;
115
- export type DataTableProps<T extends Record<IndexType, any>> = {
75
+ export type ColumnDef<T extends Record<PropertyKey, any>> = AutocompleteColumnDef<T> | CurrencyColumnDef<T> | DateColumnDef<T> | NumberColumnDef<T> | TextColumnDef<T> | LongTextColumnDef<T> | LinkColumnDef<T> | SelectColumnDef<T>;
76
+ export type DataTableProps<T extends Record<PropertyKey, any>> = {
116
77
  rows: T[];
117
78
  checkboxSelection?: boolean;
118
79
  columns: ColumnDef<T>[];
@@ -0,0 +1,33 @@
1
+ import React from "react";
2
+ import ModalDialog from "../ModalDialog";
3
+ /**
4
+ * NOTE: ModalDialog에는 title prop관련 내용이 없다.
5
+ * @see https://mui.com/joy-ui/api/modal-dialog/
6
+ */
7
+ type DialogFrameProps = Omit<React.ComponentProps<typeof ModalDialog>, "title"> & {
8
+ title?: React.ReactNode;
9
+ children: React.ReactNode;
10
+ actions?: React.ReactNode;
11
+ fullscreen?: boolean;
12
+ };
13
+ /**
14
+ * @deprecated v1.0.0에서 완전히 제거될 예정
15
+ */
16
+ declare const DialogFrame: React.ForwardRefExoticComponent<Omit<DialogFrameProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
17
+ export { DialogFrame };
18
+ declare const MotionModal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
19
+ onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
20
+ sx?: import("@mui/joy/styles/types").SxProps | undefined;
21
+ } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
22
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
23
+ }, "children" | "container" | "sx" | "open" | "onClose" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
24
+ declare function Dialog(
25
+ /**
26
+ * NOTE: Modal에는 title prop관련 내용이 없다.
27
+ * @see https://mui.com/joy-ui/api/modal/
28
+ */
29
+ props: Omit<React.ComponentProps<typeof MotionModal>, "title"> & Pick<DialogFrameProps, "title" | "actions" | "fullscreen" | "size">): React.JSX.Element;
30
+ declare namespace Dialog {
31
+ var displayName: string;
32
+ }
33
+ export { Dialog };
@@ -0,0 +1,3 @@
1
+ import { Dialog } from "./Dialog";
2
+ export * from "./Dialog";
3
+ export default Dialog;
@@ -1,26 +1,5 @@
1
1
  import React from "react";
2
- declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
3
- onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
4
- sx?: import("@mui/joy/styles/types").SxProps | undefined;
5
- } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
6
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
7
- }, "children" | "container" | "sx" | "open" | "onClose" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
8
- export { Modal };
9
- declare const ModalDialog: import("@emotion/styled").StyledComponent<{
10
- children?: React.ReactNode;
11
- color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalDialogPropsColorOverrides> | undefined;
12
- invertedColors?: boolean | undefined;
13
- maxWidth?: string | number | undefined;
14
- minWidth?: string | number | undefined;
15
- layout?: import("@mui/types").OverridableStringUnion<"center" | "fullscreen", import("@mui/joy").ModalDialogPropsLayoutOverrides> | undefined;
16
- orientation?: "horizontal" | "vertical" | undefined;
17
- size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalDialogPropsSizeOverrides> | undefined;
18
- sx?: import("@mui/joy/styles/types").SxProps | undefined;
19
- variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
20
- } & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
21
- ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
22
- }, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "invertedColors" | "orientation" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
23
- export { ModalDialog };
2
+ import ModalDialog from "../ModalDialog";
24
3
  declare const ModalClose: import("@emotion/styled").StyledComponent<Omit<{
25
4
  color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;
26
5
  size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalClosePropsSizeOverrides> | undefined;
@@ -36,11 +15,32 @@ declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
36
15
  ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
37
16
  }, "sx" | keyof import("@mui/joy").ModalOverflowSlotsAndSlotProps>>;
38
17
  export { ModalOverflow };
39
- declare function ModalFrame(props: {
40
- title: React.ReactNode;
18
+ /**
19
+ * NOTE: ModalDialog에는 title prop관련 내용이 없다.
20
+ * @see https://mui.com/joy-ui/api/modal-dialog/
21
+ */
22
+ type ModalFrameProps = Omit<React.ComponentProps<typeof ModalDialog>, "title"> & {
23
+ title?: React.ReactNode;
41
24
  children: React.ReactNode;
42
- } & React.ComponentProps<typeof ModalDialog>): React.JSX.Element;
43
- declare namespace ModalFrame {
25
+ };
26
+ /**
27
+ * @deprecated v1.0.0에서 완전히 제거될 예정
28
+ */
29
+ declare const ModalFrame: React.ForwardRefExoticComponent<Omit<ModalFrameProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
+ export { ModalFrame };
31
+ declare const MotionModal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
32
+ onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
33
+ sx?: import("@mui/joy/styles/types").SxProps | undefined;
34
+ } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
35
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
36
+ }, "children" | "container" | "sx" | "open" | "onClose" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
37
+ declare function Modal(
38
+ /**
39
+ * NOTE: Modal에는 title prop관련 내용이 없다.
40
+ * @see https://mui.com/joy-ui/api/modal/
41
+ */
42
+ props: Omit<React.ComponentProps<typeof MotionModal>, "title"> & Pick<ModalFrameProps, "title" | "size" | "variant">): React.JSX.Element;
43
+ declare namespace Modal {
44
44
  var displayName: string;
45
45
  }
46
- export { ModalFrame };
46
+ export { Modal };
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ declare const ModalDialog: import("@emotion/styled").StyledComponent<{
3
+ children?: import("react").ReactNode;
4
+ color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalDialogPropsColorOverrides> | undefined;
5
+ invertedColors?: boolean | undefined;
6
+ maxWidth?: string | number | undefined;
7
+ minWidth?: string | number | undefined;
8
+ layout?: import("@mui/types").OverridableStringUnion<"center" | "fullscreen", import("@mui/joy").ModalDialogPropsLayoutOverrides> | undefined;
9
+ orientation?: "horizontal" | "vertical" | undefined;
10
+ size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalDialogPropsSizeOverrides> | undefined;
11
+ sx?: import("@mui/joy/styles/types").SxProps | undefined;
12
+ variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
13
+ } & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
14
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
15
+ }, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "invertedColors" | "orientation" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
16
+ export { ModalDialog };
@@ -0,0 +1,3 @@
1
+ import { ModalDialog } from "./ModalDialog";
2
+ export * from "./ModalDialog";
3
+ export default ModalDialog;
@@ -13,10 +13,10 @@ export { CurrencyInput } from './CurrencyInput';
13
13
  export { DataTable } from "./DataTable";
14
14
  export { DatePicker } from "./DatePicker";
15
15
  export { DateRangePicker } from "./DateRangePicker";
16
+ export { Dialog, DialogFrame } from './Dialog';
16
17
  export { DialogActions } from "./DialogActions";
17
18
  export { DialogContent } from "./DialogContent";
18
19
  export { DialogTitle } from "./DialogTitle";
19
- export { DialogFrame } from "./DialogFrame";
20
20
  export { Divider } from "./Divider";
21
21
  export { InsetDrawer } from "./InsetDrawer";
22
22
  export { Dropdown } from "./Dropdown";
@@ -29,7 +29,8 @@ export { IconButton } from "./IconButton";
29
29
  export { Input } from "./Input";
30
30
  export { Markdown } from './Markdown';
31
31
  export { Menu, MenuButton, MenuItem } from "./Menu";
32
- export { Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, } from "./Modal";
32
+ export { Modal, ModalClose, ModalOverflow, ModalFrame, } from "./Modal";
33
+ export { ModalDialog } from './ModalDialog';
33
34
  export { MonthPicker } from './MonthPicker';
34
35
  export { MonthRangePicker } from "./MonthRangePicker";
35
36
  export { Radio, RadioGroup } from "./Radio";
package/dist/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { useTheme, useColorScheme, useThemeProps, alertClasses, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, cardClasses, cardActionsClasses, cardContentClasses, cardCoverClasses, cardOverflowClasses, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, Step, stepClasses, StepButton, stepButtonClasses, StepIndicator, Stepper, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
2
- export { Accordion, Accordions, Alert, Autocomplete, AccordionDetails, AccordionSummary, Box, Breadcrumbs, Button, Calendar, Card, CardActions, CardContent, CardCover, CardOverflow, Checkbox, Chip, Container, CssBaseline, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, InsetDrawer, Uploader, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
2
+ export { Accordion, Accordions, Alert, Autocomplete, AccordionDetails, AccordionSummary, Box, Breadcrumbs, Button, Calendar, Card, CardActions, CardContent, CardCover, CardOverflow, Checkbox, Chip, Container, CssBaseline, CurrencyInput, DataTable, DatePicker, DateRangePicker, Dialog, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, InsetDrawer, Uploader, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";