@etsoo/materialui 1.5.2 → 1.5.4

package/lib/mjs/DraggablePaperComponent.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Paper } from "@mui/material";
+import Paper from "@mui/material/Paper";
 import React from "react";
 import Draggable from "react-draggable";
 /**

package/lib/mjs/EmailInput.d.ts

@@ -1,4 +1,4 @@
-import { TextFieldProps } from "@mui/material";
+import { TextFieldProps } from "@mui/material/TextField";
 /**
  * Email input props
  */

package/lib/mjs/EmailInput.js

@@ -1,14 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from "@mui/material";
+import TextField from "@mui/material/TextField";
 /**
  * Email input
  * @param props Props
  */
 export function EmailInput(props) {
-    // Destruct
-    const { inputProps = {}, ...rest } = props;
-    // Default max length
-    inputProps.maxLength ??= 128;
+    props.slotProps ??= {};
+    props.slotProps.htmlInput ??= { maxLength: 128 };
     // Layout
-    return _jsx(TextField, { type: "email", fullWidth: true, inputProps: inputProps, ...rest });
+    return _jsx(TextField, { type: "email", fullWidth: true, ...props });
 }

package/lib/mjs/ErrorAlert.d.ts

@@ -1,4 +1,4 @@
-import { AlertProps } from "@mui/material";
+import { AlertProps } from "@mui/material/Alert";
 /**
  * Error alert props
  */

package/lib/mjs/ErrorAlert.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert } from "@mui/material";
+import Alert from "@mui/material/Alert";
 import { useAppContext } from "./app/ReactApp";
 /**
  * Error alert component

package/lib/mjs/FabBox.d.ts

@@ -1,4 +1,5 @@
-import { BoxProps, PaperProps } from "@mui/material";
+import { BoxProps } from "@mui/material/Box";
+import { PaperProps } from "@mui/material/Paper";
 type SharedProps = keyof BoxProps & keyof PaperProps;
 /**
  * Fabs container box props

package/lib/mjs/FabBox.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Paper, useTheme } from "@mui/material";
+import Box from "@mui/material/Box";
+import Paper from "@mui/material/Paper";
+import { useTheme } from "@mui/material/styles";
 import React from "react";
 const initOpactiy = 0.15;
 /**

package/lib/mjs/FieldSetEx.d.ts

@@ -1,4 +1,4 @@
-import { FormControlProps } from "@mui/material";
+import { FormControlProps } from "@mui/material/FormControl";
 import React from "react";
 /**
  * FieldSetEx props

package/lib/mjs/FieldSetEx.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, FormHelperText, InputLabel } from "@mui/material";
+import FormControl from "@mui/material/FormControl";
+import FormHelperText from "@mui/material/FormHelperText";
+import InputLabel from "@mui/material/InputLabel";
 import NotchedOutline from "@mui/material/OutlinedInput";
 import React from "react";
 /**

package/lib/mjs/FileUploadButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from "@mui/material";
+import { ButtonProps } from "@mui/material/Button";
 import React from "react";
 /**
  * File upload button props

package/lib/mjs/FileUploadButton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@mui/material";
+import Button from "@mui/material/Button";
 /**
  * File upload button
  * @param props Props

package/lib/mjs/FlexBox.d.ts

@@ -1,4 +1,4 @@
-import { StackProps } from "@mui/material";
+import { StackProps } from "@mui/material/Stack";
 /**
  * Horizonal box
  * @param props Props

package/lib/mjs/FlexBox.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Stack } from "@mui/material";
+import Stack from "@mui/material/Stack";
 /**
  * Horizonal box
  * @param props Props

package/lib/mjs/HiSelector.d.ts

@@ -1,7 +1,8 @@
 import { DataTypes, IdDefaultType, LabelDefaultType } from "@etsoo/shared";
-import { GridSize, SelectChangeEvent } from "@mui/material";
 import React from "react";
 import { ResponsiveStyleValue } from "./ResponsiveStyleValue";
+import { GridSize } from "@mui/material/Grid";
+import { SelectChangeEvent } from "@mui/material/Select";
 /**
  * Hierarchy selector props
  */

package/lib/mjs/HiSelector.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormLabel, Grid2 } from "@mui/material";
 import React from "react";
 import { SelectEx } from "./SelectEx";
+import Grid from "@mui/material/Grid";
+import FormLabel from "@mui/material/FormLabel";
 /**
  * Hierarchy selector
  * @param props Prop
@@ -39,5 +40,5 @@ export function HiSelector(props) {
     React.useEffect(() => {
         updateValue(currentValue);
     }, [currentValue]);
-    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid2, { size: { xs: 12 }, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), _jsx("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }), _jsx(Grid2, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[0], labelField: labelField, name: "tab1", search: search, fullWidth: true, loadData: () => loadData(), value: values[0], onChange: (event) => doChange(event, 0), onItemChange: doItemChange, required: required, error: error, helperText: helperText, variant: variant }) }), localValues[0] != null && (_jsx(Grid2, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[1], labelField: labelField, name: "tab2", search: search, fullWidth: true, loadData: () => loadData(localValues[0]), value: values[1], onChange: (event) => doChange(event, 1), onItemChange: doItemChange, variant: variant }, `${localValues[0]}`) })), localValues[1] != null && (_jsx(Grid2, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[2], labelField: labelField, name: "tab3", search: search, fullWidth: true, loadData: () => loadData(localValues[1]), value: values[2], onChange: (event) => doChange(event, 2), onItemChange: doItemChange, variant: variant }, `${localValues[1]}`) })), localValues[2] != null && (_jsx(Grid2, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[3], labelField: labelField, name: "tab4", search: search, fullWidth: true, loadData: () => loadData(localValues[2]), value: values[3], onChange: (event) => doChange(event, 3), onItemChange: doItemChange, variant: variant }, `${localValues[2]}`) }))] }));
+    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid, { size: { xs: 12 }, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), _jsx("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }), _jsx(Grid, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[0], labelField: labelField, name: "tab1", search: search, fullWidth: true, loadData: () => loadData(), value: values[0], onChange: (event) => doChange(event, 0), onItemChange: doItemChange, required: required, error: error, helperText: helperText, variant: variant }) }), localValues[0] != null && (_jsx(Grid, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[1], labelField: labelField, name: "tab2", search: search, fullWidth: true, loadData: () => loadData(localValues[0]), value: values[1], onChange: (event) => doChange(event, 1), onItemChange: doItemChange, variant: variant }, `${localValues[0]}`) })), localValues[1] != null && (_jsx(Grid, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[2], labelField: labelField, name: "tab3", search: search, fullWidth: true, loadData: () => loadData(localValues[1]), value: values[2], onChange: (event) => doChange(event, 2), onItemChange: doItemChange, variant: variant }, `${localValues[1]}`) })), localValues[2] != null && (_jsx(Grid, { size: breakPoints, children: _jsx(SelectEx, { idField: idField, label: labels[3], labelField: labelField, name: "tab4", search: search, fullWidth: true, loadData: () => loadData(localValues[2]), value: values[3], onChange: (event) => doChange(event, 3), onItemChange: doItemChange, variant: variant }, `${localValues[2]}`) }))] }));
 }

package/lib/mjs/HiSelectorTL.d.ts

@@ -1,7 +1,8 @@
 import { DataTypes, IdDefaultType } from "@etsoo/shared";
-import { AutocompleteChangeReason, GridSize } from "@mui/material";
 import React from "react";
 import { ResponsiveStyleValue } from "./ResponsiveStyleValue";
+import { GridSize } from "@mui/material/Grid";
+import { AutocompleteChangeReason } from "@mui/material/Autocomplete";
 /**
  * Hierarchy tiplist selector props
  */

package/lib/mjs/HiSelectorTL.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormLabel, Grid2 } from "@mui/material";
 import React from "react";
 import { Tiplist } from "./Tiplist";
+import Grid from "@mui/material/Grid";
+import FormLabel from "@mui/material/FormLabel";
 /**
  * Hierarchy tiplist selector
  * @param props Prop
@@ -33,5 +34,5 @@ export function HiSelectorTL(props) {
     React.useEffect(() => {
         updateValue(currentValue);
     }, [currentValue]);
-    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid2, { size: { xs: 12 }, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), _jsx("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }), _jsx(Grid2, { size: breakPoints, children: _jsx(Tiplist, { idField: idField, label: labels[0], name: "tab1", search: search, fullWidth: true, idValue: values[0], loadData: (keyword, id, items) => loadData(keyword, id, items), inputRequired: required, inputError: error, inputHelperText: helperText, onChange: (event, value, reason) => doChange(0, event, value, reason) }) }), localValues[0] != null && (_jsx(Grid2, { size: breakPoints, children: _jsx(Tiplist, { label: labels[1], idField: idField, name: "tab2", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[0]), idValue: values[1], onChange: (event, value, reason) => doChange(1, event, value, reason) }, `${localValues[0]}`) })), localValues[1] != null && (_jsx(Grid2, { size: breakPoints, children: _jsx(Tiplist, { label: labels[2], idField: idField, name: "tab3", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[1]), idValue: values[2], onChange: (event, value, reason) => doChange(2, event, value, reason) }, `${localValues[1]}`) })), localValues[2] != null && (_jsx(Grid2, { size: breakPoints, children: _jsx(Tiplist, { label: labels[3], idField: idField, name: "tab4", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[2]), idValue: values[3], onChange: (event, value, reason) => doChange(3, event, value, reason) }, `${localValues[2]}`) }))] }));
+    return (_jsxs(React.Fragment, { children: [label && (_jsx(Grid, { size: { xs: 12 }, children: _jsx(FormLabel, { required: required, sx: { fontSize: (theme) => theme.typography.caption }, children: label }) })), _jsx("input", { type: "hidden", name: name, value: `${currentValue ?? ""}` }), _jsx(Grid, { size: breakPoints, children: _jsx(Tiplist, { idField: idField, label: labels[0], name: "tab1", search: search, fullWidth: true, idValue: values[0], loadData: (keyword, id, items) => loadData(keyword, id, items), inputRequired: required, inputError: error, inputHelperText: helperText, onChange: (event, value, reason) => doChange(0, event, value, reason) }) }), localValues[0] != null && (_jsx(Grid, { size: breakPoints, children: _jsx(Tiplist, { label: labels[1], idField: idField, name: "tab2", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[0]), idValue: values[1], onChange: (event, value, reason) => doChange(1, event, value, reason) }, `${localValues[0]}`) })), localValues[1] != null && (_jsx(Grid, { size: breakPoints, children: _jsx(Tiplist, { label: labels[2], idField: idField, name: "tab3", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[1]), idValue: values[2], onChange: (event, value, reason) => doChange(2, event, value, reason) }, `${localValues[1]}`) })), localValues[2] != null && (_jsx(Grid, { size: breakPoints, children: _jsx(Tiplist, { label: labels[3], idField: idField, name: "tab4", search: search, fullWidth: true, loadData: (keyword, id, items) => loadData(keyword, id, items, localValues[2]), idValue: values[3], onChange: (event, value, reason) => doChange(3, event, value, reason) }, `${localValues[2]}`) }))] }));
 }

package/lib/mjs/IconButtonLink.d.ts

@@ -1,4 +1,4 @@
-import { IconButtonProps } from "@mui/material";
+import { IconButtonProps } from "@mui/material/IconButton";
 /**
  * IconButtonLink props
  */

package/lib/mjs/IconButtonLink.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { IconButton } from "@mui/material";
+import IconButton from "@mui/material/IconButton";
 import { useNavigate } from "react-router";
 /**
  * IconButtonLink

package/lib/mjs/InputField.d.ts

@@ -1,5 +1,5 @@
-import { TextFieldProps } from "@mui/material";
 import React from "react";
+import { TextFieldProps } from "@mui/material/TextField";
 /**
  * Input field props
  */

package/lib/mjs/InputField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDelayedExecutor } from "@etsoo/react";
-import { TextField } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
+import TextField from "@mui/material/TextField";
 /**
  * Input field
  * @param props Props

package/lib/mjs/InputTipField.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InputAdornment, List, ListItem, Popover } from "@mui/material";
 import Typography from "@mui/material/Typography";
 import React from "react";
 import { InputField } from "./InputField";
 import { useAppContext } from "./app/ReactApp";
+import ListItem from "@mui/material/ListItem";
+import Popover from "@mui/material/Popover";
+import List from "@mui/material/List";
+import InputAdornment from "@mui/material/InputAdornment";
 /**
  * InputField with tips
  * @param props Props

package/lib/mjs/IntInputField.d.ts

@@ -1,6 +1,6 @@
-import { BoxProps } from "@mui/material";
 import React from "react";
 import { InputFieldProps } from "./InputField";
+import { BoxProps } from "@mui/material/Box";
 /**
  * Integer input field props
  */

package/lib/mjs/IntInputField.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, IconButton, InputAdornment } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
 import React from "react";
 import { NumberUtils } from "@etsoo/shared";
 import { InputField } from "./InputField";
+import Box from "@mui/material/Box";
+import InputAdornment from "@mui/material/InputAdornment";
+import IconButton from "@mui/material/IconButton";
 /**
  * Integer input field (controlled)
  */

package/lib/mjs/ItemList.js

@@ -1,7 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { Dialog, DialogTitle, List, ListItemText, DialogContent, Button, ListItemButton } from "@mui/material";
 import { DataTypes } from "@etsoo/shared";
+import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogTitle from "@mui/material/DialogTitle";
+import DialogContent from "@mui/material/DialogContent";
+import List from "@mui/material/List";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemText from "@mui/material/ListItemText";
 /**
  * Item list component
  * @param props Properties

package/lib/mjs/LineChart.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LinearProgress } from "@mui/material";
 import React from "react";
+import LinearProgress from "@mui/material/LinearProgress";
 /**
  * Line chart
  * @param props Props

package/lib/mjs/ListChooser.d.ts

@@ -1,6 +1,7 @@
 import { DataTypes, DelayedExecutorType, IdDefaultType } from "@etsoo/shared";
-import { ListItemButtonProps, ListProps } from "@mui/material";
 import React from "react";
+import { ListItemButtonProps } from "@mui/material/ListItemButton";
+import { ListProps } from "@mui/material/List";
 type QueryData = {
     title?: string;
 };

package/lib/mjs/ListChooser.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDelayedExecutor } from "@etsoo/react";
-import { List, ListItem, ListItemButton, ListItemText, TextField } from "@mui/material";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
 import React from "react";
 import { VBox } from "./FlexBox";
+import ListItemButton from "@mui/material/ListItemButton";
+import List from "@mui/material/List";
+import TextField from "@mui/material/TextField";
+import ListItem from "@mui/material/ListItem";
+import ListItemText from "@mui/material/ListItemText";
 /**
  * List chooser
  * @param props Props
@@ -29,7 +33,7 @@ export function ListChooser(props) {
         }
     });
     // Destruct
-    const { conditionField = "title", conditionRenderer = (rq, delayed) => (_jsx(TextField, { autoFocus: true, margin: "dense", name: conditionField, label: title, fullWidth: true, variant: "standard", inputProps: { maxLength: 128 }, onChange: (event) => {
+    const { conditionField = "title", conditionRenderer = (rq, delayed) => (_jsx(TextField, { autoFocus: true, margin: "dense", name: conditionField, label: title, fullWidth: true, variant: "standard", slotProps: { htmlInput: { maxLength: 128 } }, onChange: (event) => {
             Reflect.set(rq, "title", event.target.value);
             delayed.call();
         } })), itemRenderer = (item, selectProps) => {

package/lib/mjs/ListItemRightIcon.d.ts

@@ -1,4 +1,4 @@
-import { ListItemIcon } from "@mui/material";
+import ListItemIcon from "@mui/material/ListItemIcon";
 /**
  * List item right icon component
  */

package/lib/mjs/ListItemRightIcon.js

@@ -1,4 +1,5 @@
-import { ListItemIcon, styled } from "@mui/material";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import { styled } from "@mui/material/styles";
 /**
  * List item right icon component
  */

package/lib/mjs/ListMoreDisplay.d.ts

@@ -1,6 +1,6 @@
-import { CardProps } from "@mui/material";
 import React from "react";
 import { GridData, GridLoader } from "@etsoo/react";
+import { CardProps } from "@mui/material/Card";
 /**
  * ListMoreDisplay props
  */

package/lib/mjs/ListMoreDisplay.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardActions, CardContent, CardHeader, CircularProgress } from "@mui/material";
 import React from "react";
 import { GridDataGet } from "@etsoo/react";
 import { LoadingButton } from "./LoadingButton";
 import { useAppContext } from "./app/ReactApp";
+import Card from "@mui/material/Card";
+import CardHeader from "@mui/material/CardHeader";
+import CardContent from "@mui/material/CardContent";
+import CircularProgress from "@mui/material/CircularProgress";
+import CardActions from "@mui/material/CardActions";
 /**
  * ListMoreDisplay
  * @param props Props

package/lib/mjs/LoadingButton.d.ts

@@ -1,4 +1,5 @@
-import { ButtonProps, CircularProgressProps } from "@mui/material";
+import { ButtonProps } from "@mui/material/Button";
+import { CircularProgressProps } from "@mui/material/CircularProgress";
 /**
  * Loading button props
  */

package/lib/mjs/LoadingButton.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, CircularProgress } from "@mui/material";
+import Button from "@mui/material/Button";
+import CircularProgress from "@mui/material/CircularProgress";
 import React from "react";
 /**
  * Loading button

package/lib/mjs/MUGlobal.d.ts

@@ -1,4 +1,5 @@
-import { ListItemButtonProps, Theme } from "@mui/material";
+import { ListItemButtonProps } from "@mui/material/ListItemButton";
+import { Theme } from "@mui/material/styles";
 /**
  * Mouse event handler with data
  */

package/lib/mjs/MaskInput.d.ts

@@ -1,4 +1,4 @@
-import { TextFieldProps } from "@mui/material";
+import { TextFieldProps } from "@mui/material/TextField";
 type ReactIMask = typeof import("react-imask", { with: { "resolution-mode": "import" } }).useIMask;
 type RIOpts = Parameters<ReactIMask>[0];
 type RIReturns = ReturnType<ReactIMask>;

package/lib/mjs/MaskInput.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TextField } from "@mui/material";
 import React from "react";
 import { MUGlobal } from "./MUGlobal";
+import TextField from "@mui/material/TextField";
 // Currently CommonJS modules are not supported by "react-imask" package
 let useIMask;
 import("react-imask").then((module) => useIMask = module.useIMask);

package/lib/mjs/MenuButton.d.ts

@@ -1,5 +1,6 @@
 import { DataTypes } from "@etsoo/shared";
-import { ButtonProps, MenuProps } from "@mui/material";
+import { ButtonProps } from "@mui/material/Button";
+import { MenuProps } from "@mui/material/Menu";
 import React from "react";
 export type MenuButtonProps<T extends DataTypes.IdItem> = Omit<MenuProps, "open"> & {
     items: T[];

package/lib/mjs/MenuButton.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Menu, MenuItem } from "@mui/material";
+import Button from "@mui/material/Button";
+import Menu from "@mui/material/Menu";
+import MenuItem from "@mui/material/MenuItem";
 import React from "react";
 export function MenuButton(props) {
     // Destruct

package/lib/mjs/MobileListItemRenderer.js

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, LinearProgress } from "@mui/material";
 import { MoreFab } from "./MoreFab";
+import LinearProgress from "@mui/material/LinearProgress";
+import Card from "@mui/material/Card";
+import CardHeader from "@mui/material/CardHeader";
+import CardContent from "@mui/material/CardContent";
 /**
  * Default mobile list item renderer
  * @param param0 List renderer props
@@ -23,7 +26,10 @@ export function MobileListItemRenderer({ data, itemHeight, margins }, renderer)
                     }, transformOrigin: {
                         vertical: "top",
                         horizontal: "right"
-                    }, actions: actions })) : (actions), title: title, titleTypographyProps: { variant: "body2" }, subheader: subheader, subheaderTypographyProps: { variant: "caption" } }), _jsx(CardContent, { sx: {
+                    }, actions: actions })) : (actions), title: title, subheader: subheader, slotProps: {
+                    title: { variant: "body2" },
+                    subheader: { variant: "caption" }
+                } }), _jsx(CardContent, { sx: {
                     paddingTop: 0,
                     paddingBottom: cardActions == null ? Reflect.get(margins, "marginBottom") : 0
                 }, children: children }), cardActions] }));

package/lib/mjs/MoreFab.d.ts

@@ -1,7 +1,8 @@
 import { CustomFabProps } from "./CustomFabProps";
 import React from "react";
-import { PaperProps, PopoverOrigin } from "@mui/material";
 import { ListItemReact } from "@etsoo/react";
+import { PopoverOrigin } from "@mui/material/Popover";
+import { PaperProps } from "@mui/material/Paper";
 /**
  * More fab props
  */

package/lib/mjs/MoreFab.js

@@ -1,8 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import MoreHorizIcon from "@mui/icons-material/MoreHoriz";
 import React from "react";
-import { Divider, Fab, IconButton, ListItemIcon, ListItemText, Menu, MenuItem } from "@mui/material";
 import { Link } from "react-router";
+import IconButton from "@mui/material/IconButton";
+import Fab from "@mui/material/Fab";
+import Menu from "@mui/material/Menu";
+import Divider from "@mui/material/Divider";
+import MenuItem from "@mui/material/MenuItem";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
 function getActions(input) {
     // Actions
     const actions = [];

package/lib/mjs/NotifierMU.js

@@ -1,14 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NotificationAlign, NotificationMessageType, NotificationType } from "@etsoo/notificationbase";
 import { DomUtils } from "@etsoo/shared";
-import { Alert, AlertTitle, Backdrop, Box, Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Fade, IconButton, Popover, Slider, Snackbar, styled, Switch, TextField, Typography } from "@mui/material";
-import { Error, Info, Help, Warning, Done } from "@mui/icons-material";
-import CloseIcon from "@mui/icons-material/Close";
 import React from "react";
 import { NotificationReact, NotifierReact } from "@etsoo/react";
 import { DraggablePaperComponent } from "./DraggablePaperComponent";
 import { LoadingButton } from "./LoadingButton";
 import { Labels } from "./app/Labels";
+import DialogTitle from "@mui/material/DialogTitle";
+import { styled } from "@mui/material/styles";
+import Dialog from "@mui/material/Dialog";
+import IconButton from "@mui/material/IconButton";
+import DialogContent from "@mui/material/DialogContent";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContentText from "@mui/material/DialogContentText";
+import Fade from "@mui/material/Fade";
+import Alert from "@mui/material/Alert";
+import AlertTitle from "@mui/material/AlertTitle";
+import Switch from "@mui/material/Switch";
+import Slider from "@mui/material/Slider";
+import TextField from "@mui/material/TextField";
+import Typography from "@mui/material/Typography";
+import Button from "@mui/material/Button";
+import Popover from "@mui/material/Popover";
+import CircularProgress from "@mui/material/CircularProgress";
+import Backdrop from "@mui/material/Backdrop";
+import Box from "@mui/material/Box";
+import Snackbar from "@mui/material/Snackbar";
+import CloseIcon from "@mui/icons-material/Close";
+import DoneIcon from "@mui/icons-material/Done";
+import InfoIcon from "@mui/icons-material/Info";
+import WarningIcon from "@mui/icons-material/Warning";
+import ErrorIcon from "@mui/icons-material/Error";
+import HelpIcon from "@mui/icons-material/Help";
 // Custom icon dialog title bar
 const IconDialogTitle = styled(DialogTitle, {
     // Prevent the passing of the draggable prop to the underlying DOM element
@@ -41,19 +64,19 @@ export class NotificationMU extends NotificationReact {
         let title = this.title;
         let icon;
         if (this.type === NotificationMessageType.Success) {
-            icon = _jsx(Done, { color: "primary" });
+            icon = _jsx(DoneIcon, { color: "primary" });
             title ??= labels.success;
         }
         else if (this.type === NotificationMessageType.Info) {
-            icon = _jsx(Info, {});
+            icon = _jsx(InfoIcon, {});
             title ??= labels.info;
         }
         else if (this.type === NotificationMessageType.Warning) {
-            icon = _jsx(Warning, { color: "secondary" });
+            icon = _jsx(WarningIcon, { color: "secondary" });
             title ??= labels.warning;
         }
         else {
-            icon = _jsx(Error, { color: "error" });
+            icon = _jsx(ErrorIcon, { color: "error" });
             title ??= labels.alertTitle;
         }
         const setupProps = {
@@ -81,7 +104,7 @@ export class NotificationMU extends NotificationReact {
             await this.returnValue(value);
             return true;
         };
-        return (_jsxs(Dialog, { open: this.open, PaperComponent: draggable ? DraggablePaperComponent : undefined, className: className, fullWidth: fullWidth, maxWidth: maxWidth, fullScreen: fullScreen, ...options, children: [_jsxs(IconDialogTitle, { draggable: draggable, className: draggable ? "dialog-title draggable-dialog-title" : "dialog-title", children: [_jsx(Help, { color: "action" }), _jsx("span", { className: "dialogTitle", children: title }), closable && (_jsx(IconButton, { className: "MuiDialogContent-root-close-button", size: "small", onClick: () => this.returnValue("CLOSE"), children: _jsx(CloseIcon, {}) }))] }), _jsxs(DialogContent, { children: [typeof this.content === "string" ? (_jsx(DialogContentText, { children: this.content })) : (this.content), inputs] }), _jsx(DialogActions, { children: buttons ? (buttons(this, callback)) : (_jsxs(React.Fragment, { children: [cancelButton && (_jsx(LoadingButton, { color: "secondary", onClick: async (event) => await callback(event, false), children: cancelLabel })), primaryButton && (_jsx(LoadingButton, { color: "primary", onClick: async (event) => await callback(event, true), autoFocus: true, ...primaryButtonProps, children: okLabel }))] })) })] }, this.id));
+        return (_jsxs(Dialog, { open: this.open, PaperComponent: draggable ? DraggablePaperComponent : undefined, className: className, fullWidth: fullWidth, maxWidth: maxWidth, fullScreen: fullScreen, ...options, children: [_jsxs(IconDialogTitle, { draggable: draggable, className: draggable ? "dialog-title draggable-dialog-title" : "dialog-title", children: [_jsx(HelpIcon, { color: "action" }), _jsx("span", { className: "dialogTitle", children: title }), closable && (_jsx(IconButton, { className: "MuiDialogContent-root-close-button", size: "small", onClick: () => this.returnValue("CLOSE"), children: _jsx(CloseIcon, {}) }))] }), _jsxs(DialogContent, { children: [typeof this.content === "string" ? (_jsx(DialogContentText, { children: this.content })) : (this.content), inputs] }), _jsx(DialogActions, { children: buttons ? (buttons(this, callback)) : (_jsxs(React.Fragment, { children: [cancelButton && (_jsx(LoadingButton, { color: "secondary", onClick: async (event) => await callback(event, false), children: cancelLabel })), primaryButton && (_jsx(LoadingButton, { color: "primary", onClick: async (event) => await callback(event, true), autoFocus: true, ...primaryButtonProps, children: okLabel }))] })) })] }, this.id));
     }
     createMessageColor() {
         if (this.type === NotificationMessageType.Danger)
@@ -180,7 +203,7 @@ export class NotificationMU extends NotificationReact {
                     event.preventDefault();
                     event.currentTarget.elements.namedItem("okButton")?.click();
                     return false;
-                }, children: [_jsxs(IconDialogTitle, { draggable: draggable, className: draggable ? "dialog-title draggable-dialog-title" : "dialog-title", children: [_jsx(Info, { color: "primary" }), _jsx("span", { className: "dialogTitle", children: title }), closable && (_jsx(IconButton, { className: "MuiDialogContent-root-close-button", size: "small", onClick: () => this.returnValue("CLOSE"), children: _jsx(CloseIcon, {}) }))] }), _jsxs(DialogContent, { children: [typeof this.content === "string" ? (_jsx(DialogContentText, { children: this.content })) : (this.content), localInputs, _jsx(Typography, { variant: "caption", display: "block", ref: errorRef, color: "error" })] }), _jsx(DialogActions, { children: buttons ? (buttons(this, handleSubmit)) : (_jsxs(React.Fragment, { children: [cancelButton && (_jsx(Button, { color: "secondary", onClick: () => {
+                }, children: [_jsxs(IconDialogTitle, { draggable: draggable, className: draggable ? "dialog-title draggable-dialog-title" : "dialog-title", children: [_jsx(InfoIcon, { color: "primary" }), _jsx("span", { className: "dialogTitle", children: title }), closable && (_jsx(IconButton, { className: "MuiDialogContent-root-close-button", size: "small", onClick: () => this.returnValue("CLOSE"), children: _jsx(CloseIcon, {}) }))] }), _jsxs(DialogContent, { children: [typeof this.content === "string" ? (_jsx(DialogContentText, { children: this.content })) : (this.content), localInputs, _jsx(Typography, { variant: "caption", display: "block", ref: errorRef, color: "error" })] }), _jsx(DialogActions, { children: buttons ? (buttons(this, handleSubmit)) : (_jsxs(React.Fragment, { children: [cancelButton && (_jsx(Button, { color: "secondary", onClick: () => {
                                         if (this.onReturn)
                                             this.onReturn(undefined);
                                         this.dismiss();

package/lib/mjs/NotifierPopupProps.d.ts

@@ -1,4 +1,4 @@
-import { PopoverProps } from "@mui/material";
+import { PopoverProps } from "@mui/material/Popover";
 /**
  * Notifier Popup pros
  */

package/lib/mjs/NumberInputField.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { InputField } from "./InputField";
-import { InputAdornment } from "@mui/material";
 import { NumberUtils } from "@etsoo/shared";
+import InputAdornment from "@mui/material/InputAdornment";
 /**
  * Number input field, for controlled only components, please see IntInputField and MoneyInputField
  * @param props Props
@@ -11,16 +11,18 @@ import { NumberUtils } from "@etsoo/shared";
 export function NumberInputField(props) {
     const { currency, inputStyle, min = 0, step = 1, symbol = currency
         ? `${currency} ${NumberUtils.getCurrencySymbol(currency)}`
-        : undefined, endSymbol, max = 9999999, InputProps, ...rest } = props;
-    return (_jsx(InputField, { type: "number", inputProps: {
-            min,
-            step,
-            max,
-            style: inputStyle,
-            inputMode: "numeric"
-        }, InputProps: {
-            startAdornment: symbol ? (_jsx(React.Fragment, { children: _jsx(InputAdornment, { position: "start", children: symbol }) })) : undefined,
-            endAdornment: endSymbol ? (_jsx(InputAdornment, { position: "end", children: endSymbol })) : undefined,
-            ...InputProps
-        }, ...rest }));
+        : undefined, endSymbol, max = 9999999, slotProps = {}, ...rest } = props;
+    return (_jsx(InputField, { type: "number", slotProps: Object.assign(slotProps, {
+            input: {
+                startAdornment: symbol ? (_jsx(React.Fragment, { children: _jsx(InputAdornment, { position: "start", children: symbol }) })) : undefined,
+                endAdornment: endSymbol ? (_jsx(InputAdornment, { position: "end", children: endSymbol })) : undefined
+            },
+            htmlInput: {
+                min,
+                step,
+                max,
+                style: inputStyle,
+                inputMode: "numeric"
+            }
+        }), ...rest }));
 }

package/lib/mjs/OptionGroup.d.ts

@@ -1,5 +1,5 @@
 import { DataTypes, IdDefaultType, LabelDefaultType, ListType } from "@etsoo/shared";
-import { FormControlProps } from "@mui/material";
+import { FormControlProps } from "@mui/material/FormControl";
 import React from "react";
 /**
  * OptionGroup methods ref