@evoke-platform/ui-components 1.0.0-dev.216 → 1.0.0-dev.218

package/dist/published/components/custom/FormField/AddressFieldComponent/AddressFieldComponent.test.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
+import React from 'react';
 import AddressFieldComponent from './addressFieldComponent';
 // Right now an object property is required for this to function, but eventually this should go
 // away.

package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js

@@ -8,7 +8,7 @@ const AddressFieldComponent = (props) => {
     const { id, property, defaultValue, error, errorMessage, onBlur, readOnly, required, size, placeholder, mask, isMultiLineText, rows, inputMaskPlaceholderChar, queryAddresses, additionalProps, } = props;
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
     const [selectOptions, setSelectOptions] = useState([]);
-    const [anchorEl, setAnchorEl] = React.useState(null);
+    const [anchorEl, setAnchorEl] = useState(null);
     const textFieldRef = useRef(null);
     const open = Boolean(anchorEl);
     const popoverId = open ? `${id}-popover` : undefined;

package/dist/published/components/custom/FormField/BooleanSelect/BooleanSelect.test.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
+import React from 'react';
 import BooleanSelect from './BooleanSelect';
 // Right now an object property is required for this to function, but eventually this should go
 // away.

package/dist/published/components/custom/FormField/DatePickerSelect/DatePickerSelect.test.js

@@ -7,13 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { LocalDate, Month } from '@js-joda/core';
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import { render, screen, within } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
-import DatePickerSelect from './DatePickerSelect';
-import { LocalDate, Month } from '@js-joda/core';
+import React from 'react';
 import { InvalidDate } from '../../../../util';
+import DatePickerSelect from './DatePickerSelect';
 // Right now an object property is required for this to function, but eventually this should go
 // away.
 const dateProperty = {

package/dist/published/components/custom/FormField/DateTimePickerSelect/DateTimePickerSelect.js

@@ -1,8 +1,8 @@
+import { LocalDate, LocalDateTime, LocalTime, nativeJs } from '@js-joda/core';
 import React, { useEffect, useState } from 'react';
+import { InvalidDate } from '../../../../util';
 import { DateTimePicker, LocalizationProvider, TextField } from '../../../core';
 import InputFieldComponent from '../InputFieldComponent/InputFieldComponent';
-import { LocalDate, LocalDateTime, LocalTime, nativeJs } from '@js-joda/core';
-import { InvalidDate } from '../../../../util';
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const { format } = require('small-date');
 function asCalendarDate(value) {

package/dist/published/components/custom/FormField/DateTimePickerSelect/DateTimePickerSelect.test.js

@@ -7,13 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { LocalDateTime, Month } from '@js-joda/core';
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import { render, screen, within } from '@testing-library/react';
-import { userEvent, PointerEventsCheckLevel } from '@testing-library/user-event';
-import DateTimePickerSelect from './DateTimePickerSelect';
-import { LocalDateTime, Month } from '@js-joda/core';
+import { PointerEventsCheckLevel, userEvent } from '@testing-library/user-event';
+import React from 'react';
 import { InvalidDate } from '../../../../util';
+import DateTimePickerSelect from './DateTimePickerSelect';
 // Right now an object property is required for this to function, but eventually this should go
 // away.
 const dateTimeProperty = {

package/dist/published/components/custom/FormField/FormField.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Address } from './AddressFieldComponent/addressFieldComponent';
+import { FocusEventHandler, ReactNode } from 'react';
 import { ObjectProperty } from '../../../types';
 import { AutocompleteOption } from '../../core';
+import { Address } from './AddressFieldComponent/addressFieldComponent';
 export declare type FormFieldProps = {
     id?: string;
     property: ObjectProperty;
     onChange: Function;
-    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     defaultValue?: unknown;
     error?: boolean;
     errorMessage?: string;
@@ -24,7 +24,7 @@ export declare type FormFieldProps = {
     inputMaskPlaceholderChar?: string;
     queryAddresses?: (input: string) => Promise<Address[]>;
     isOptionEqualToValue?: (option: AutocompleteOption | string, value: unknown) => boolean;
-    renderOption?: (props: unknown, option: AutocompleteOption | string, state: unknown) => React.ReactNode;
+    renderOption?: (props: unknown, option: AutocompleteOption | string, state: unknown) => ReactNode;
     getOptionLabel?: (option: AutocompleteOption) => string;
     disableCloseOnSelect?: boolean;
     additionalProps?: Record<string, unknown>;

package/dist/published/components/custom/FormField/FormField.js

@@ -2,11 +2,11 @@ import React from 'react';
 import AddressFieldComponent from './AddressFieldComponent/addressFieldComponent';
 import BooleanSelect from './BooleanSelect/BooleanSelect';
 import DatePickerSelect from './DatePickerSelect/DatePickerSelect';
+import DateTimePickerSelect from './DateTimePickerSelect/DateTimePickerSelect';
 import FileUploadControl from './FileUpload/FileUpload';
 import InputFieldComponent from './InputFieldComponent/InputFieldComponent';
 import Select from './Select/Select';
 import TimePickerSelect from './TimePickerSelect/TimePickerSelect';
-import DateTimePickerSelect from './DateTimePickerSelect/DateTimePickerSelect';
 const FormField = (props) => {
     const { id, defaultValue, error, onChange, property, readOnly, selectOptions, required, size, placeholder, errorMessage, onBlur, mask, max, min, isMultiLineText, rows, inputMaskPlaceholderChar, queryAddresses, isOptionEqualToValue, renderOption, disableCloseOnSelect, getOptionLabel, additionalProps, } = props;
     let control;

package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useEffect, useState } from 'react';
+import InputMask from 'react-input-mask';
 import NumberFormat from 'react-number-format';
 import { Autocomplete, TextField } from '../../../core';
-import InputMask from 'react-input-mask';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const NumericFormat = (props) => {
     const { inputRef, onChange, defaultValue } = props, other = __rest(props, ["inputRef", "onChange", "defaultValue"]);

package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.test.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
+import React from 'react';
 import InputField from './InputFieldComponent';
 describe('Free-text input', () => {
     // Right now an object property is required for this to function, but eventually this should go

package/dist/published/components/custom/FormField/Select/Select.test.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
+import React from 'react';
 import Select from './Select';
 describe('Single select', () => {
     // Right now an object property is required for this to function, but eventually this should go

package/dist/published/components/custom/FormField/TimePickerSelect/TimePickerSelect.js

@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
-import { LocalizationProvider, TextField } from '../../../core';
-import { TimePicker } from '@mui/x-date-pickers';
 import { LocalDateTime } from '@js-joda/core';
-import { padStart, isUndefined } from 'lodash';
+import { TimePicker } from '@mui/x-date-pickers';
+import { isUndefined, padStart } from 'lodash';
+import React, { useEffect, useState } from 'react';
 import { InvalidDate } from '../../../../util';
+import { LocalizationProvider, TextField } from '../../../core';
 const TimePickerSelect = (props) => {
     const { id, property, defaultValue, error, errorMessage, readOnly, required, size, onBlur, placeholder, additionalProps, } = props;
     const values = defaultValue ? defaultValue.split(':') : undefined;

package/dist/published/components/custom/Menubar/Menubar.js

@@ -1,5 +1,5 @@
+import { AppBar, Box, CardMedia, Toolbar, Typography } from '@mui/material';
 import React from 'react';
-import { AppBar, Toolbar, Box, Typography, CardMedia } from '@mui/material';
 import UIThemeProvider from '../../../theme';
 const classes = {
     title: {

package/dist/published/components/custom/Menubar/Menubar.test.js

@@ -1,7 +1,7 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
-import Menubar from './index';
+import React from 'react';
 import { Link } from '../../core';
+import Menubar from './index';
 test('render Menubar component without crashing', () => {
     const navItems = (React.createElement(React.Fragment, null,
         React.createElement(Link, { href: "#" }, "Object1"),

package/dist/published/components/custom/MultiSelect/MultiSelect.js

@@ -1,13 +1,13 @@
+import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';
+import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { DragHandleOutlined, Search, WarningRounded } from '@mui/icons-material';
+import { AlertTitle, Box, Button, Grid, IconButton, InputAdornment, Switch, TextField, Typography, } from '@mui/material';
+import { sortBy } from 'lodash';
 import React, { useEffect, useState } from 'react';
-import { Box, Grid, InputAdornment, Switch, TextField, Typography, IconButton, Button, AlertTitle, } from '@mui/material';
-import { Search, DragHandleOutlined, WarningRounded } from '@mui/icons-material';
 import UIThemeProvider from '../../../theme';
-import { sortBy } from 'lodash';
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
-import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';
-import { SortableItem } from './SortableItem';
 import { Alert, Tooltip } from '../../core';
+import { SortableItem } from './SortableItem';
 const styles = {
     textField: {
         borderRadius: '8px',

package/dist/published/components/custom/MultiSelect/SortableItem.js

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Box } from '@mui/material';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
+import { Box } from '@mui/material';
+import React from 'react';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const SortableItem = (props) => {
     const { Item } = props;

package/dist/published/components/custom/RepeatableField/RepeatableField.js

@@ -1,8 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import { Add as AddIcon, ExpandMore as ExpandMoreIcon, InfoRounded } from '@mui/icons-material';
+import { Accordion, AccordionDetails, AccordionSummary, Button, Typography } from '@mui/material';
 import { cloneDeep } from 'lodash';
-import { Accordion, Typography, AccordionSummary, AccordionDetails, Button } from '@mui/material';
+import React, { Fragment, useEffect, useState } from 'react';
 import UIThemeProvider from '../../../theme';
-import { InfoRounded, ExpandMore as ExpandMoreIcon, Add as AddIcon } from '@mui/icons-material';
 const styles = {
     accordion: {
         borderRadius: '8px',
@@ -112,7 +112,7 @@ export default function RepeatableField(props) {
                     (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.isError) && (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.isError(field)) && (React.createElement(InfoRounded, { sx: { color: '#A12723', paddingRight: '4px' } })),
                     React.createElement(Typography, { sx: { padding: '4px' } }, displayHeaders(index))),
                 React.createElement(AccordionDetails, { sx: styles.accordionDetails },
-                    React.createElement(React.Fragment, null, children(handler, index, selectedField)),
+                    React.createElement(Fragment, null, children(handler, index, selectedField)),
                     React.createElement(Button, { variant: "outlined", color: "error", size: "small", sx: { margin: '15px 0 0 0', borderRadius: '8px', width: 'max-content' }, onClick: () => handleRemoveSelectField(index) },
                         "Delete ",
                         (dynamicHeaders === null || dynamicHeaders === void 0 ? void 0 : dynamicHeaders.displayTitle) || 'Item'))))),

package/dist/published/components/custom/index.d.ts

@@ -2,6 +2,7 @@ export { BuilderGrid } from './BuilderGrid';
 export { CriteriaBuilder } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
 export { ErrorComponent } from './ErrorComponent';
+export { Form } from './Form';
 export { FormField } from './FormField';
 export { MenuBar } from './Menubar';
 export { MultiSelect } from './MultiSelect';

package/dist/published/components/custom/index.js

@@ -2,6 +2,7 @@ export { BuilderGrid } from './BuilderGrid';
 export { CriteriaBuilder } from './CriteriaBuilder';
 export { DataGrid } from './DataGrid';
 export { ErrorComponent } from './ErrorComponent';
+export { Form } from './Form';
 export { FormField } from './FormField';
 export { MenuBar } from './Menubar';
 export { MultiSelect } from './MultiSelect';

package/dist/published/components/custom/util.js

@@ -1,4 +1,4 @@
-import { transform, isEqual, isObject } from 'lodash';
+import { isEqual, isObject, transform } from 'lodash';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function difference(object, base) {
     if (!object) {

package/dist/published/components/layout/Box/Box.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { BoxProps } from '@mui/material';
+import { ElementType } from 'react';
 declare type CustomBoxProps = BoxProps & {
     sx?: object;
-    component?: React.ElementType;
+    component?: ElementType;
 };
 declare const Box: (props: CustomBoxProps) => JSX.Element;
 export default Box;

package/dist/published/components/layout/Box/Box.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Box as MUIBox } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Box = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/layout/Container/Container.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Container as MUIContainer } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Container = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/layout/Grid/Grid.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Grid as MUIGrid } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Grid = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/components/layout/Stack/Stack.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Stack as MUIStack } from '@mui/material';
+import React from 'react';
 import UIThemeProvider from '../../../theme';
 const Grid = (props) => {
     return (React.createElement(UIThemeProvider, null,

package/dist/published/icons/custom/TrashCan.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { SvgIconProps } from '@mui/material';
+import React from 'react';
 export declare const TrashCan: (props: {
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;

package/dist/published/icons/custom/TrashCan.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { SvgIcon } from '@mui/material';
+import React from 'react';
 export const TrashCan = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     return (React.createElement(SvgIcon, Object.assign({}, props, { viewBox: '0 0 20 20', sx: Object.assign({ verticalAlign: 'top', maxWidth: (_b = (_a = props.sx) === null || _a === void 0 ? void 0 : _a['width']) !== null && _b !== void 0 ? _b : '24', maxHeight: (_d = (_c = props.sx) === null || _c === void 0 ? void 0 : _c['height']) !== null && _d !== void 0 ? _d : '24' }, props.sx) }),

package/dist/published/icons/custom/index.d.ts

@@ -1,5 +1,5 @@
+export * from './FileWithExtension';
 export * from './Inherited';
 export * from './Overrides';
 export * from './TrashCan';
 export * from './UploadCloud';
-export * from './FileWithExtension';

package/dist/published/icons/custom/index.js

@@ -1,5 +1,5 @@
+export * from './FileWithExtension';
 export * from './Inherited';
 export * from './Overrides';
 export * from './TrashCan';
 export * from './UploadCloud';
-export * from './FileWithExtension';

package/dist/published/index.d.ts

@@ -1,11 +1,11 @@
 export { ClickAwayListener, Toolbar, createTheme, styled } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
-export * from './util';
 export * as EVOKE_TYPES from './types';
+export * from './util';
 export type { ButtonBaseActions, ButtonBaseClasses, FormControlProps, FormHelperTextProps, GridSize, MenuItemClasses, Theme, } from '@mui/material';
-export type { TouchRippleProps, TouchRippleActions } from '@mui/material/ButtonBase/TouchRipple';
+export type { TouchRippleActions, TouchRippleProps } from '@mui/material/ButtonBase/TouchRipple';
 export type { CommonProps } from '@mui/material/OverridableComponent';
 export type { SxProps } from '@mui/system';

package/dist/published/index.js

@@ -1,7 +1,7 @@
 export { ClickAwayListener, Toolbar, createTheme, styled } from '@mui/material';
 export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
 export * from './components/core';
-export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
+export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
 export { Box, Container, Grid, Stack } from './components/layout';
-export * from './util';
 export * as EVOKE_TYPES from './types';
+export * from './util';

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

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

package/dist/published/stories/Accordion.stories.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Typography } from '@mui/material';
-import { Accordion as CustomAccordion, AccordionSummary, AccordionDetails } from '../index';
+import React from 'react';
+import { AccordionDetails, AccordionSummary, Accordion as CustomAccordion } from '../index';
 export default {
     title: 'Data Display/Accordion',
     component: CustomAccordion,

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

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

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

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

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

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

package/dist/published/stories/Appbar.stories.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { AppBar as CustomAppBar, Toolbar, Typography, Box, Button, IconButton } from '../index';
 import { Menu } from '@mui/icons-material';
+import React from 'react';
+import { Box, Button, AppBar as CustomAppBar, IconButton, Toolbar, Typography } from '../index';
 export default {
     title: 'Data Display/AppBar',
     component: CustomAppBar,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
 import { AutocompleteProps } from '../components/core/Autocomplete/Autocomplete';
 declare const _default: ComponentMeta<(props: AutocompleteProps) => JSX.Element>;
 export default _default;

package/dist/published/stories/Autocomplete.stories.js

@@ -1,6 +1,6 @@
+import { TextField } from '@mui/material';
 import React from 'react';
 import { Autocomplete as CustomAutocomplete } from '../index';
-import { TextField } from '@mui/material';
 export default {
     title: 'Input/Autocomplete',
     component: CustomAutocomplete,
@@ -173,7 +173,7 @@ export default {
         getOptionDisabled: {
             type: 'function',
             description: `Used to determine the disabled state for a given option.
-            
+
             Signature:
             function(option: T) => boolean
             option: The option to test.
@@ -262,7 +262,7 @@ export default {
         multiple: {
             type: 'boolean',
             defaultValue: false,
-            description: `	
+            description: `
             If true, value must be an array and the menu will support multiple selections`,
         },
         noOptionsText: {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { ComponentMeta, ComponentStory } from '@storybook/react';
 declare const _default: ComponentMeta<(props: import("../components/core/Avatar/Avatar").CustomAvatarProps) => JSX.Element>;
 export default _default;
 export declare const Avatar: ComponentStory<(props: import("../components/core/Avatar/Avatar").CustomAvatarProps) => JSX.Element>;

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

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

package/dist/published/stories/Backdrop.stories.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { Backdrop as CustomBackdrop, Button, CircularProgress } from '../index';
+import React, { useState } from 'react';
+import { Button, CircularProgress, Backdrop as CustomBackdrop } from '../index';
 export default {
     title: 'Data Display/Backdrop',
     component: CustomBackdrop,
 };
 const BackdropTemplate = (args) => {
-    const [open, setOpen] = React.useState(false);
+    const [open, setOpen] = useState(false);
     const handleClose = () => {
         setOpen(false);
     };

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

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

package/dist/published/stories/Badge.stories.js

@@ -1,6 +1,6 @@
+import { Mail } from '@mui/icons-material';
 import React from 'react';
 import { Badge as CustomBadge } from '../index';
-import { Mail } from '@mui/icons-material';
 export default {
     title: 'Data Display/Badge',
     component: CustomBadge,

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

@@ -1,5 +1,5 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<(props: import("@mui/system").SystemProps<import("@mui/material").Theme> & {
     children?: React.ReactNode;
     component?: React.ElementType<any> | undefined;

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

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

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

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

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

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

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

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

package/dist/published/stories/Card.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Card as CustomCard, CardMedia, CardContent, Typography, CardActions, Button } from '../index';
+import { Button, CardActions, CardContent, CardMedia, Card as CustomCard, Typography } from '../index';
 export default {
     title: 'Data Display/Card',
     component: CustomCard,

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

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

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

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

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

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