@evoke-platform/ui-components 1.0.0-dev.184 → 1.0.0-dev.187

package/dist/published/stories/ButtonGroup.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").ButtonGroupProps<"div", {}>) => JSX.Element>;
+import { ButtonGroupProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: ButtonGroupProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const ButtonGroup: ComponentStory<(props: import("@mui/material").ButtonGroupProps<"div", {}>) => JSX.Element>;
+export declare const ButtonGroup: ComponentStory<(props: ButtonGroupProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/Card.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").CardProps<"div", {}>) => JSX.Element>;
+import { CardProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: CardProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Card: ComponentStory<(props: import("@mui/material").CardProps<"div", {}>) => JSX.Element>;
+export declare const Card: ComponentStory<(props: CardProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/Checkbox.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").CheckboxProps) => JSX.Element>;
+import { CheckboxProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: CheckboxProps) => JSX.Element>;
 export default _default;
-export declare const Checkbox: ComponentStory<(props: import("@mui/material").CheckboxProps) => JSX.Element>;
+export declare const Checkbox: ComponentStory<(props: CheckboxProps) => JSX.Element>;

package/dist/published/stories/Chip.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").ChipProps<"div", {}>) => JSX.Element>;
+import { ChipProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: ChipProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Chip: ComponentStory<(props: import("@mui/material").ChipProps<"div", {}>) => JSX.Element>;
+export declare const Chip: ComponentStory<(props: ChipProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/CircularProgress.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").CircularProgressProps) => JSX.Element>;
+import { CircularProgressProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: CircularProgressProps) => JSX.Element>;
 export default _default;
-export declare const CircularProgress: ComponentStory<(props: import("@mui/material").CircularProgressProps) => JSX.Element>;
+export declare const CircularProgress: ComponentStory<(props: CircularProgressProps) => JSX.Element>;

package/dist/published/stories/Collapse.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").CollapseProps) => JSX.Element>;
+import { CollapseProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: CollapseProps) => JSX.Element>;
 export default _default;
-export declare const Collapse: ComponentStory<(props: import("@mui/material").CollapseProps) => JSX.Element>;
+export declare const Collapse: ComponentStory<(props: CollapseProps) => JSX.Element>;

package/dist/published/stories/Container.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").ContainerProps<"div", {}>) => JSX.Element>;
+import { ContainerProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: ContainerProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Container: ComponentStory<(props: import("@mui/material").ContainerProps<"div", {}>) => JSX.Element>;
+export declare const Container: ComponentStory<(props: ContainerProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/CriteriaBuilder.stories.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("../components/custom/CriteriaBuilder/CriteriaBuilder").CriteriaInputProps) => JSX.Element>;
+import { CriteriaInputProps } from '../components/custom/CriteriaBuilder/CriteriaBuilder';
+declare const _default: ComponentMeta<(props: CriteriaInputProps) => JSX.Element>;
 export default _default;
-export declare const CriteriaBuilder: ComponentStory<(props: import("../components/custom/CriteriaBuilder/CriteriaBuilder").CriteriaInputProps) => JSX.Element>;
-export declare const CriteriaBuilderPresetUserID: ComponentStory<(props: import("../components/custom/CriteriaBuilder/CriteriaBuilder").CriteriaInputProps) => JSX.Element>;
-export declare const CriteriaBuilderGroupedPresetValues: ComponentStory<(props: import("../components/custom/CriteriaBuilder/CriteriaBuilder").CriteriaInputProps) => JSX.Element>;
+export declare const CriteriaBuilder: ComponentStory<(props: CriteriaInputProps) => JSX.Element>;
+export declare const CriteriaBuilderPresetUserID: ComponentStory<(props: CriteriaInputProps) => JSX.Element>;
+export declare const CriteriaBuilderGroupedPresetValues: ComponentStory<(props: CriteriaInputProps) => JSX.Element>;

package/dist/published/stories/CriteriaBuilder.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Input/CriteriaBuilder',
     component: BuildCriteria,
 };
-const CriteriaBuilderTemplate = (args) => React.createElement(BuildCriteria, Object.assign({}, args));
+const CriteriaBuilderTemplate = (args) => (React.createElement(BuildCriteria, Object.assign({}, args)));
 export const CriteriaBuilder = CriteriaBuilderTemplate.bind({});
 CriteriaBuilder.args = {
     properties: [

package/dist/published/stories/DataGrid.stories.js

@@ -37,7 +37,7 @@ const DataGridTemplate = (args) => (React.createElement(Grid, { container: true,
         React.createElement(Typography, { variant: "h6" }, "With title and bulk action:"),
         React.createElement(CustomDataGrid, Object.assign({}, args, { key: 'data-grid-with-bulk-action', title: 'Data Grid', bulkAction: {
                 label: 'Bulk Action',
-                action: () => {
+                onClick: () => {
                     console.log('Bulk acion clicked');
                 },
             } })))));

package/dist/published/stories/Dialog.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").DialogProps) => JSX.Element>;
+import { DialogProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: DialogProps) => JSX.Element>;
 export default _default;
-export declare const Dialog: ComponentStory<(props: import("@mui/material").DialogProps) => JSX.Element>;
+export declare const Dialog: ComponentStory<(props: DialogProps) => JSX.Element>;

package/dist/published/stories/Dialog.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Dialog as CustomDialog, Button, DialogTitle, DialogActions, DialogContent, TextField, Typography } from '../index';
+import { Dialog as CustomDialog, Button, DialogTitle, DialogActions, DialogContent, TextField, Typography, } from '../index';
 export default {
     title: 'Data Display/Dialog',
     component: CustomDialog,
@@ -14,11 +14,11 @@ const DialogTemplate = (args) => {
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(Button, { variant: "outlined", onClick: handleClickOpen }, "Open simple dialog"),
-        React.createElement(CustomDialog, Object.assign({ onClose: handleClose, open: open }, args),
+        React.createElement(CustomDialog, Object.assign({ onClose: handleClose }, args, { open: open }),
             React.createElement(DialogTitle, null, "Add backup account"),
             React.createElement(DialogContent, null,
                 React.createElement(Typography, null, "Backup Account:"),
-                React.createElement(TextField, { placeholder: 'Account Name' })),
+                React.createElement(TextField, { placeholder: "Account Name" })),
             React.createElement(DialogActions, { defaultAction: { text: 'Add', onClick: () => { } }, defaultCancel: { text: 'Cancel', onClick: handleClose } }))));
 };
 export const Dialog = DialogTemplate.bind({});

package/dist/published/stories/Divider.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").DividerProps<"hr", {}>) => JSX.Element>;
+import { DividerProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: DividerProps<"hr", {}>) => JSX.Element>;
 export default _default;
-export declare const Divider: ComponentStory<(props: import("@mui/material").DividerProps<"hr", {}>) => JSX.Element>;
+export declare const Divider: ComponentStory<(props: DividerProps<"hr", {}>) => JSX.Element>;

package/dist/published/stories/Drawer.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").DrawerProps) => JSX.Element>;
+import { DrawerProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: DrawerProps) => JSX.Element>;
 export default _default;
-export declare const Drawer: ComponentStory<(props: import("@mui/material").DrawerProps) => JSX.Element>;
+export declare const Drawer: ComponentStory<(props: DrawerProps) => JSX.Element>;

package/dist/published/stories/FormControl.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormControlProps<"div", {}>) => JSX.Element>;
+import { FormControlProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormControlProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const FormControl: ComponentStory<(props: import("@mui/material").FormControlProps<"div", {}>) => JSX.Element>;
+export declare const FormControl: ComponentStory<(props: FormControlProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/FormControlLabel.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormControlLabelProps) => JSX.Element>;
+import { FormControlLabelProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormControlLabelProps) => JSX.Element>;
 export default _default;
-export declare const FormControlLabel: ComponentStory<(props: import("@mui/material").FormControlLabelProps) => JSX.Element>;
+export declare const FormControlLabel: ComponentStory<(props: FormControlLabelProps) => JSX.Element>;

package/dist/published/stories/FormControlLabel.stories.js

@@ -4,5 +4,5 @@ export default {
     title: 'Form Elements/FormControlLabel',
     component: CustomFormControlLabel,
 };
-const FormControlLabelTemplate = (args) => (React.createElement(CustomFormControlLabel, Object.assign({ control: React.createElement(Switch, { defaultChecked: true }), label: "Label" }, args)));
+const FormControlLabelTemplate = (args) => (React.createElement(CustomFormControlLabel, Object.assign({}, args, { control: React.createElement(Switch, { defaultChecked: true }), label: "Label" })));
 export const FormControlLabel = FormControlLabelTemplate.bind({});

package/dist/published/stories/FormField.stories.d.ts

@@ -1,12 +1,14 @@
+/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
+import { FormFieldProps } from '../components/custom/FormField/FormField';
+declare const _default: ComponentMeta<(props: FormFieldProps) => JSX.Element>;
 export default _default;
-export declare const InputField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const NumberField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const MaskedInput: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const ChoicesSelectField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const DatePickerField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const BooleanField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const FileUploadField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const ArraySelectField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
-export declare const AddressField: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => any>;
+export declare const InputField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const NumberField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const MaskedInput: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const ChoicesSelectField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const DatePickerField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const BooleanField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const FileUploadField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const ArraySelectField: ComponentStory<(props: FormFieldProps) => JSX.Element>;
+export declare const AddressField: ComponentStory<(props: FormFieldProps) => JSX.Element>;

package/dist/published/stories/FormGroup.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormGroupProps) => JSX.Element>;
+import { FormGroupProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormGroupProps) => JSX.Element>;
 export default _default;
-export declare const FormGroup: ComponentStory<(props: import("@mui/material").FormGroupProps) => JSX.Element>;
+export declare const FormGroup: ComponentStory<(props: FormGroupProps) => JSX.Element>;

package/dist/published/stories/FormHelperText.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material/FormHelperText/FormHelperText").FormHelperTextProps<"p", {}>) => JSX.Element>;
+import { FormHelperTextProps } from '../index';
+declare const _default: ComponentMeta<(props: FormHelperTextProps<"p", {}>) => JSX.Element>;
 export default _default;
-export declare const FormHelperText: ComponentStory<(props: import("@mui/material/FormHelperText/FormHelperText").FormHelperTextProps<"p", {}>) => JSX.Element>;
+export declare const FormHelperText: ComponentStory<(props: FormHelperTextProps<"p", {}>) => JSX.Element>;

package/dist/published/stories/FormLabel.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").FormLabelProps<"label", {}>) => JSX.Element>;
+import { FormLabelProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: FormLabelProps<"label", {}>) => JSX.Element>;
 export default _default;
-export declare const FormLabel: ComponentStory<(props: import("@mui/material").FormLabelProps<"label", {}>) => JSX.Element>;
+export declare const FormLabel: ComponentStory<(props: FormLabelProps<"label", {}>) => JSX.Element>;

package/dist/published/stories/Grid.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").GridProps<"div", {}>) => JSX.Element>;
+import { GridProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: GridProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Grid: ComponentStory<(props: import("@mui/material").GridProps<"div", {}>) => JSX.Element>;
+export declare const Grid: ComponentStory<(props: GridProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/IconButton.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").IconButtonProps<"button", {}>) => JSX.Element>;
+import { IconButtonProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: IconButtonProps<"button", {}>) => JSX.Element>;
 export default _default;
-export declare const IconButton: ComponentStory<(props: import("@mui/material").IconButtonProps<"button", {}>) => JSX.Element>;
+export declare const IconButton: ComponentStory<(props: IconButtonProps<"button", {}>) => JSX.Element>;

package/dist/published/stories/LinearProgress.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").LinearProgressProps) => JSX.Element>;
+import { LinearProgressProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: LinearProgressProps) => JSX.Element>;
 export default _default;
-export declare const LinearProgress: ComponentStory<(props: import("@mui/material").LinearProgressProps) => JSX.Element>;
+export declare const LinearProgress: ComponentStory<(props: LinearProgressProps) => JSX.Element>;

package/dist/published/stories/Link.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").LinkProps<"a", {}>) => JSX.Element>;
+import { LinkProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: LinkProps<"a", {}>) => JSX.Element>;
 export default _default;
-export declare const Link: ComponentStory<(props: import("@mui/material").LinkProps<"a", {}>) => JSX.Element>;
+export declare const Link: ComponentStory<(props: LinkProps<"a", {}>) => JSX.Element>;

package/dist/published/stories/List.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").ListProps<"ul", {}>) => JSX.Element>;
+import { ListProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: ListProps<"ul", {}>) => JSX.Element>;
 export default _default;
-export declare const List: ComponentStory<(props: import("@mui/material").ListProps<"ul", {}>) => JSX.Element>;
+export declare const List: ComponentStory<(props: ListProps<"ul", {}>) => JSX.Element>;

package/dist/published/stories/List.stories.js

@@ -21,7 +21,7 @@ const ListTemplate = (args) => (React.createElement(Box, { sx: { width: '100%',
                     React.createElement(ListItemText, { primary: "Drafts" }))))),
     React.createElement(Divider, null),
     React.createElement("nav", { "aria-label": "secondary mailbox folders" },
-        React.createElement(CustomList, Object.assign({}, Object.assign({}, args.props)),
+        React.createElement(CustomList, Object.assign({}, args),
             React.createElement(ListItem, { disablePadding: true },
                 React.createElement(ListItemButton, null,
                     React.createElement(ListItemText, { primary: "Trash" }))),

package/dist/published/stories/Menu.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").MenuProps) => JSX.Element>;
+import { MenuProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: MenuProps) => JSX.Element>;
 export default _default;
-export declare const Menu: ComponentStory<(props: import("@mui/material").MenuProps) => JSX.Element>;
+export declare const Menu: ComponentStory<(props: MenuProps) => JSX.Element>;

package/dist/published/stories/Menu.stories.js

@@ -15,9 +15,9 @@ const MenuTemplate = (args) => {
     };
     return (React.createElement("div", null,
         React.createElement(Button, { id: "basic-button", "aria-controls": open ? 'basic-menu' : undefined, "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, onClick: handleClick }, "Dashboard"),
-        React.createElement(CustomMenu, Object.assign({ id: "basic-menu", anchorEl: anchorEl, open: open, onClose: handleClose, MenuListProps: {
+        React.createElement(CustomMenu, Object.assign({ id: "basic-menu", anchorEl: anchorEl, onClose: handleClose, MenuListProps: {
                 'aria-labelledby': 'basic-button',
-            } }, args),
+            } }, args, { open: open }),
             React.createElement(MenuItem, { onClick: handleClose }, "Profile"),
             React.createElement(MenuItem, { onClick: handleClose }, "My account"),
             React.createElement(MenuItem, { onClick: handleClose }, "Logout"))));

package/dist/published/stories/MenuBar.stories.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import { MenuBar as CustomMenuBar } from '../index';
 import { Link } from '@mui/material';
-const logo = require('../SA_logo.jpeg');
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const logo = require('../assets/SA_logo.jpeg');
 export default {
     title: 'Data Display/MenuBar',
     component: CustomMenuBar,

package/dist/published/stories/Palette.stories.js

@@ -34,7 +34,7 @@ const colors = [
     { colorName: 'success', main: '#54D62C', light: '#AAF27F', dark: '#229A16', darker: '#08660D' },
     { colorName: 'error', main: '#A12723', light: '#FF695C', dark: '#B72136', darker: '#7A0C2E' },
 ];
-const PaletteTemplate = (args) => {
+const PaletteTemplate = () => {
     return (React.createElement(Grid, { container: true, spacing: 2 }, colors.map((item) => (React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 6 },
         React.createElement(Grid, { container: true, sx: { backgroundColor: 'rgba(145, 158, 171, 0.08)', padding: 2 } },
             React.createElement(Grid, { item: true, xs: 6, sm: 6, sx: { px: '5px' } },

package/dist/published/stories/Paper.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").PaperProps<"div", {}>) => JSX.Element>;
+import { PaperProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: PaperProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Paper: ComponentStory<(props: import("@mui/material").PaperProps<"div", {}>) => JSX.Element>;
+export declare const Paper: ComponentStory<(props: PaperProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/RadioGroup.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").RadioGroupProps) => JSX.Element>;
+import { RadioGroupProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: RadioGroupProps) => JSX.Element>;
 export default _default;
-export declare const RadioGroup: ComponentStory<(props: import("@mui/material").RadioGroupProps) => JSX.Element>;
+export declare const RadioGroup: ComponentStory<(props: RadioGroupProps) => JSX.Element>;

package/dist/published/stories/Skeleton.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").SkeletonProps<"span", {}>) => JSX.Element>;
+import { SkeletonProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: SkeletonProps<"span", {}>) => JSX.Element>;
 export default _default;
-export declare const Skeleton: ComponentStory<(props: import("@mui/material").SkeletonProps<"span", {}>) => JSX.Element>;
+export declare const Skeleton: ComponentStory<(props: SkeletonProps<"span", {}>) => JSX.Element>;

package/dist/published/stories/Stack.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").StackProps<"div", {}>) => JSX.Element>;
+import { StackProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: StackProps<"div", {}>) => JSX.Element>;
 export default _default;
-export declare const Stack: ComponentStory<(props: import("@mui/material").StackProps<"div", {}>) => JSX.Element>;
+export declare const Stack: ComponentStory<(props: StackProps<"div", {}>) => JSX.Element>;

package/dist/published/stories/Stepper.stories.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").StepperProps<"div", {
+import { StepperProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: StepperProps<"div", {
     component?: React.ElementType<any> | undefined;
 }>) => JSX.Element>;
 export default _default;
-export declare const Stepper: ComponentStory<(props: import("@mui/material").StepperProps<"div", {
+export declare const Stepper: ComponentStory<(props: StepperProps<"div", {
     component?: React.ElementType<any> | undefined;
 }>) => JSX.Element>;

package/dist/published/stories/Switch.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").SwitchProps) => JSX.Element>;
+import { SwitchProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: SwitchProps) => JSX.Element>;
 export default _default;
-export declare const Switch: ComponentStory<(props: import("@mui/material").SwitchProps) => JSX.Element>;
+export declare const Switch: ComponentStory<(props: SwitchProps) => JSX.Element>;

package/dist/published/stories/Table.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").TableProps<"table", {}>) => JSX.Element>;
+import { TableProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: TableProps<"table", {}>) => JSX.Element>;
 export default _default;
-export declare const Table: ComponentStory<(props: import("@mui/material").TableProps<"table", {}>) => JSX.Element>;
+export declare const Table: ComponentStory<(props: TableProps<"table", {}>) => JSX.Element>;

package/dist/published/stories/Tabs.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
+import { TabsProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
 export default _default;
-export declare const Tabs: ComponentStory<(props: import("@mui/material").TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;
+export declare const Tabs: ComponentStory<(props: TabsProps<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>, {}>) => JSX.Element>;

package/dist/published/stories/TextField.stories.d.ts

@@ -1,19 +1,20 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").TextFieldProps & {
+import { TextFieldProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: TextFieldProps & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
 }) => JSX.Element>;
 export default _default;
-export declare const TextField: ComponentStory<(props: import("@mui/material").TextFieldProps & {
+export declare const TextField: ComponentStory<(props: TextFieldProps & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
 }) => JSX.Element>;
-export declare const TextFieldReadOnly: ComponentStory<(props: import("@mui/material").TextFieldProps & {
+export declare const TextFieldReadOnly: ComponentStory<(props: TextFieldProps & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;

package/dist/published/stories/TextField.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Input/TextField',
     component: CustomTextField,
 };
-const TextFieldTemplate = (args) => React.createElement(CustomTextField, Object.assign({}, args));
+const TextFieldTemplate = (args) => (React.createElement(CustomTextField, Object.assign({}, args)));
 export const TextField = TextFieldTemplate.bind({});
 TextField.argTypes = {
     variant: {
@@ -42,7 +42,7 @@ TextField.argTypes = {
     },
     required: {
         type: 'boolean',
-        defaultValue: false
+        defaultValue: false,
     },
     instructionText: {
         type: 'string',

package/dist/published/stories/TimePicker.stories.js

@@ -29,6 +29,6 @@ const TimePickerTemplate = (args) => {
         setValue(newValue);
     };
     return (React.createElement(LocalizationProvider, null,
-        React.createElement(TimePicker, Object.assign({}, rest, { value: value, onChange: handleChange, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { fullWidth: true, size: 'small' }))) }))));
+        React.createElement(TimePicker, Object.assign({}, rest, { value: value, onChange: handleChange, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { fullWidth: true, size: 'small' })) }))));
 };
 export const DatePicker = TimePickerTemplate.bind({});

package/dist/published/stories/TimePickerSelect.stories.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("../components/custom/FormField/FormField").FormFieldProps) => JSX.Element>;
+declare const _default: ComponentMeta<(props: import("../components/custom/FormField/FormField").FormFieldProps & {
+    id: string;
+}) => JSX.Element>;
 export default _default;
-export declare const TimePicker: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps) => JSX.Element>;
+export declare const TimePicker: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps & {
+    id: string;
+}) => JSX.Element>;

package/dist/published/stories/TimePickerSelect.stories.js

@@ -20,12 +20,13 @@ export default {
         },
     },
 };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const TimePickerSelectTemplate = (args) => {
     const { defaultValue } = args, rest = __rest(args, ["defaultValue"]);
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (id, newValue, property) => {
         setValue(newValue);
     };
-    return (React.createElement(TimePickerSelect, Object.assign({}, rest, { value: value, onChange: handleChange, property: { id: '1' } })));
+    return React.createElement(TimePickerSelect, Object.assign({}, rest, { value: value, onChange: handleChange, property: { id: '1' } }));
 };
 export const TimePicker = TimePickerSelectTemplate.bind({});

package/dist/published/stories/ToggleButton.stories.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("@mui/material").ToggleButtonProps<"button", {}>) => JSX.Element>;
+import { ToggleButtonProps } from '@mui/material';
+declare const _default: ComponentMeta<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;
 export default _default;
-export declare const ToggleButton: ComponentStory<(props: import("@mui/material").ToggleButtonProps<"button", {}>) => JSX.Element>;
+export declare const ToggleButton: ComponentStory<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;

package/dist/published/stories/ToggleButton.stories.js

@@ -11,13 +11,13 @@ const ToggleButtonTemplate = (args) => {
         setAlignment(newAlignment);
     };
     return (React.createElement(ToggleButtonGroup, { value: alignment, exclusive: true, onChange: handleAlignment, "aria-label": "text alignment" },
-        React.createElement(CustomToggleButton, Object.assign({ value: "left", "aria-label": "left aligned" }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "left aligned" }, args, { value: "left" }),
             React.createElement(FormatAlignLeft, null)),
-        React.createElement(CustomToggleButton, Object.assign({ value: "center", "aria-label": "centered" }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "centered" }, args, { value: "center" }),
             React.createElement(FormatAlignCenter, null)),
-        React.createElement(CustomToggleButton, Object.assign({ value: "right", "aria-label": "right aligned" }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "right aligned" }, args, { value: "right" }),
             React.createElement(FormatAlignRight, null)),
-        React.createElement(CustomToggleButton, Object.assign({ value: "justify", "aria-label": "justified", disabled: true }, args),
+        React.createElement(CustomToggleButton, Object.assign({ "aria-label": "justified", disabled: true }, args, { value: "justify" }),
             React.createElement(FormatAlignJustify, null))));
 };
 export const ToggleButton = ToggleButtonTemplate.bind({});

package/dist/published/stories/Typography.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Theme/Typography',
     component: CustomTypography,
 };
-const TypographyTemplate = (args) => (React.createElement(Box, null,
+const TypographyTemplate = () => (React.createElement(Box, null,
     React.createElement(CustomTypography, { variant: "h1", component: "div", gutterBottom: true }, "h1. Heading"),
     React.createElement(CustomTypography, { variant: "h2", gutterBottom: true, component: "div" }, "h2. Heading"),
     React.createElement(CustomTypography, { variant: "h3", gutterBottom: true, component: "div" }, "h3. Heading"),

package/dist/published/theme/UIThemeProvider.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
+import { Theme } from '@mui/material';
 declare type ThemeProviderPropType = {
-    args?: any;
+    args?: {
+        theme?: Theme;
+    };
     children: React.ReactNode | string;
 };
 declare function UIThemeProvider(props: ThemeProviderPropType): JSX.Element;