@rjsf/mui 5.24.10 → 6.0.0-beta.1

package/dist/index.js

@@ -28,26 +28,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Form: () => MuiForm_default,
   Templates: () => Templates_default,
   Theme: () => Theme_default,
   Widgets: () => Widgets_default,
-  default: () => src_default,
+  default: () => index_default,
   generateForm: () => generateForm,
   generateTemplates: () => generateTemplates,
   generateTheme: () => generateTheme,
   generateWidgets: () => generateWidgets
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/MuiForm/MuiForm.tsx
 var import_core = require("@rjsf/core");
 
 // src/AddButton/AddButton.tsx
-var import_Add = __toESM(require("@mui/icons-material/Add"));
-var import_IconButton = __toESM(require("@mui/material/IconButton"));
+var import_Add = __toESM(require("@mui/icons-material/Add"), 1);
+var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
 var import_utils = require("@rjsf/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 function AddButton({
@@ -60,28 +60,19 @@ function AddButton({
 }
 
 // src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
-var import_Box = __toESM(require("@mui/material/Box"));
-var import_Grid = __toESM(require("@mui/material/Grid"));
-var import_Paper = __toESM(require("@mui/material/Paper"));
+var import_Box = __toESM(require("@mui/material/Box"), 1);
+var import_Grid2 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Paper = __toESM(require("@mui/material/Paper"), 1);
+var import_utils2 = require("@rjsf/utils");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function ArrayFieldItemTemplate(props) {
-  const {
-    children,
-    disabled,
-    hasToolbar,
-    hasCopy,
-    hasMoveDown,
-    hasMoveUp,
-    hasRemove,
-    index,
-    onCopyIndexClick,
-    onDropIndexClick,
-    onReorderClick,
-    readonly,
-    uiSchema,
-    registry
-  } = props;
-  const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
+  const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
+  const uiOptions = (0, import_utils2.getUiOptions)(uiSchema);
+  const ArrayFieldItemButtonsTemplate = (0, import_utils2.getTemplate)(
+    "ArrayFieldItemButtonsTemplate",
+    registry,
+    uiOptions
+  );
   const btnStyle = {
     flex: 1,
     paddingLeft: 6,
@@ -89,73 +80,32 @@ function ArrayFieldItemTemplate(props) {
     fontWeight: "bold",
     minWidth: 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_Grid.default, { container: true, alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Grid.default, { item: true, xs: true, style: { overflow: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Paper.default, { elevation: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { p: 2, children }) }) }) }),
-    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_Grid.default, { item: true, children: [
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        MoveUpButton2,
-        {
-          style: btnStyle,
-          disabled: disabled || readonly || !hasMoveUp,
-          onClick: onReorderClick(index, index - 1),
-          uiSchema,
-          registry
-        }
-      ),
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        MoveDownButton2,
-        {
-          style: btnStyle,
-          disabled: disabled || readonly || !hasMoveDown,
-          onClick: onReorderClick(index, index + 1),
-          uiSchema,
-          registry
-        }
-      ),
-      hasCopy && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        CopyButton2,
-        {
-          style: btnStyle,
-          disabled: disabled || readonly,
-          onClick: onCopyIndexClick(index),
-          uiSchema,
-          registry
-        }
-      ),
-      hasRemove && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        RemoveButton2,
-        {
-          style: btnStyle,
-          disabled: disabled || readonly,
-          onClick: onDropIndexClick(index),
-          uiSchema,
-          registry
-        }
-      )
-    ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_Grid2.default, { container: true, alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Grid2.default, { size: "auto", style: { overflow: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Paper.default, { elevation: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { p: 2, children }) }) }) }),
+    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Grid2.default, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: btnStyle }) })
   ] });
 }
 
 // src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
-var import_Box2 = __toESM(require("@mui/material/Box"));
-var import_Grid2 = __toESM(require("@mui/material/Grid"));
-var import_Paper2 = __toESM(require("@mui/material/Paper"));
-var import_utils2 = require("@rjsf/utils");
+var import_Box2 = __toESM(require("@mui/material/Box"), 1);
+var import_Grid22 = __toESM(require("@mui/material/Grid2"), 1);
+var import_Paper2 = __toESM(require("@mui/material/Paper"), 1);
+var import_utils3 = require("@rjsf/utils");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function ArrayFieldTemplate(props) {
   const { canAdd, disabled, idSchema, uiSchema, items, onAddClick, readonly, registry, required, schema, title } = props;
-  const uiOptions = (0, import_utils2.getUiOptions)(uiSchema);
-  const ArrayFieldDescriptionTemplate = (0, import_utils2.getTemplate)(
+  const uiOptions = (0, import_utils3.getUiOptions)(uiSchema);
+  const ArrayFieldDescriptionTemplate = (0, import_utils3.getTemplate)(
     "ArrayFieldDescriptionTemplate",
     registry,
     uiOptions
   );
-  const ArrayFieldItemTemplate2 = (0, import_utils2.getTemplate)(
+  const ArrayFieldItemTemplate2 = (0, import_utils3.getTemplate)(
     "ArrayFieldItemTemplate",
     registry,
     uiOptions
   );
-  const ArrayFieldTitleTemplate = (0, import_utils2.getTemplate)(
+  const ArrayFieldTitleTemplate = (0, import_utils3.getTemplate)(
     "ArrayFieldTitleTemplate",
     registry,
     uiOptions
@@ -186,10 +136,11 @@ function ArrayFieldTemplate(props) {
       }
     ),
     items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrayFieldItemTemplate2, { ...itemProps }, key)),
-    canAdd && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Grid2.default, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Grid2.default, { item: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Box2.default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    canAdd && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Grid22.default, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Grid22.default, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Box2.default, { mt: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       AddButton2,
       {
-        className: "array-item-add",
+        id: (0, import_utils3.buttonId)(idSchema, "add"),
+        className: "rjsf-array-item-add",
         onClick: onAddClick,
         disabled: disabled || readonly,
         uiSchema,
@@ -200,8 +151,8 @@ function ArrayFieldTemplate(props) {
 }
 
 // src/BaseInputTemplate/BaseInputTemplate.tsx
-var import_TextField = __toESM(require("@mui/material/TextField"));
-var import_utils3 = require("@rjsf/utils");
+var import_TextField = __toESM(require("@mui/material/TextField"), 1);
+var import_utils4 = require("@rjsf/utils");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var TYPES_THAT_SHRINK_LABEL = ["date", "datetime-local", "file", "time"];
 function BaseInputTemplate(props) {
@@ -233,9 +184,9 @@ function BaseInputTemplate(props) {
     InputLabelProps,
     ...textFieldProps
   } = props;
-  const inputProps = (0, import_utils3.getInputProps)(schema, type, options);
+  const inputProps = (0, import_utils4.getInputProps)(schema, type, options);
   const { step, min, max, accept, ...rest } = inputProps;
-  const htmlInputProps = { step, min, max, accept, ...schema.examples ? { list: (0, import_utils3.examplesId)(id) } : void 0 };
+  const htmlInputProps = { step, min, max, accept, ...schema.examples ? { list: (0, import_utils4.examplesId)(id) } : void 0 };
   const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
@@ -250,7 +201,7 @@ function BaseInputTemplate(props) {
         id,
         name: id,
         placeholder,
-        label: (0, import_utils3.labelValue)(label || void 0, hideLabel, void 0),
+        label: (0, import_utils4.labelValue)(label || void 0, hideLabel, void 0),
         autoFocus: autofocus,
         required,
         disabled: disabled || readonly,
@@ -263,17 +214,17 @@ function BaseInputTemplate(props) {
         onFocus: _onFocus,
         InputLabelProps: DisplayInputLabelProps,
         ...textFieldProps,
-        "aria-describedby": (0, import_utils3.ariaDescribedByIds)(id, !!schema.examples)
+        "aria-describedby": (0, import_utils4.ariaDescribedByIds)(id, !!schema.examples)
       }
     ),
-    Array.isArray(schema.examples) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("datalist", { id: (0, import_utils3.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
+    Array.isArray(schema.examples) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("datalist", { id: (0, import_utils4.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: example }, example);
     }) })
   ] });
 }
 
 // src/DescriptionField/DescriptionField.tsx
-var import_Typography = __toESM(require("@mui/material/Typography"));
+var import_Typography = __toESM(require("@mui/material/Typography"), 1);
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function DescriptionField(props) {
   const { id, description } = props;
@@ -284,15 +235,15 @@ function DescriptionField(props) {
 }
 
 // src/ErrorList/ErrorList.tsx
-var import_Error = __toESM(require("@mui/icons-material/Error"));
-var import_Box3 = __toESM(require("@mui/material/Box"));
-var import_List = __toESM(require("@mui/material/List"));
-var import_ListItem = __toESM(require("@mui/material/ListItem"));
-var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"));
-var import_ListItemText = __toESM(require("@mui/material/ListItemText"));
-var import_Paper3 = __toESM(require("@mui/material/Paper"));
-var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_utils4 = require("@rjsf/utils");
+var import_Error = __toESM(require("@mui/icons-material/Error"), 1);
+var import_Box3 = __toESM(require("@mui/material/Box"), 1);
+var import_List = __toESM(require("@mui/material/List"), 1);
+var import_ListItem = __toESM(require("@mui/material/ListItem"), 1);
+var import_ListItemIcon = __toESM(require("@mui/material/ListItemIcon"), 1);
+var import_ListItemText = __toESM(require("@mui/material/ListItemText"), 1);
+var import_Paper3 = __toESM(require("@mui/material/Paper"), 1);
+var import_Typography2 = __toESM(require("@mui/material/Typography"), 1);
+var import_utils5 = require("@rjsf/utils");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function ErrorList({
   errors,
@@ -300,7 +251,7 @@ function ErrorList({
 }) {
   const { translateString } = registry;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Paper3.default, { elevation: 2, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_Box3.default, { mb: 2, p: 2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Typography2.default, { variant: "h6", children: translateString(import_utils4.TranslatableString.ErrorsLabel) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Typography2.default, { variant: "h6", children: translateString(import_utils5.TranslatableString.ErrorsLabel) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_List.default, { dense: true, children: errors.map((error, i) => {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ListItem.default, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ListItemIcon.default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Error.default, { color: "error" }) }),
@@ -311,12 +262,12 @@ function ErrorList({
 }
 
 // src/IconButton/IconButton.tsx
-var import_IconButton2 = __toESM(require("@mui/material/IconButton"));
-var import_ArrowDownward = __toESM(require("@mui/icons-material/ArrowDownward"));
-var import_ArrowUpward = __toESM(require("@mui/icons-material/ArrowUpward"));
-var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
-var import_Remove = __toESM(require("@mui/icons-material/Remove"));
-var import_utils5 = require("@rjsf/utils");
+var import_IconButton2 = __toESM(require("@mui/material/IconButton"), 1);
+var import_ArrowDownward = __toESM(require("@mui/icons-material/ArrowDownward"), 1);
+var import_ArrowUpward = __toESM(require("@mui/icons-material/ArrowUpward"), 1);
+var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"), 1);
+var import_Remove = __toESM(require("@mui/icons-material/Remove"), 1);
+var import_utils6 = require("@rjsf/utils");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function MuiIconButton(props) {
   const { icon, color, uiSchema, registry, ...otherProps } = props;
@@ -329,7 +280,7 @@ function CopyButton(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     MuiIconButton,
     {
-      title: translateString(import_utils5.TranslatableString.CopyButton),
+      title: translateString(import_utils6.TranslatableString.CopyButton),
       ...props,
       icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ContentCopy.default, { fontSize: "small" })
     }
@@ -342,7 +293,7 @@ function MoveDownButton(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     MuiIconButton,
     {
-      title: translateString(import_utils5.TranslatableString.MoveDownButton),
+      title: translateString(import_utils6.TranslatableString.MoveDownButton),
       ...props,
       icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ArrowDownward.default, { fontSize: "small" })
     }
@@ -355,7 +306,7 @@ function MoveUpButton(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     MuiIconButton,
     {
-      title: translateString(import_utils5.TranslatableString.MoveUpButton),
+      title: translateString(import_utils6.TranslatableString.MoveUpButton),
       ...props,
       icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ArrowUpward.default, { fontSize: "small" })
     }
@@ -369,7 +320,7 @@ function RemoveButton(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     MuiIconButton,
     {
-      title: translateString(import_utils5.TranslatableString.RemoveButton),
+      title: translateString(import_utils6.TranslatableString.RemoveButton),
       ...otherProps,
       color: "error",
       icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Remove.default, { fontSize: iconType === "default" ? void 0 : "small" })
@@ -378,39 +329,39 @@ function RemoveButton(props) {
 }
 
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
-var import_ListItem2 = __toESM(require("@mui/material/ListItem"));
-var import_FormHelperText = __toESM(require("@mui/material/FormHelperText"));
-var import_List2 = __toESM(require("@mui/material/List"));
-var import_utils6 = require("@rjsf/utils");
+var import_ListItem2 = __toESM(require("@mui/material/ListItem"), 1);
+var import_FormHelperText = __toESM(require("@mui/material/FormHelperText"), 1);
+var import_List2 = __toESM(require("@mui/material/List"), 1);
+var import_utils7 = require("@rjsf/utils");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function FieldErrorTemplate(props) {
   const { errors = [], idSchema } = props;
   if (errors.length === 0) {
     return null;
   }
-  const id = (0, import_utils6.errorId)(idSchema);
+  const id = (0, import_utils7.errorId)(idSchema);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_List2.default, { id, dense: true, disablePadding: true, children: errors.map((error, i) => {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ListItem2.default, { disableGutters: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_FormHelperText.default, { component: "div", id: `${id}-${i}`, children: error }) }, i);
   }) });
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
-var import_FormHelperText2 = __toESM(require("@mui/material/FormHelperText"));
-var import_utils7 = require("@rjsf/utils");
+var import_FormHelperText2 = __toESM(require("@mui/material/FormHelperText"), 1);
+var import_utils8 = require("@rjsf/utils");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
   const { idSchema, help } = props;
   if (!help) {
     return null;
   }
-  const id = (0, import_utils7.helpId)(idSchema);
+  const id = (0, import_utils8.helpId)(idSchema);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_FormHelperText2.default, { component: "div", id, children: help });
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
-var import_FormControl = __toESM(require("@mui/material/FormControl"));
-var import_Typography3 = __toESM(require("@mui/material/Typography"));
-var import_utils8 = require("@rjsf/utils");
+var import_FormControl = __toESM(require("@mui/material/FormControl"), 1);
+var import_Typography3 = __toESM(require("@mui/material/Typography"), 1);
+var import_utils9 = require("@rjsf/utils");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function FieldTemplate(props) {
   const {
@@ -435,8 +386,8 @@ function FieldTemplate(props) {
     uiSchema,
     registry
   } = props;
-  const uiOptions = (0, import_utils8.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils8.getTemplate)(
+  const uiOptions = (0, import_utils9.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils9.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
@@ -469,10 +420,18 @@ function FieldTemplate(props) {
   );
 }
 
-// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-var import_Grid3 = __toESM(require("@mui/material/Grid"));
-var import_utils9 = require("@rjsf/utils");
+// src/GridTemplate/GridTemplate.tsx
+var import_Grid23 = __toESM(require("@mui/material/Grid2"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
+function GridTemplate(props) {
+  const { children, column, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Grid23.default, { container: !column, ...rest, children });
+}
+
+// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
+var import_Grid24 = __toESM(require("@mui/material/Grid2"), 1);
+var import_utils10 = require("@rjsf/utils");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
     description,
@@ -488,9 +447,9 @@ function ObjectFieldTemplate(props) {
     onAddClick,
     registry
   } = props;
-  const uiOptions = (0, import_utils9.getUiOptions)(uiSchema);
-  const TitleFieldTemplate = (0, import_utils9.getTemplate)("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = (0, import_utils9.getTemplate)(
+  const uiOptions = (0, import_utils10.getUiOptions)(uiSchema);
+  const TitleFieldTemplate = (0, import_utils10.getTemplate)("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = (0, import_utils10.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     uiOptions
@@ -498,11 +457,11 @@ function ObjectFieldTemplate(props) {
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TitleFieldTemplate,
       {
-        id: (0, import_utils9.titleId)(idSchema),
+        id: (0, import_utils10.titleId)(idSchema),
         title,
         required,
         schema,
@@ -510,28 +469,29 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils9.descriptionId)(idSchema),
+        id: (0, import_utils10.descriptionId)(idSchema),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_Grid3.default, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_Grid24.default, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
       properties.map(
         (element, index) => (
-          // Remove the <Grid> if the inner element is hidden as the <Grid>
+          // Remove the <Grid2> if the inner element is hidden as the <Grid2>
           // itself would otherwise still take up space.
-          element.hidden ? element.content : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Grid3.default, { item: true, xs: 12, style: { marginBottom: "10px" }, children: element.content }, index)
+          element.hidden ? element.content : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Grid24.default, { size: { xs: 12 }, style: { marginBottom: "10px" }, children: element.content }, index)
         )
       ),
-      (0, import_utils9.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Grid3.default, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Grid3.default, { item: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      (0, import_utils10.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Grid24.default, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Grid24.default, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         AddButton2,
         {
-          className: "object-property-expand",
+          id: (0, import_utils10.buttonId)(idSchema, "add"),
+          className: "rjsf-object-property-expand",
           onClick: onAddClick(schema),
           disabled: disabled || readonly,
           uiSchema,
@@ -543,38 +503,38 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/SubmitButton/SubmitButton.tsx
-var import_Box4 = __toESM(require("@mui/material/Box"));
-var import_Button = __toESM(require("@mui/material/Button"));
-var import_utils10 = require("@rjsf/utils");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_Box4 = __toESM(require("@mui/material/Box"), 1);
+var import_Button = __toESM(require("@mui/material/Button"), 1);
+var import_utils11 = require("@rjsf/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function SubmitButton({ uiSchema }) {
-  const { submitText, norender, props: submitButtonProps = {} } = (0, import_utils10.getSubmitButtonOptions)(uiSchema);
+  const { submitText, norender, props: submitButtonProps = {} } = (0, import_utils11.getSubmitButtonOptions)(uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Box4.default, { marginTop: 3, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Button.default, { type: "submit", variant: "contained", color: "primary", ...submitButtonProps, children: submitText }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Box4.default, { marginTop: 3, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Button.default, { type: "submit", variant: "contained", color: "primary", ...submitButtonProps, children: submitText }) });
 }
 
 // src/TitleField/TitleField.tsx
-var import_Box5 = __toESM(require("@mui/material/Box"));
-var import_Divider = __toESM(require("@mui/material/Divider"));
-var import_Typography4 = __toESM(require("@mui/material/Typography"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_Box5 = __toESM(require("@mui/material/Box"), 1);
+var import_Divider = __toESM(require("@mui/material/Divider"), 1);
+var import_Typography4 = __toESM(require("@mui/material/Typography"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function TitleField({
   id,
   title
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_Box5.default, { id, mb: 1, mt: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Typography4.default, { variant: "h5", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Divider.default, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Box5.default, { id, mb: 1, mt: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Typography4.default, { variant: "h5", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Divider.default, {})
   ] });
 }
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
-var import_Grid4 = __toESM(require("@mui/material/Grid"));
-var import_TextField2 = __toESM(require("@mui/material/TextField"));
-var import_utils11 = require("@rjsf/utils");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_Grid25 = __toESM(require("@mui/material/Grid2"), 1);
+var import_TextField2 = __toESM(require("@mui/material/TextField"), 1);
+var import_utils12 = require("@rjsf/utils");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
     children,
@@ -593,8 +553,8 @@ function WrapIfAdditionalTemplate(props) {
   } = props;
   const { templates, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
-  const keyLabel = translateString(import_utils11.TranslatableString.KeyLabel, [label]);
-  const additional = import_utils11.ADDITIONAL_PROPERTY_FLAG in schema;
+  const keyLabel = translateString(import_utils12.TranslatableString.KeyLabel, [label]);
+  const additional = import_utils12.ADDITIONAL_PROPERTY_FLAG in schema;
   const btnStyle = {
     flex: 1,
     paddingLeft: 6,
@@ -602,11 +562,11 @@ function WrapIfAdditionalTemplate(props) {
     fontWeight: "bold"
   };
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: classNames, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: classNames, style, children });
   }
   const handleBlur = ({ target }) => onKeyChange(target && target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Grid4.default, { container: true, alignItems: "center", spacing: 2, className: classNames, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Grid4.default, { item: true, xs: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Grid25.default, { container: true, alignItems: "center", spacing: 2, className: classNames, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Grid25.default, { size: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_TextField2.default,
       {
         fullWidth: true,
@@ -620,10 +580,12 @@ function WrapIfAdditionalTemplate(props) {
         type: "text"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Grid4.default, { item: true, xs: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Grid4.default, { item: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Grid25.default, { size: "auto", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Grid25.default, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       RemoveButton2,
       {
+        id: (0, import_utils12.buttonId)(id, "remove"),
+        className: "rjsf-object-property-remove",
         iconType: "default",
         style: btnStyle,
         disabled: disabled || readonly,
@@ -654,6 +616,7 @@ function generateTemplates() {
     FieldErrorTemplate,
     FieldHelpTemplate,
     FieldTemplate,
+    GridTemplate,
     ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate
@@ -662,10 +625,10 @@ function generateTemplates() {
 var Templates_default = generateTemplates();
 
 // src/CheckboxWidget/CheckboxWidget.tsx
-var import_Checkbox = __toESM(require("@mui/material/Checkbox"));
-var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
-var import_utils12 = require("@rjsf/utils");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_Checkbox = __toESM(require("@mui/material/Checkbox"), 1);
+var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"), 1);
+var import_utils13 = require("@rjsf/utils");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     schema,
@@ -683,31 +646,31 @@ function CheckboxWidget(props) {
     options,
     uiSchema
   } = props;
-  const DescriptionFieldTemplate = (0, import_utils12.getTemplate)(
+  const DescriptionFieldTemplate = (0, import_utils13.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
   );
-  const required = (0, import_utils12.schemaRequiresTrueValue)(schema);
+  const required = (0, import_utils13.schemaRequiresTrueValue)(schema);
   const _onChange = (_, checked) => onChange(checked);
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
   const description = options.description ?? schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils12.descriptionId)(id),
+        id: (0, import_utils13.descriptionId)(id),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_FormControlLabel.default,
       {
-        control: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           import_Checkbox.default,
           {
             id,
@@ -719,22 +682,22 @@ function CheckboxWidget(props) {
             onChange: _onChange,
             onBlur: _onBlur,
             onFocus: _onFocus,
-            "aria-describedby": (0, import_utils12.ariaDescribedByIds)(id)
+            "aria-describedby": (0, import_utils13.ariaDescribedByIds)(id)
           }
         ),
-        label: (0, import_utils12.labelValue)(label, hideLabel, false)
+        label: (0, import_utils13.labelValue)(label, hideLabel, false)
       }
     )
   ] });
 }
 
 // src/CheckboxesWidget/CheckboxesWidget.tsx
-var import_Checkbox2 = __toESM(require("@mui/material/Checkbox"));
-var import_FormControlLabel2 = __toESM(require("@mui/material/FormControlLabel"));
-var import_FormGroup = __toESM(require("@mui/material/FormGroup"));
-var import_FormLabel = __toESM(require("@mui/material/FormLabel"));
-var import_utils13 = require("@rjsf/utils");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_Checkbox2 = __toESM(require("@mui/material/Checkbox"), 1);
+var import_FormControlLabel2 = __toESM(require("@mui/material/FormControlLabel"), 1);
+var import_FormGroup = __toESM(require("@mui/material/FormGroup"), 1);
+var import_FormLabel = __toESM(require("@mui/material/FormLabel"), 1);
+var import_utils14 = require("@rjsf/utils");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CheckboxesWidget({
   label,
   hideLabel,
@@ -753,25 +716,25 @@ function CheckboxesWidget({
   const checkboxesValues = Array.isArray(value) ? value : [value];
   const _onChange = (index) => ({ target: { checked } }) => {
     if (checked) {
-      onChange((0, import_utils13.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
+      onChange((0, import_utils14.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
     } else {
-      onChange((0, import_utils13.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
+      onChange((0, import_utils14.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
     }
   };
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils13.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils13.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    (0, import_utils13.labelValue)(
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_FormLabel.default, { required, htmlFor: id, children: label || void 0 }),
+  const _onBlur = ({ target }) => onBlur(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const _onFocus = ({ target }) => onFocus(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    (0, import_utils14.labelValue)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_FormLabel.default, { required, htmlFor: id, children: label || void 0 }),
       hideLabel
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_FormGroup.default, { id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-      const checked = (0, import_utils13.enumOptionsIsSelected)(option.value, checkboxesValues);
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_FormGroup.default, { id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+      const checked = (0, import_utils14.enumOptionsIsSelected)(option.value, checkboxesValues);
       const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-      const checkbox = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      const checkbox = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_Checkbox2.default,
         {
-          id: (0, import_utils13.optionId)(id, index),
+          id: (0, import_utils14.optionId)(id, index),
           name: id,
           checked,
           disabled: disabled || itemDisabled || readonly,
@@ -779,21 +742,21 @@ function CheckboxesWidget({
           onChange: _onChange(index),
           onBlur: _onBlur,
           onFocus: _onFocus,
-          "aria-describedby": (0, import_utils13.ariaDescribedByIds)(id)
+          "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
         }
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_FormControlLabel2.default, { control: checkbox, label: option.label }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_FormControlLabel2.default, { control: checkbox, label: option.label }, index);
     }) })
   ] });
 }
 
 // src/RadioWidget/RadioWidget.tsx
-var import_FormControlLabel3 = __toESM(require("@mui/material/FormControlLabel"));
-var import_FormLabel2 = __toESM(require("@mui/material/FormLabel"));
-var import_Radio = __toESM(require("@mui/material/Radio"));
-var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
-var import_utils14 = require("@rjsf/utils");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_FormControlLabel3 = __toESM(require("@mui/material/FormControlLabel"), 1);
+var import_FormLabel2 = __toESM(require("@mui/material/FormLabel"), 1);
+var import_Radio = __toESM(require("@mui/material/Radio"), 1);
+var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"), 1);
+var import_utils15 = require("@rjsf/utils");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function RadioWidget({
   id,
   options,
@@ -808,17 +771,17 @@ function RadioWidget({
   onFocus
 }) {
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const _onChange = (_, value2) => onChange((0, import_utils14.enumOptionsValueForIndex)(value2, enumOptions, emptyValue));
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const _onChange = (_, value2) => onChange((0, import_utils15.enumOptionsValueForIndex)(value2, enumOptions, emptyValue));
+  const _onBlur = ({ target }) => onBlur(id, (0, import_utils15.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const _onFocus = ({ target }) => onFocus(id, (0, import_utils15.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
   const row = options ? options.inline : false;
-  const selectedIndex = (0, import_utils14.enumOptionsIndexForValue)(value, enumOptions) ?? null;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    (0, import_utils14.labelValue)(
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_FormLabel2.default, { required, htmlFor: id, children: label || void 0 }),
+  const selectedIndex = (0, import_utils15.enumOptionsIndexForValue)(value, enumOptions) ?? null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    (0, import_utils15.labelValue)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_FormLabel2.default, { required, htmlFor: id, children: label || void 0 }),
       hideLabel
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_RadioGroup.default,
       {
         id,
@@ -828,13 +791,13 @@ function RadioWidget({
         onChange: _onChange,
         onBlur: _onBlur,
         onFocus: _onFocus,
-        "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id),
+        "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id),
         children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
           const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-          const radio = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          const radio = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             import_FormControlLabel3.default,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Radio.default, { name: id, id: (0, import_utils14.optionId)(id, index), color: "primary" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Radio.default, { name: id, id: (0, import_utils15.optionId)(id, index), color: "primary" }),
               label: option.label,
               value: String(index),
               disabled: disabled || itemDisabled || readonly
@@ -849,24 +812,24 @@ function RadioWidget({
 }
 
 // src/RangeWidget/RangeWidget.tsx
-var import_FormLabel3 = __toESM(require("@mui/material/FormLabel"));
-var import_Slider = __toESM(require("@mui/material/Slider"));
-var import_utils15 = require("@rjsf/utils");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_FormLabel3 = __toESM(require("@mui/material/FormLabel"), 1);
+var import_Slider = __toESM(require("@mui/material/Slider"), 1);
+var import_utils16 = require("@rjsf/utils");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, required, label, hideLabel, id } = props;
-  const sliderProps = { value, label, id, name: id, ...(0, import_utils15.rangeSpec)(schema) };
+  const sliderProps = { value, label, id, name: id, ...(0, import_utils16.rangeSpec)(schema) };
   const _onChange = (_, value2) => {
     onChange(value2 ?? options.emptyValue);
   };
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    (0, import_utils15.labelValue)(
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_FormLabel3.default, { required, htmlFor: id, children: label || void 0 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    (0, import_utils16.labelValue)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FormLabel3.default, { required, htmlFor: id, children: label || void 0 }),
       hideLabel
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_Slider.default,
       {
         disabled: disabled || readonly,
@@ -875,17 +838,17 @@ function RangeWidget(props) {
         onFocus: _onFocus,
         valueLabelDisplay: "auto",
         ...sliderProps,
-        "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
+        "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id)
       }
     )
   ] });
 }
 
 // src/SelectWidget/SelectWidget.tsx
-var import_MenuItem = __toESM(require("@mui/material/MenuItem"));
-var import_TextField3 = __toESM(require("@mui/material/TextField"));
-var import_utils16 = require("@rjsf/utils");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_MenuItem = __toESM(require("@mui/material/MenuItem"), 1);
+var import_TextField3 = __toESM(require("@mui/material/TextField"), 1);
+var import_utils17 = require("@rjsf/utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function SelectWidget({
   schema,
   id,
@@ -916,18 +879,18 @@ function SelectWidget({
   multiple = typeof multiple === "undefined" ? false : !!multiple;
   const emptyValue = multiple ? [] : "";
   const isEmpty = typeof value === "undefined" || multiple && value.length < 1 || !multiple && value === emptyValue;
-  const _onChange = ({ target: { value: value2 } }) => onChange((0, import_utils16.enumOptionsValueForIndex)(value2, enumOptions, optEmptyVal));
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils16.enumOptionsValueForIndex)(target && target.value, enumOptions, optEmptyVal));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils16.enumOptionsValueForIndex)(target && target.value, enumOptions, optEmptyVal));
-  const selectedIndexes = (0, import_utils16.enumOptionsIndexForValue)(value, enumOptions, multiple);
+  const _onChange = ({ target: { value: value2 } }) => onChange((0, import_utils17.enumOptionsValueForIndex)(value2, enumOptions, optEmptyVal));
+  const _onBlur = ({ target }) => onBlur(id, (0, import_utils17.enumOptionsValueForIndex)(target && target.value, enumOptions, optEmptyVal));
+  const _onFocus = ({ target }) => onFocus(id, (0, import_utils17.enumOptionsValueForIndex)(target && target.value, enumOptions, optEmptyVal));
+  const selectedIndexes = (0, import_utils17.enumOptionsIndexForValue)(value, enumOptions, multiple);
   const { InputLabelProps, SelectProps, autocomplete, ...textFieldRemainingProps } = textFieldProps;
   const showPlaceholderOption = !multiple && schema.default === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_TextField3.default,
     {
       id,
       name: id,
-      label: (0, import_utils16.labelValue)(label || void 0, hideLabel, void 0),
+      label: (0, import_utils17.labelValue)(label || void 0, hideLabel, void 0),
       value: !isEmpty && typeof selectedIndexes !== "undefined" ? selectedIndexes : emptyValue,
       required,
       disabled: disabled || readonly,
@@ -948,12 +911,12 @@ function SelectWidget({
         ...SelectProps,
         multiple
       },
-      "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id),
       children: [
-        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_MenuItem.default, { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_MenuItem.default, { value: "", children: placeholder }),
         Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label: label2 }, i) => {
           const disabled2 = Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1;
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_MenuItem.default, { value: String(i), disabled: disabled2, children: label2 }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_MenuItem.default, { value: String(i), disabled: disabled2, children: label2 }, i);
         })
       ]
     }
@@ -961,16 +924,16 @@ function SelectWidget({
 }
 
 // src/TextareaWidget/TextareaWidget.tsx
-var import_utils17 = require("@rjsf/utils");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_utils18 = require("@rjsf/utils");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function TextareaWidget(props) {
   const { options, registry } = props;
-  const BaseInputTemplate2 = (0, import_utils17.getTemplate)("BaseInputTemplate", registry, options);
+  const BaseInputTemplate2 = (0, import_utils18.getTemplate)("BaseInputTemplate", registry, options);
   let rows = 5;
   if (typeof options.rows === "string" || typeof options.rows === "number") {
     rows = options.rows;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BaseInputTemplate2, { ...props, multiline: true, rows });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(BaseInputTemplate2, { ...props, multiline: true, rows });
 }
 
 // src/Widgets/Widgets.ts
@@ -1002,5 +965,5 @@ function generateForm() {
 var MuiForm_default = generateForm();
 
 // src/index.ts
-var src_default = MuiForm_default;
+var index_default = MuiForm_default;
 //# sourceMappingURL=index.js.map