@rjsf/mui 6.5.1 → 6.5.2

package/dist/mui.umd.js

@@ -17,6 +17,15 @@
     }
     return muiProps;
   }
+  function computeSxProps(sxProps, muiProps) {
+    if (!muiProps) {
+      return sxProps;
+    }
+    if (Array.isArray(muiProps?.sx)) {
+      return [sxProps, ...muiProps.sx];
+    }
+    return { ...sxProps, ...muiProps?.sx };
+  }
   function AddButton({
     uiSchema,
     registry,
@@ -49,19 +58,43 @@
       fontWeight: "bold",
       minWidth: 0
     };
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    return /* @__PURE__ */ jsxRuntime.jsxs(Grid4, { container: true, alignItems: "center", ...muiSlotProps?.arrayItemGridContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Grid4,
-        {
-          size: { xs: 8, sm: 9, md: 10, lg: 11, xl: 11.25 },
-          style: { overflow: "auto" },
-          ...muiSlotProps?.arrayItemGridItem,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Box, { mb: 2, ...muiSlotProps?.arrayItemOuterBox, children: /* @__PURE__ */ jsxRuntime.jsx(Paper, { elevation: 2, ...muiSlotProps?.arrayItemPaper, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { p: 2, ...muiSlotProps?.arrayItemInnerBox, children }) }) })
-        }
-      ),
-      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(Grid4, { sx: { mt: hasDescription ? -5 : -1.5 }, ...muiSlotProps?.arrayItemToolbarGrid, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: btnStyle }) })
-    ] });
+    const {
+      rjsfSlotProps: {
+        arrayItemGridContainer,
+        arrayItemGridItem,
+        arrayItemInnerBox,
+        arrayItemOuterBox,
+        arrayItemPaper,
+        arrayItemToolbarGrid
+      } = {}
+    } = getMuiProps(uiOptions);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Grid4,
+      {
+        container: true,
+        ...arrayItemGridContainer,
+        sx: computeSxProps({ alignItems: "center" }, arrayItemGridContainer),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Grid4,
+            {
+              size: { xs: 8, sm: 9, md: 10, lg: 11, xl: 11.25 },
+              ...arrayItemGridItem,
+              sx: computeSxProps({ overflow: "auto" }, arrayItemGridItem),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...arrayItemOuterBox, sx: computeSxProps({ mb: 2 }, arrayItemOuterBox), children: /* @__PURE__ */ jsxRuntime.jsx(Paper, { elevation: 2, ...arrayItemPaper, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...arrayItemInnerBox, sx: computeSxProps({ p: 2 }, arrayItemInnerBox), children }) }) })
+            }
+          ),
+          hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(
+            Grid4,
+            {
+              ...arrayItemToolbarGrid,
+              sx: computeSxProps({ mt: hasDescription ? -5 : -1.5 }, arrayItemToolbarGrid),
+              children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: btnStyle })
+            }
+          )
+        ]
+      }
+    );
   }
   function ArrayFieldTemplate(props) {
     const {
@@ -93,8 +126,16 @@
     const {
       ButtonTemplates: { AddButton: AddButton2 }
     } = registry.templates;
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    return /* @__PURE__ */ jsxRuntime.jsx(Paper, { elevation: 2, ...muiSlotProps?.arrayPaper, children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { p: 2, ...muiSlotProps?.arrayBox, children: [
+    const {
+      rjsfSlotProps: {
+        arrayPaper,
+        arrayBox,
+        arrayAddButtonGridContainer,
+        arrayAddButtonGridItem,
+        arrayAddButtonBox
+      } = {}
+    } = getMuiProps(uiOptions);
+    return /* @__PURE__ */ jsxRuntime.jsx(Paper, { elevation: 2, ...arrayPaper, children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { ...arrayBox, sx: computeSxProps({ p: 2 }, arrayBox), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ArrayFieldTitleTemplate,
         {
@@ -119,17 +160,25 @@
       ),
       !showOptionalDataControlInTitle ? optionalDataControl : void 0,
       items,
-      canAdd && /* @__PURE__ */ jsxRuntime.jsx(Grid4, { container: true, justifyContent: "flex-end", ...muiSlotProps?.arrayAddButtonGridContainer, children: /* @__PURE__ */ jsxRuntime.jsx(Grid4, { ...muiSlotProps?.arrayAddButtonGridItem, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 2, ...muiSlotProps?.arrayAddButtonBox, children: /* @__PURE__ */ jsxRuntime.jsx(
-        AddButton2,
+      canAdd && /* @__PURE__ */ jsxRuntime.jsx(
+        Grid4,
         {
-          id: utils.buttonId(fieldPathId, "add"),
-          className: "rjsf-array-item-add",
-          onClick: onAddClick,
-          disabled: disabled || readonly,
-          uiSchema,
-          registry
+          container: true,
+          ...arrayAddButtonGridContainer,
+          sx: computeSxProps({ justifyContent: "flex-end" }, arrayAddButtonGridContainer),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Grid4, { ...arrayAddButtonGridItem, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...arrayAddButtonBox, sx: computeSxProps({ mt: 2 }, arrayAddButtonBox), children: /* @__PURE__ */ jsxRuntime.jsx(
+            AddButton2,
+            {
+              id: utils.buttonId(fieldPathId, "add"),
+              className: "rjsf-array-item-add",
+              onClick: onAddClick,
+              disabled: disabled || readonly,
+              uiSchema,
+              registry
+            }
+          ) }) })
         }
-      ) }) }) })
+      )
     ] }) });
   }
   var TYPES_THAT_SHRINK_LABEL = ["date", "datetime-local", "file", "time"];
@@ -231,10 +280,18 @@
   function DescriptionField(props) {
     const { id, description, registry, uiSchema } = props;
     const uiOptions = utils.getUiOptions(uiSchema);
-    const muiProps = getMuiProps(uiOptions);
-    const { rjsfSlotProps: muiSlotProps } = muiProps;
+    const { rjsfSlotProps: { descTypography } = {} } = getMuiProps(uiOptions);
     if (description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Typography, { id, variant: "subtitle2", style: { marginTop: "5px" }, ...muiSlotProps?.descTypography, children: /* @__PURE__ */ jsxRuntime.jsx(core.RichDescription, { description, registry, uiSchema }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Typography,
+        {
+          id,
+          variant: "subtitle2",
+          ...descTypography,
+          sx: computeSxProps({ mt: 0.625 }, descTypography),
+          children: /* @__PURE__ */ jsxRuntime.jsx(core.RichDescription, { description, registry, uiSchema })
+        }
+      );
     }
     return null;
   }
@@ -245,13 +302,23 @@
   }) {
     const { translateString } = registry;
     const uiOptions = utils.getUiOptions(uiSchema);
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    return /* @__PURE__ */ jsxRuntime.jsx(Paper, { elevation: 2, ...muiSlotProps?.errorPaper, children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { mb: 2, p: 2, ...muiSlotProps?.errorBox, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h6", ...muiSlotProps?.errorTypography, children: translateString(utils.TranslatableString.ErrorsLabel) }),
-      /* @__PURE__ */ jsxRuntime.jsx(List, { dense: true, ...muiSlotProps?.errorList, children: errors.map((error, i) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(ListItem, { ...muiSlotProps?.errorListItem, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ListItemIcon, { ...muiSlotProps?.errorListItemIcon, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { color: "error" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ListItemText, { primary: error.stack, ...muiSlotProps?.errorListItemText })
+    const {
+      rjsfSlotProps: {
+        errorPaper,
+        errorBox,
+        errorTypography,
+        errorList,
+        errorListItem,
+        errorListItemIcon,
+        errorListItemText
+      } = {}
+    } = getMuiProps(uiOptions);
+    return /* @__PURE__ */ jsxRuntime.jsx(Paper, { elevation: 2, ...errorPaper, children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { ...errorBox, sx: computeSxProps({ mb: 2, p: 2 }, errorBox), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h6", ...errorTypography, children: translateString(utils.TranslatableString.ErrorsLabel) }),
+      /* @__PURE__ */ jsxRuntime.jsx(List, { dense: true, ...errorList, children: errors.map((error, i) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(ListItem, { ...errorListItem, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ListItemIcon, { ...errorListItemIcon, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { color: "error" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ListItemText, { primary: error.stack, ...errorListItemText })
         ] }, i);
       }) })
     ] }) });
@@ -356,15 +423,14 @@
       return null;
     }
     const uiOptions = utils.getUiOptions(uiSchema);
-    const muiProps = getMuiProps(uiOptions);
-    const { rjsfSlotProps: muiSlotProps } = muiProps;
+    const { rjsfSlotProps: { helpFormHelperText } = {} } = getMuiProps(uiOptions);
     return /* @__PURE__ */ jsxRuntime.jsx(
       FormHelperText,
       {
         component: "div",
         id: utils.helpId(fieldPathId),
-        style: { marginTop: "5px" },
-        ...muiSlotProps?.helpFormHelperText,
+        ...helpFormHelperText,
+        sx: computeSxProps({ mt: 0.625 }, helpFormHelperText),
         children: /* @__PURE__ */ jsxRuntime.jsx(core.RichHelp, { help, registry, uiSchema })
       }
     );
@@ -482,7 +548,9 @@
     const {
       ButtonTemplates: { AddButton: AddButton2 }
     } = registry.templates;
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
+    const {
+      rjsfSlotProps: { objectGridContainer, objectGridItem, objectAddButtonGridContainer, objectAddButtonGridItem } = {}
+    } = getMuiProps(uiOptions);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(
         TitleFieldTemplate,
@@ -506,27 +574,53 @@
           registry
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(Grid4, { container: true, spacing: 2, style: { marginTop: "10px" }, ...muiSlotProps?.objectGridContainer, children: [
-        !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-        properties.map(
-          (element, index) => (
-            // Remove the <Grid> if the inner element is hidden as the <Grid>
-            // itself would otherwise still take up space.
-            element.hidden ? element.content : /* @__PURE__ */ jsxRuntime.jsx(Grid4, { size: { xs: 12 }, style: { marginBottom: "10px" }, ...muiSlotProps?.objectGridItem, children: element.content }, index)
-          )
-        )
-      ] }),
-      utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(Grid4, { container: true, justifyContent: "flex-end", ...muiSlotProps?.objectAddButtonGridContainer, children: /* @__PURE__ */ jsxRuntime.jsx(Grid4, { ...muiSlotProps?.objectAddButtonGridItem, children: /* @__PURE__ */ jsxRuntime.jsx(
-        AddButton2,
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Grid4,
         {
-          id: utils.buttonId(fieldPathId, "add"),
-          className: "rjsf-object-property-expand",
-          onClick: onAddProperty,
-          disabled: disabled || readonly,
-          uiSchema,
-          registry
+          container: true,
+          spacing: 2,
+          ...objectGridContainer,
+          sx: computeSxProps({ mt: 1.25 }, objectGridContainer),
+          children: [
+            !showOptionalDataControlInTitle ? optionalDataControl : void 0,
+            properties.map(
+              (element, index) => (
+                // Remove the <Grid> if the inner element is hidden as the <Grid>
+                // itself would otherwise still take up space.
+                element.hidden ? element.content : /* @__PURE__ */ jsxRuntime.jsx(
+                  Grid4,
+                  {
+                    size: { xs: 12 },
+                    ...objectGridItem,
+                    sx: computeSxProps({ mb: 1.25 }, objectGridItem),
+                    children: element.content
+                  },
+                  index
+                )
+              )
+            )
+          ]
+        }
+      ),
+      utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(
+        Grid4,
+        {
+          container: true,
+          ...objectAddButtonGridContainer,
+          sx: computeSxProps({ justifyContent: "flex-end" }, objectAddButtonGridContainer),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Grid4, { ...objectAddButtonGridItem, children: /* @__PURE__ */ jsxRuntime.jsx(
+            AddButton2,
+            {
+              id: utils.buttonId(fieldPathId, "add"),
+              className: "rjsf-object-property-expand",
+              onClick: onAddProperty,
+              disabled: disabled || readonly,
+              uiSchema,
+              registry
+            }
+          ) })
         }
-      ) }) })
+      )
     ] });
   }
   function OptionalDataControlsTemplate(props) {
@@ -565,8 +659,8 @@
       return null;
     }
     const uiOptions = utils.getUiOptions(uiSchema);
-    const { rjsfSlotProps: muiSlotProps, ...otherMuiProps } = getMuiProps(uiOptions);
-    return /* @__PURE__ */ jsxRuntime.jsx(Box, { marginTop: 3, ...muiSlotProps?.submitBox, children: /* @__PURE__ */ jsxRuntime.jsx(
+    const { rjsfSlotProps: { submitBox, submitButton } = {}, ...otherMuiProps } = getMuiProps(uiOptions);
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...submitBox, sx: computeSxProps({ mt: 3 }, submitBox), children: /* @__PURE__ */ jsxRuntime.jsx(
       Button,
       {
         type: "submit",
@@ -574,7 +668,7 @@
         color: "primary",
         ...submitButtonProps,
         ...otherMuiProps,
-        ...muiSlotProps?.submitButton,
+        ...submitButton,
         children: submitText
       }
     ) });
@@ -582,17 +676,33 @@
   function TitleField(props) {
     const { id, title, optionalDataControl, uiSchema } = props;
     const uiOptions = utils.getUiOptions(uiSchema);
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    let heading = /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h5", ...muiSlotProps?.titleTypography, children: title });
+    const {
+      rjsfSlotProps: {
+        titleBox,
+        titleDivider,
+        titleTypography,
+        titleGridContainer,
+        titleGridItem,
+        titleOptionalDataGridItem
+      } = {}
+    } = getMuiProps(uiOptions);
+    let heading = /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h5", ...titleTypography, children: title });
     if (optionalDataControl) {
-      heading = /* @__PURE__ */ jsxRuntime.jsxs(Grid4, { container: true, spacing: 0, ...muiSlotProps?.titleGridContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Grid4, { size: "grow", ...muiSlotProps?.titleGridItem, children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid4, { justifyContent: "flex-end", ...muiSlotProps?.titleOptionalDataGridItem, children: optionalDataControl })
+      heading = /* @__PURE__ */ jsxRuntime.jsxs(Grid4, { container: true, spacing: 0, ...titleGridContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Grid4, { size: "grow", ...titleGridItem, children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Grid4,
+          {
+            ...titleOptionalDataGridItem,
+            sx: computeSxProps({ justifyContent: "flex-end" }, titleOptionalDataGridItem),
+            children: optionalDataControl
+          }
+        )
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(Box, { id, mb: 1, mt: 1, ...muiSlotProps?.titleBox, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Box, { id, ...titleBox, sx: computeSxProps({ mb: 1, mt: 1 }, titleBox), children: [
       heading,
-      /* @__PURE__ */ jsxRuntime.jsx(Divider, { ...muiSlotProps?.titleDivider })
+      /* @__PURE__ */ jsxRuntime.jsx(Divider, { ...titleDivider })
     ] });
   }
   function WrapIfAdditionalTemplate(props) {
@@ -623,21 +733,19 @@
       fontWeight: "bold"
     };
     const uiOptions = utils.getUiOptions(uiSchema);
-    const { rjsfSlotProps } = getMuiProps(uiOptions);
-    const muiSlotProps = rjsfSlotProps;
+    const { rjsfSlotProps: { wrapGridContainer, wrapKeyGridItem, wrapChildrenGridItem, wrapRemoveButtonGridItem } = {} } = getMuiProps(uiOptions);
     if (!additional) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children });
     }
-    const { wrapGridContainer, wrapKeyGridItem, wrapChildrenGridItem, wrapRemoveButtonGridItem } = muiSlotProps || {};
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Grid4,
       {
         container: true,
-        alignItems: "flex-start",
         spacing: 2,
         className: classNames,
         style,
         ...wrapGridContainer,
+        sx: computeSxProps({ alignItems: "flex-start" }, wrapGridContainer),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Grid4, { size: 5.5, ...wrapKeyGridItem, children: /* @__PURE__ */ jsxRuntime.jsx(
             TextField,
@@ -655,7 +763,7 @@
             label
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Grid4, { size: 5.5, ...wrapChildrenGridItem, children }),
-          /* @__PURE__ */ jsxRuntime.jsx(Grid4, { sx: { mt: 1.5 }, ...wrapRemoveButtonGridItem, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(Grid4, { ...wrapRemoveButtonGridItem, sx: computeSxProps({ mt: 1.5 }, wrapRemoveButtonGridItem), children: /* @__PURE__ */ jsxRuntime.jsx(
             RemoveButton2,
             {
               id: utils.buttonId(id, "remove"),

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js

@@ -3,7 +3,7 @@ import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
 import Paper from '@mui/material/Paper';
 import { getUiOptions, getTemplate, } from '@rjsf/utils';
-import { getMuiProps } from '../util.js';
+import { computeSxProps, getMuiProps } from '../util.js';
 /** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
  *
  * @param props - The `ArrayFieldItemTemplateProps` props for the component
@@ -19,7 +19,7 @@ export default function ArrayFieldItemTemplate(props) {
         fontWeight: 'bold',
         minWidth: 0,
     };
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    return (_jsxs(Grid, { container: true, alignItems: 'center', ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayItemGridContainer, children: [_jsx(Grid, { size: { xs: 8, sm: 9, md: 10, lg: 11, xl: 11.25 }, style: { overflow: 'auto' }, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayItemGridItem, children: _jsx(Box, { mb: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayItemOuterBox, children: _jsx(Paper, { elevation: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayItemPaper, children: _jsx(Box, { p: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayItemInnerBox, children: children }) }) }) }), hasToolbar && (_jsx(Grid, { sx: { mt: hasDescription ? -5 : -1.5 }, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayItemToolbarGrid, children: _jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: btnStyle }) }))] }));
+    const { rjsfSlotProps: { arrayItemGridContainer, arrayItemGridItem, arrayItemInnerBox, arrayItemOuterBox, arrayItemPaper, arrayItemToolbarGrid, } = {}, } = getMuiProps(uiOptions);
+    return (_jsxs(Grid, { container: true, ...arrayItemGridContainer, sx: computeSxProps({ alignItems: 'center' }, arrayItemGridContainer), children: [_jsx(Grid, { size: { xs: 8, sm: 9, md: 10, lg: 11, xl: 11.25 }, ...arrayItemGridItem, sx: computeSxProps({ overflow: 'auto' }, arrayItemGridItem), children: _jsx(Box, { ...arrayItemOuterBox, sx: computeSxProps({ mb: 2 }, arrayItemOuterBox), children: _jsx(Paper, { elevation: 2, ...arrayItemPaper, children: _jsx(Box, { ...arrayItemInnerBox, sx: computeSxProps({ p: 2 }, arrayItemInnerBox), children: children }) }) }) }), hasToolbar && (_jsx(Grid, { ...arrayItemToolbarGrid, sx: computeSxProps({ mt: hasDescription ? -5 : -1.5 }, arrayItemToolbarGrid), children: _jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: btnStyle }) }))] }));
 }
 //# sourceMappingURL=ArrayFieldItemTemplate.js.map

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAqB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAGL,YAAY,EACZ,WAAW,GAIZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqBtC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA2C;IAC3C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzF,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,QAAQ,GAAkB;QAC9B,IAAI,EAAE,CAAC;QACP,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,CAAC;KACZ,CAAC;IAEF,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAA0C,SAAS,CAAC,CAAC;IAExG,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,IAAI,EAAE,UAAU,EAAC,QAAQ,KAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,sBAAsB,aACjF,KAAC,IAAI,IACH,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KACvB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,YAEnC,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,YAC7C,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,YACnD,KAAC,GAAG,IAAC,CAAC,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,YAC3C,QAAQ,GACL,GACA,GACJ,GACD,EACN,UAAU,IAAI,CACb,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,oBAAoB,YAClF,KAAC,6BAA6B,OAAK,YAAY,EAAE,KAAK,EAAE,QAAQ,GAAI,GAC/D,CACR,IACI,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAqB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAGL,YAAY,EACZ,WAAW,GAIZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqBtD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA2C;IAC3C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzF,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,QAAQ,GAAkB;QAC9B,IAAI,EAAE,CAAC;QACP,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,CAAC;KACZ,CAAC;IAEF,MAAM,EACJ,aAAa,EAAE,EACb,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,GAAG,EAAE,GACP,GAAG,WAAW,CAA0C,SAAS,CAAC,CAAC;IAEpE,OAAO,CACL,MAAC,IAAI,IACH,SAAS,WACL,sBAAsB,EAC1B,EAAE,EAAE,cAAc,CAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,sBAAsB,CAAC,aAE/E,KAAC,IAAI,IACH,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAC7C,iBAAiB,EACrB,EAAE,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,iBAAiB,CAAC,YAE3D,KAAC,GAAG,OAAK,iBAAiB,EAAE,EAAE,EAAE,cAAc,CAAW,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,iBAAiB,CAAC,YACpF,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,KAAM,cAAc,YACrC,KAAC,GAAG,OAAK,iBAAiB,EAAE,EAAE,EAAE,cAAc,CAAW,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,iBAAiB,CAAC,YAClF,QAAQ,GACL,GACA,GACJ,GACD,EACN,UAAU,IAAI,CACb,KAAC,IAAI,OACC,oBAAoB,EACxB,EAAE,EAAE,cAAc,CAAY,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,oBAAoB,CAAC,YAEvF,KAAC,6BAA6B,OAAK,YAAY,EAAE,KAAK,EAAE,QAAQ,GAAI,GAC/D,CACR,IACI,CACR,CAAC;AACJ,CAAC"}

package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js

@@ -3,7 +3,7 @@ import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
 import Paper from '@mui/material/Paper';
 import { getTemplate, getUiOptions, buttonId, } from '@rjsf/utils';
-import { getMuiProps } from '../util.js';
+import { computeSxProps, getMuiProps } from '../util.js';
 /** The `ArrayFieldTemplate` component is the template used to render all items in an array.
  *
  * @param props - The `ArrayFieldTemplateProps` props for the component
@@ -16,7 +16,7 @@ export default function ArrayFieldTemplate(props) {
     const showOptionalDataControlInTitle = !readonly && !disabled;
     // Button templates are not overridden in the uiSchema
     const { ButtonTemplates: { AddButton }, } = registry.templates;
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    return (_jsx(Paper, { elevation: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayPaper, children: _jsxs(Box, { p: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayBox, children: [_jsx(ArrayFieldTitleTemplate, { fieldPathId: fieldPathId, title: uiOptions.title || title, schema: schema, uiSchema: uiSchema, required: required, registry: registry, optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : undefined }), _jsx(ArrayFieldDescriptionTemplate, { fieldPathId: fieldPathId, description: uiOptions.description || schema.description, schema: schema, uiSchema: uiSchema, registry: registry }), !showOptionalDataControlInTitle ? optionalDataControl : undefined, items, canAdd && (_jsx(Grid, { container: true, justifyContent: 'flex-end', ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayAddButtonGridContainer, children: _jsx(Grid, { ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayAddButtonGridItem, children: _jsx(Box, { mt: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.arrayAddButtonBox, children: _jsx(AddButton, { id: buttonId(fieldPathId, 'add'), className: 'rjsf-array-item-add', onClick: onAddClick, disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) }) }) }))] }) }));
+    const { rjsfSlotProps: { arrayPaper, arrayBox, arrayAddButtonGridContainer, arrayAddButtonGridItem, arrayAddButtonBox, } = {}, } = getMuiProps(uiOptions);
+    return (_jsx(Paper, { elevation: 2, ...arrayPaper, children: _jsxs(Box, { ...arrayBox, sx: computeSxProps({ p: 2 }, arrayBox), children: [_jsx(ArrayFieldTitleTemplate, { fieldPathId: fieldPathId, title: uiOptions.title || title, schema: schema, uiSchema: uiSchema, required: required, registry: registry, optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : undefined }), _jsx(ArrayFieldDescriptionTemplate, { fieldPathId: fieldPathId, description: uiOptions.description || schema.description, schema: schema, uiSchema: uiSchema, registry: registry }), !showOptionalDataControlInTitle ? optionalDataControl : undefined, items, canAdd && (_jsx(Grid, { container: true, ...arrayAddButtonGridContainer, sx: computeSxProps({ justifyContent: 'flex-end' }, arrayAddButtonGridContainer), children: _jsx(Grid, { ...arrayAddButtonGridItem, children: _jsx(Box, { ...arrayAddButtonBox, sx: computeSxProps({ mt: 2 }, arrayAddButtonBox), children: _jsx(AddButton, { id: buttonId(fieldPathId, 'add'), className: 'rjsf-array-item-add', onClick: onAddClick, disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) }) }) }))] }) }));
 }
 //# sourceMappingURL=ArrayFieldTemplate.js.map

package/lib/ArrayFieldTemplate/ArrayFieldTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldTemplate/ArrayFieldTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAqB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,WAAW,EACX,YAAY,EAKZ,QAAQ,GAET,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmBtC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAAuC;IACvC,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,GACN,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,uBAAuB,GAAG,WAAW,CACzC,yBAAyB,EACzB,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,8BAA8B,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAC9D,sDAAsD;IACtD,MAAM,EACJ,eAAe,EAAE,EAAE,SAAS,EAAE,GAC/B,GAAG,QAAQ,CAAC,SAAS,CAAC;IAEvB,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAAsC,SAAS,CAAC,CAAC;IAEpG,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,YAC/C,MAAC,GAAG,IAAC,CAAC,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,aACnC,KAAC,uBAAuB,IACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,KAAK,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,GACrF,EACF,KAAC,6BAA6B,IAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,EACxD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACD,CAAC,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACjE,KAAK,EACL,MAAM,IAAI,CACT,KAAC,IAAI,IAAC,SAAS,QAAC,cAAc,EAAC,UAAU,KAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,2BAA2B,YACrF,KAAC,IAAI,OAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,sBAAsB,YAC5C,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,YAC7C,KAAC,SAAS,IACR,EAAE,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,EAChC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,GACE,GACD,GACF,CACR,IACG,GACA,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ArrayFieldTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldTemplate/ArrayFieldTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAqB,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,WAAW,EACX,YAAY,EAKZ,QAAQ,GAET,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmBtD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAAuC;IACvC,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,GACN,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,uBAAuB,GAAG,WAAW,CACzC,yBAAyB,EACzB,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,8BAA8B,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAC9D,sDAAsD;IACtD,MAAM,EACJ,eAAe,EAAE,EAAE,SAAS,EAAE,GAC/B,GAAG,QAAQ,CAAC,SAAS,CAAC;IAEvB,MAAM,EACJ,aAAa,EAAE,EACb,UAAU,EACV,QAAQ,EACR,2BAA2B,EAC3B,sBAAsB,EACtB,iBAAiB,GAClB,GAAG,EAAE,GACP,GAAG,WAAW,CAAsC,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,KAAM,UAAU,YACjC,MAAC,GAAG,OAAK,QAAQ,EAAE,EAAE,EAAE,cAAc,CAAW,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,aACjE,KAAC,uBAAuB,IACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,KAAK,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,GACrF,EACF,KAAC,6BAA6B,IAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,SAAS,CAAC,WAAW,IAAI,MAAM,CAAC,WAAW,EACxD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACD,CAAC,8BAA8B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACjE,KAAK,EACL,MAAM,IAAI,CACT,KAAC,IAAI,IACH,SAAS,WACL,2BAA2B,EAC/B,EAAE,EAAE,cAAc,CAAY,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,2BAA2B,CAAC,YAE1F,KAAC,IAAI,OAAK,sBAAsB,YAC9B,KAAC,GAAG,OAAK,iBAAiB,EAAE,EAAE,EAAE,cAAc,CAAW,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,iBAAiB,CAAC,YACpF,KAAC,SAAS,IACR,EAAE,EAAE,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,EAChC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,GACE,GACD,GACF,CACR,IACG,GACA,CACT,CAAC;AACJ,CAAC"}

package/lib/DescriptionField/DescriptionField.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Typography from '@mui/material/Typography';
 import { getUiOptions, } from '@rjsf/utils';
 import { RichDescription } from '@rjsf/core';
-import { getMuiProps } from '../util.js';
+import { computeSxProps, getMuiProps } from '../util.js';
 /** The `DescriptionField` is the template to use to render the description of a field
  *
  * @param props - The `DescriptionFieldProps` for this component
@@ -10,10 +10,9 @@ import { getMuiProps } from '../util.js';
 export default function DescriptionField(props) {
     const { id, description, registry, uiSchema } = props;
     const uiOptions = getUiOptions(uiSchema);
-    const muiProps = getMuiProps(uiOptions);
-    const { rjsfSlotProps: muiSlotProps } = muiProps;
+    const { rjsfSlotProps: { descTypography } = {} } = getMuiProps(uiOptions);
     if (description) {
-        return (_jsx(Typography, { id: id, variant: 'subtitle2', style: { marginTop: '5px' }, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.descTypography, children: _jsx(RichDescription, { description: description, registry: registry, uiSchema: uiSchema }) }));
+        return (_jsx(Typography, { id: id, variant: 'subtitle2', ...descTypography, sx: computeSxProps({ mt: 0.625 }, descTypography), children: _jsx(RichDescription, { description: description, registry: registry, uiSchema: uiSchema }) }));
     }
     return null;
 }

package/lib/DescriptionField/DescriptionField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionField.js","sourceRoot":"","sources":["../../src/DescriptionField/DescriptionField.tsx"],"names":[],"mappings":";AAAA,OAAO,UAA+B,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAML,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,KAAqC;IACrC,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,WAAW,CAAoC,SAAS,CAAC,CAAC;IAC3E,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;IAEjD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,YACnG,KAAC,eAAe,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC1E,CACd,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"DescriptionField.js","sourceRoot":"","sources":["../../src/DescriptionField/DescriptionField.tsx"],"names":[],"mappings":";AAAA,OAAO,UAA+B,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAML,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,KAAqC;IACrC,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,CAAoC,SAAS,CAAC,CAAC;IAE7G,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,EACN,OAAO,EAAC,WAAW,KACf,cAAc,EAClB,EAAE,EAAE,cAAc,CAAkB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,cAAc,CAAC,YAElE,KAAC,eAAe,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC1E,CACd,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/ErrorList/ErrorList.js

@@ -8,7 +8,7 @@ import ListItemText from '@mui/material/ListItemText';
 import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
 import { TranslatableString, getUiOptions, } from '@rjsf/utils';
-import { getMuiProps } from '../util.js';
+import { computeSxProps, getMuiProps } from '../util.js';
 /** The `ErrorList` component is the template that renders the all the errors associated with the fields in the `Form`
  *
  * @param props - The `ErrorListProps` for this component
@@ -16,9 +16,9 @@ import { getMuiProps } from '../util.js';
 export default function ErrorList({ errors, registry, uiSchema, }) {
     const { translateString } = registry;
     const uiOptions = getUiOptions(uiSchema);
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    return (_jsx(Paper, { elevation: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.errorPaper, children: _jsxs(Box, { mb: 2, p: 2, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.errorBox, children: [_jsx(Typography, { variant: 'h6', ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.errorTypography, children: translateString(TranslatableString.ErrorsLabel) }), _jsx(List, { dense: true, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.errorList, children: errors.map((error, i) => {
-                        return (_jsxs(ListItem, { ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.errorListItem, children: [_jsx(ListItemIcon, { ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.errorListItemIcon, children: _jsx(ErrorIcon, { color: 'error' }) }), _jsx(ListItemText, { primary: error.stack, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.errorListItemText })] }, i));
+    const { rjsfSlotProps: { errorPaper, errorBox, errorTypography, errorList, errorListItem, errorListItemIcon, errorListItemText, } = {}, } = getMuiProps(uiOptions);
+    return (_jsx(Paper, { elevation: 2, ...errorPaper, children: _jsxs(Box, { ...errorBox, sx: computeSxProps({ mb: 2, p: 2 }, errorBox), children: [_jsx(Typography, { variant: 'h6', ...errorTypography, children: translateString(TranslatableString.ErrorsLabel) }), _jsx(List, { dense: true, ...errorList, children: errors.map((error, i) => {
+                        return (_jsxs(ListItem, { ...errorListItem, children: [_jsx(ListItemIcon, { ...errorListItemIcon, children: _jsx(ErrorIcon, { color: 'error' }) }), _jsx(ListItemText, { primary: error.stack, ...errorListItemText })] }, i));
                     }) })] }) }));
 }
 //# sourceMappingURL=ErrorList.js.map

package/lib/ErrorList/ErrorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorList.js","sourceRoot":"","sources":["../../src/ErrorList/ErrorList.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,QAA2B,MAAM,wBAAwB,CAAC;AACjE,OAAO,YAAmC,MAAM,4BAA4B,CAAC;AAC7E,OAAO,YAAmC,MAAM,4BAA4B,CAAC;AAC7E,OAAO,KAAqB,MAAM,qBAAqB,CAAC;AACxD,OAAO,UAA+B,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAML,kBAAkB,EAClB,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAuBtC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoF,EACnH,MAAM,EACN,QAAQ,EACR,QAAQ,GACgB;IACxB,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IAErC,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAA6B,SAAS,CAAC,CAAC;IAE3F,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,YAC/C,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,aAC1C,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,KAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,eAAe,YACvD,eAAe,CAAC,kBAAkB,CAAC,WAAW,CAAC,GACrC,EACb,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAS,EAAE,EAAE;wBAC/B,OAAO,CACL,MAAC,QAAQ,OAAa,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,aAC/C,KAAC,YAAY,OAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,YAC/C,KAAC,SAAS,IAAC,KAAK,EAAC,OAAO,GAAG,GACd,EACf,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,GAAI,KAJ9D,CAAC,CAKL,CACZ,CAAC;oBACJ,CAAC,CAAC,GACG,IACH,GACA,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ErrorList.js","sourceRoot":"","sources":["../../src/ErrorList/ErrorList.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,IAAmB,MAAM,oBAAoB,CAAC;AACrD,OAAO,QAA2B,MAAM,wBAAwB,CAAC;AACjE,OAAO,YAAmC,MAAM,4BAA4B,CAAC;AAC7E,OAAO,YAAmC,MAAM,4BAA4B,CAAC;AAC7E,OAAO,KAAqB,MAAM,qBAAqB,CAAC;AACxD,OAAO,UAA+B,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAML,kBAAkB,EAClB,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAuBtD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoF,EACnH,MAAM,EACN,QAAQ,EACR,QAAQ,GACgB;IACxB,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IAErC,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,EACJ,aAAa,EAAE,EACb,UAAU,EACV,QAAQ,EACR,eAAe,EACf,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,GAClB,GAAG,EAAE,GACP,GAAG,WAAW,CAA6B,SAAS,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,KAAM,UAAU,YACjC,MAAC,GAAG,OAAK,QAAQ,EAAE,EAAE,EAAE,cAAc,CAAW,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,aACxE,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,KAAK,eAAe,YACzC,eAAe,CAAC,kBAAkB,CAAC,WAAW,CAAC,GACrC,EACb,KAAC,IAAI,IAAC,KAAK,EAAE,IAAI,KAAM,SAAS,YAC7B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAS,EAAE,EAAE;wBAC/B,OAAO,CACL,MAAC,QAAQ,OAAa,aAAa,aACjC,KAAC,YAAY,OAAK,iBAAiB,YACjC,KAAC,SAAS,IAAC,KAAK,EAAC,OAAO,GAAG,GACd,EACf,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,KAAM,iBAAiB,GAAI,KAJhD,CAAC,CAKL,CACZ,CAAC;oBACJ,CAAC,CAAC,GACG,IACH,GACA,CACT,CAAC;AACJ,CAAC"}

package/lib/FieldHelpTemplate/FieldHelpTemplate.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { RichHelp } from '@rjsf/core';
 import { helpId, getUiOptions, } from '@rjsf/utils';
 import FormHelperText from '@mui/material/FormHelperText';
-import { getMuiProps } from '../util.js';
+import { computeSxProps, getMuiProps } from '../util.js';
 /** The `FieldHelpTemplate` component renders any help desired for a field
  *
  * @param props - The `FieldHelpProps` to be rendered
@@ -13,8 +13,7 @@ export default function FieldHelpTemplate(props) {
         return null;
     }
     const uiOptions = getUiOptions(uiSchema);
-    const muiProps = getMuiProps(uiOptions);
-    const { rjsfSlotProps: muiSlotProps } = muiProps;
-    return (_jsx(FormHelperText, { component: 'div', id: helpId(fieldPathId), style: { marginTop: '5px' }, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.helpFormHelperText, children: _jsx(RichHelp, { help: help, registry: registry, uiSchema: uiSchema }) }));
+    const { rjsfSlotProps: { helpFormHelperText } = {} } = getMuiProps(uiOptions);
+    return (_jsx(FormHelperText, { component: 'div', id: helpId(fieldPathId), ...helpFormHelperText, sx: computeSxProps({ mt: 0.625 }, helpFormHelperText), children: _jsx(RichHelp, { help: help, registry: registry, uiSchema: uiSchema }) }));
 }
 //# sourceMappingURL=FieldHelpTemplate.js.map

package/lib/FieldHelpTemplate/FieldHelpTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldHelpTemplate.js","sourceRoot":"","sources":["../../src/FieldHelpTemplate/FieldHelpTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,MAAM,EAKN,YAAY,GAEb,MAAM,aAAa,CAAC;AACrB,OAAO,cAAuC,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAIvC,KAA8B;IAC9B,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,WAAW,CAAqC,SAAS,CAAC,CAAC;IAC5E,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;IAEjD,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KACvB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,kBAAkB,YAEpC,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,CAClB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FieldHelpTemplate.js","sourceRoot":"","sources":["../../src/FieldHelpTemplate/FieldHelpTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,MAAM,EAKN,YAAY,GAEb,MAAM,aAAa,CAAC;AACrB,OAAO,cAAuC,MAAM,8BAA8B,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAIvC,KAA8B;IAC9B,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,EAAE,kBAAkB,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,CAAqC,SAAS,CAAC,CAAC;IAElH,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,KACnB,kBAAkB,EACtB,EAAE,EAAE,cAAc,CAAsB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,kBAAkB,CAAC,YAE1E,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACjD,CAClB,CAAC;AACJ,CAAC"}

package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Grid from '@mui/material/Grid';
 import { canExpand, descriptionId, getTemplate, getUiOptions, titleId, buttonId, } from '@rjsf/utils';
-import { getMuiProps } from '../util.js';
+import { computeSxProps, getMuiProps } from '../util.js';
 /** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
  * title and description if available. If the object is expandable, then an `AddButton` is also rendered after all
  * the properties.
@@ -16,10 +16,10 @@ export default function ObjectFieldTemplate(props) {
     const showOptionalDataControlInTitle = !readonly && !disabled;
     // Button templates are not overridden in the uiSchema
     const { ButtonTemplates: { AddButton }, } = registry.templates;
-    const { rjsfSlotProps: muiSlotProps } = getMuiProps(uiOptions);
-    return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(fieldPathId), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry, optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : undefined })), description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(fieldPathId), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), _jsxs(Grid, { container: true, spacing: 2, style: { marginTop: '10px' }, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.objectGridContainer, children: [!showOptionalDataControlInTitle ? optionalDataControl : undefined, properties.map((element, index) => 
+    const { rjsfSlotProps: { objectGridContainer, objectGridItem, objectAddButtonGridContainer, objectAddButtonGridItem } = {}, } = getMuiProps(uiOptions);
+    return (_jsxs(_Fragment, { children: [title && (_jsx(TitleFieldTemplate, { id: titleId(fieldPathId), title: title, required: required, schema: schema, uiSchema: uiSchema, registry: registry, optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : undefined })), description && (_jsx(DescriptionFieldTemplate, { id: descriptionId(fieldPathId), description: description, schema: schema, uiSchema: uiSchema, registry: registry })), _jsxs(Grid, { container: true, spacing: 2, ...objectGridContainer, sx: computeSxProps({ mt: 1.25 }, objectGridContainer), children: [!showOptionalDataControlInTitle ? optionalDataControl : undefined, properties.map((element, index) => 
                     // Remove the <Grid> if the inner element is hidden as the <Grid>
                     // itself would otherwise still take up space.
-                    element.hidden ? (element.content) : (_jsx(Grid, { size: { xs: 12 }, style: { marginBottom: '10px' }, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.objectGridItem, children: element.content }, index)))] }), canExpand(schema, uiSchema, formData) && (_jsx(Grid, { container: true, justifyContent: 'flex-end', ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.objectAddButtonGridContainer, children: _jsx(Grid, { ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.objectAddButtonGridItem, children: _jsx(AddButton, { id: buttonId(fieldPathId, 'add'), className: 'rjsf-object-property-expand', onClick: onAddProperty, disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) }) }))] }));
+                    element.hidden ? (element.content) : (_jsx(Grid, { size: { xs: 12 }, ...objectGridItem, sx: computeSxProps({ mb: 1.25 }, objectGridItem), children: element.content }, index)))] }), canExpand(schema, uiSchema, formData) && (_jsx(Grid, { container: true, ...objectAddButtonGridContainer, sx: computeSxProps({ justifyContent: 'flex-end' }, objectAddButtonGridContainer), children: _jsx(Grid, { ...objectAddButtonGridItem, children: _jsx(AddButton, { id: buttonId(fieldPathId, 'add'), className: 'rjsf-object-property-expand', onClick: onAddProperty, disabled: disabled || readonly, uiSchema: uiSchema, registry: registry }) }) }))] }));
 }
 //# sourceMappingURL=ObjectFieldTemplate.js.map

package/lib/ObjectFieldTemplate/ObjectFieldTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectFieldTemplate.js","sourceRoot":"","sources":["../../src/ObjectFieldTemplate/ObjectFieldTemplate.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ObjectFieldTemplate.js","sourceRoot":"","sources":["../../src/ObjectFieldTemplate/ObjectFieldTemplate.tsx"],"names":[],"mappings":"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"}

package/lib/SubmitButton/SubmitButton.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
 import { getSubmitButtonOptions, getUiOptions, } from '@rjsf/utils';
-import { getMuiProps } from '../util.js';
+import { computeSxProps, getMuiProps } from '../util.js';
 /** The `SubmitButton` renders a button that represent the `Submit` action on a form
  */
 export default function SubmitButton({ uiSchema }) {
@@ -11,7 +11,7 @@ export default function SubmitButton({ uiSchema }) {
         return null;
     }
     const uiOptions = getUiOptions(uiSchema);
-    const { rjsfSlotProps: muiSlotProps, ...otherMuiProps } = getMuiProps(uiOptions);
-    return (_jsx(Box, { marginTop: 3, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.submitBox, children: _jsx(Button, { type: 'submit', variant: 'contained', color: 'primary', ...submitButtonProps, ...otherMuiProps, ...muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.submitButton, children: submitText }) }));
+    const { rjsfSlotProps: { submitBox, submitButton } = {}, ...otherMuiProps } = getMuiProps(uiOptions);
+    return (_jsx(Box, { ...submitBox, sx: computeSxProps({ mt: 3 }, submitBox), children: _jsx(Button, { type: 'submit', variant: 'contained', color: 'primary', ...submitButtonProps, ...otherMuiProps, ...submitButton, children: submitText }) }));
 }
 //# sourceMappingURL=SubmitButton.js.map

package/lib/SubmitButton/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../src/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,MAAuB,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EACL,sBAAsB,EAMtB,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAatC;GACG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAIlC,EAAE,QAAQ,EAA8B;IACxC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,sBAAsB,CAAU,QAAQ,CAAC,CAAC;IAC1G,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,GAAG,WAAW,CAAgC,SAAS,CAAC,CAAC;IAEhH,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,KAAM,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,YAC5C,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,KACX,iBAAiB,KACjB,aAAa,KACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,YAE7B,UAAU,GACJ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../src/SubmitButton/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,MAAuB,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EACL,sBAAsB,EAMtB,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAatD;GACG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAIlC,EAAE,QAAQ,EAA8B;IACxC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,sBAAsB,CAAU,QAAQ,CAAC,CAAC;IAC1G,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,WAAW,CAKvF,SAAS,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,GAAG,OAAK,SAAS,EAAE,EAAE,EAAE,cAAc,CAAW,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,YACpE,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,KACX,iBAAiB,KACjB,aAAa,KACb,YAAY,YAEf,UAAU,GACJ,GACL,CACP,CAAC;AACJ,CAAC"}