@rjsf/mui 5.11.2 → 5.12.1

package/dist/mui.esm.js

@@ -1,57 +1,25 @@
-import { withTheme } from '@rjsf/core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import AddIcon from '@mui/icons-material/Add';
-import IconButton from '@mui/material/IconButton';
-import { TranslatableString, getUiOptions, getTemplate, getInputProps, examplesId, labelValue, ariaDescribedByIds, errorId, helpId, titleId, descriptionId, canExpand, getSubmitButtonOptions, ADDITIONAL_PROPERTY_FLAG, schemaRequiresTrueValue, enumOptionsIsSelected, optionId, enumOptionsSelectValue, enumOptionsDeselectValue, enumOptionsValueForIndex, enumOptionsIndexForValue, rangeSpec } from '@rjsf/utils';
-import Box from '@mui/material/Box';
-import Grid from '@mui/material/Grid';
-import Paper from '@mui/material/Paper';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
-import ErrorIcon from '@mui/icons-material/Error';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
-import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
-import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
-import CopyIcon from '@mui/icons-material/ContentCopy';
-import RemoveIcon from '@mui/icons-material/Remove';
-import FormHelperText from '@mui/material/FormHelperText';
-import FormControl from '@mui/material/FormControl';
-import Button from '@mui/material/Button';
-import Divider from '@mui/material/Divider';
-import Checkbox from '@mui/material/Checkbox';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import FormGroup from '@mui/material/FormGroup';
-import FormLabel from '@mui/material/FormLabel';
-import Radio from '@mui/material/Radio';
-import RadioGroup from '@mui/material/RadioGroup';
-import Slider from '@mui/material/Slider';
-import MenuItem from '@mui/material/MenuItem';
+// src/MuiForm/MuiForm.tsx
+import { withTheme } from "@rjsf/core";
 
-/** The `AddButton` renders a button that represent the `Add` action on a form
- */
+// src/AddButton/AddButton.tsx
+import AddIcon from "@mui/icons-material/Add";
+import IconButton from "@mui/material/IconButton";
+import { TranslatableString } from "@rjsf/utils";
+import { jsx } from "react/jsx-runtime";
 function AddButton({
   uiSchema,
   registry,
   ...props
 }) {
-  const {
-    translateString
-  } = registry;
-  return jsx(IconButton, {
-    title: translateString(TranslatableString.AddItemButton),
-    ...props,
-    color: 'primary',
-    children: jsx(AddIcon, {})
-  });
+  const { translateString } = registry;
+  return /* @__PURE__ */ jsx(IconButton, { title: translateString(TranslatableString.AddItemButton), ...props, color: "primary", children: /* @__PURE__ */ jsx(AddIcon, {}) });
 }
 
-/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
- *
- * @param props - The `ArrayFieldTemplateItemType` props for the component
- */
+// src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
+import Box from "@mui/material/Box";
+import Grid from "@mui/material/Grid";
+import Paper from "@mui/material/Paper";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
   const {
     children,
@@ -69,150 +37,139 @@ function ArrayFieldItemTemplate(props) {
     uiSchema,
     registry
   } = props;
-  const {
-    CopyButton,
-    MoveDownButton,
-    MoveUpButton,
-    RemoveButton
-  } = registry.templates.ButtonTemplates;
+  const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
   const btnStyle = {
     flex: 1,
     paddingLeft: 6,
     paddingRight: 6,
-    fontWeight: 'bold',
+    fontWeight: "bold",
     minWidth: 0
   };
-  return jsxs(Grid, {
-    container: true,
-    alignItems: 'center',
-    children: [jsx(Grid, {
-      item: true,
-      xs: true,
-      style: {
-        overflow: 'auto'
-      },
-      children: jsx(Box, {
-        mb: 2,
-        children: jsx(Paper, {
-          elevation: 2,
-          children: jsx(Box, {
-            p: 2,
-            children: children
-          })
-        })
-      })
-    }), hasToolbar && jsxs(Grid, {
-      item: true,
-      children: [(hasMoveUp || hasMoveDown) && jsx(MoveUpButton, {
-        style: btnStyle,
-        disabled: disabled || readonly || !hasMoveUp,
-        onClick: onReorderClick(index, index - 1),
-        uiSchema: uiSchema,
-        registry: registry
-      }), (hasMoveUp || hasMoveDown) && jsx(MoveDownButton, {
-        style: btnStyle,
-        disabled: disabled || readonly || !hasMoveDown,
-        onClick: onReorderClick(index, index + 1),
-        uiSchema: uiSchema,
-        registry: registry
-      }), hasCopy && jsx(CopyButton, {
-        style: btnStyle,
-        disabled: disabled || readonly,
-        onClick: onCopyIndexClick(index),
-        uiSchema: uiSchema,
-        registry: registry
-      }), hasRemove && jsx(RemoveButton, {
-        style: btnStyle,
-        disabled: disabled || readonly,
-        onClick: onDropIndexClick(index),
-        uiSchema: uiSchema,
-        registry: registry
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
+    /* @__PURE__ */ jsx2(Grid, { item: true, xs: true, style: { overflow: "auto" }, children: /* @__PURE__ */ jsx2(Box, { mb: 2, children: /* @__PURE__ */ jsx2(Paper, { elevation: 2, children: /* @__PURE__ */ jsx2(Box, { p: 2, children }) }) }) }),
+    hasToolbar && /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx2(
+        MoveUpButton2,
+        {
+          style: btnStyle,
+          disabled: disabled || readonly || !hasMoveUp,
+          onClick: onReorderClick(index, index - 1),
+          uiSchema,
+          registry
+        }
+      ),
+      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx2(
+        MoveDownButton2,
+        {
+          style: btnStyle,
+          disabled: disabled || readonly || !hasMoveDown,
+          onClick: onReorderClick(index, index + 1),
+          uiSchema,
+          registry
+        }
+      ),
+      hasCopy && /* @__PURE__ */ jsx2(
+        CopyButton2,
+        {
+          style: btnStyle,
+          disabled: disabled || readonly,
+          onClick: onCopyIndexClick(index),
+          uiSchema,
+          registry
+        }
+      ),
+      hasRemove && /* @__PURE__ */ jsx2(
+        RemoveButton2,
+        {
+          style: btnStyle,
+          disabled: disabled || readonly,
+          onClick: onDropIndexClick(index),
+          uiSchema,
+          registry
+        }
+      )
+    ] })
+  ] });
 }
 
-/** The `ArrayFieldTemplate` component is the template used to render all items in an array.
- *
- * @param props - The `ArrayFieldTemplateItemType` props for the component
- */
+// src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
+import Box2 from "@mui/material/Box";
+import Grid2 from "@mui/material/Grid";
+import Paper2 from "@mui/material/Paper";
+import {
+  getTemplate,
+  getUiOptions
+} from "@rjsf/utils";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
-  const {
-    canAdd,
-    disabled,
-    idSchema,
-    uiSchema,
-    items,
-    onAddClick,
-    readonly,
-    registry,
-    required,
-    schema,
-    title
-  } = props;
+  const { canAdd, disabled, idSchema, uiSchema, items, onAddClick, readonly, registry, required, schema, title } = props;
   const uiOptions = getUiOptions(uiSchema);
-  const ArrayFieldDescriptionTemplate = getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
-  const ArrayFieldItemTemplate = getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
-  const ArrayFieldTitleTemplate = getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
-  // Button templates are not overridden in the uiSchema
+  const ArrayFieldDescriptionTemplate = getTemplate(
+    "ArrayFieldDescriptionTemplate",
+    registry,
+    uiOptions
+  );
+  const ArrayFieldItemTemplate2 = getTemplate(
+    "ArrayFieldItemTemplate",
+    registry,
+    uiOptions
+  );
+  const ArrayFieldTitleTemplate = getTemplate(
+    "ArrayFieldTitleTemplate",
+    registry,
+    uiOptions
+  );
   const {
-    ButtonTemplates: {
-      AddButton
-    }
+    ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return jsx(Paper, {
-    elevation: 2,
-    children: jsxs(Box, {
-      p: 2,
-      children: [jsx(ArrayFieldTitleTemplate, {
-        idSchema: idSchema,
+  return /* @__PURE__ */ jsx3(Paper2, { elevation: 2, children: /* @__PURE__ */ jsxs2(Box2, { p: 2, children: [
+    /* @__PURE__ */ jsx3(
+      ArrayFieldTitleTemplate,
+      {
+        idSchema,
         title: uiOptions.title || title,
-        schema: schema,
-        uiSchema: uiSchema,
-        required: required,
-        registry: registry
-      }), jsx(ArrayFieldDescriptionTemplate, {
-        idSchema: idSchema,
+        schema,
+        uiSchema,
+        required,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      ArrayFieldDescriptionTemplate,
+      {
+        idSchema,
         description: uiOptions.description || schema.description,
-        schema: schema,
-        uiSchema: uiSchema,
-        registry: registry
-      }), jsxs(Grid, {
-        container: true,
-        children: [items && items.map(({
-          key,
-          ...itemProps
-        }) => jsx(ArrayFieldItemTemplate, {
-          ...itemProps
-        }, key)), canAdd && jsx(Grid, {
-          container: true,
-          justifyContent: 'flex-end',
-          children: jsx(Grid, {
-            item: true,
-            children: jsx(Box, {
-              mt: 2,
-              children: jsx(AddButton, {
-                className: 'array-item-add',
-                onClick: onAddClick,
-                disabled: disabled || readonly,
-                uiSchema: uiSchema,
-                registry: registry
-              })
-            })
-          })
-        })]
-      }, `array-item-list-${idSchema.$id}`)]
-    })
-  });
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsxs2(Grid2, { container: true, children: [
+      items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx3(ArrayFieldItemTemplate2, { ...itemProps }, key)),
+      canAdd && /* @__PURE__ */ jsx3(Grid2, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ jsx3(Grid2, { item: true, children: /* @__PURE__ */ jsx3(Box2, { mt: 2, children: /* @__PURE__ */ jsx3(
+        AddButton2,
+        {
+          className: "array-item-add",
+          onClick: onAddClick,
+          disabled: disabled || readonly,
+          uiSchema,
+          registry
+        }
+      ) }) }) })
+    ] }, `array-item-list-${idSchema.$id}`)
+  ] }) });
 }
 
-const TYPES_THAT_SHRINK_LABEL = ['date', 'datetime-local', 'file', 'time'];
-/** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.
- * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.
- * It can be customized/overridden for other themes or individual implementations as needed.
- *
- * @param props - The `WidgetProps` for this template
- */
+// src/BaseInputTemplate/BaseInputTemplate.tsx
+import TextField from "@mui/material/TextField";
+import {
+  ariaDescribedByIds,
+  examplesId,
+  getInputProps,
+  labelValue
+} from "@rjsf/utils";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var TYPES_THAT_SHRINK_LABEL = ["date", "datetime-local", "file", "time"];
 function BaseInputTemplate(props) {
   const {
     id,
@@ -241,260 +198,194 @@ function BaseInputTemplate(props) {
     ...textFieldProps
   } = props;
   const inputProps = getInputProps(schema, type, options);
-  // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui
-  const {
-    step,
-    min,
-    max,
-    ...rest
-  } = inputProps;
+  const { step, min, max, ...rest } = inputProps;
   const otherProps = {
     inputProps: {
       step,
       min,
       max,
-      ...(schema.examples ? {
-        list: examplesId(id)
-      } : undefined)
+      ...schema.examples ? { list: examplesId(id) } : void 0
     },
     ...rest
   };
-  const _onChange = ({
-    target: {
-      value
-    }
-  }) => onChange(value === '' ? options.emptyValue : value);
-  const _onBlur = ({
-    target: {
-      value
-    }
-  }) => onBlur(id, value);
-  const _onFocus = ({
-    target: {
-      value
-    }
-  }) => onFocus(id, value);
+  const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
+  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, value2);
+  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, value2);
   const DisplayInputLabelProps = TYPES_THAT_SHRINK_LABEL.includes(type) ? {
     ...InputLabelProps,
     shrink: true
   } : InputLabelProps;
-  return jsxs(Fragment, {
-    children: [jsx(TextField, {
-      id: id,
-      name: id,
-      placeholder: placeholder,
-      label: labelValue(label || undefined, hideLabel, false),
-      autoFocus: autofocus,
-      required: required,
-      disabled: disabled || readonly,
-      ...otherProps,
-      value: value || value === 0 ? value : '',
-      error: rawErrors.length > 0,
-      onChange: onChangeOverride || _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
-      InputLabelProps: DisplayInputLabelProps,
-      ...textFieldProps,
-      "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
-    }), Array.isArray(schema.examples) && jsx("datalist", {
-      id: examplesId(id),
-      children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map(example => {
-        return jsx("option", {
-          value: example
-        }, example);
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx4(
+      TextField,
+      {
+        id,
+        name: id,
+        placeholder,
+        label: labelValue(label || void 0, hideLabel, false),
+        autoFocus: autofocus,
+        required,
+        disabled: disabled || readonly,
+        ...otherProps,
+        value: value || value === 0 ? value : "",
+        error: rawErrors.length > 0,
+        onChange: onChangeOverride || _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        InputLabelProps: DisplayInputLabelProps,
+        ...textFieldProps,
+        "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
+      }
+    ),
+    Array.isArray(schema.examples) && /* @__PURE__ */ jsx4("datalist", { id: examplesId(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
+      return /* @__PURE__ */ jsx4("option", { value: example }, example);
+    }) })
+  ] });
 }
 
-/** The `DescriptionField` is the template to use to render the description of a field
- *
- * @param props - The `DescriptionFieldProps` for this component
- */
+// src/DescriptionField/DescriptionField.tsx
+import Typography from "@mui/material/Typography";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function DescriptionField(props) {
-  const {
-    id,
-    description
-  } = props;
+  const { id, description } = props;
   if (description) {
-    return jsx(Typography, {
-      id: id,
-      variant: 'subtitle2',
-      style: {
-        marginTop: '5px'
-      },
-      children: description
-    });
+    return /* @__PURE__ */ jsx5(Typography, { id, variant: "subtitle2", style: { marginTop: "5px" }, children: description });
   }
   return null;
 }
 
-/** 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
- */
+// src/ErrorList/ErrorList.tsx
+import ErrorIcon from "@mui/icons-material/Error";
+import Box3 from "@mui/material/Box";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Paper3 from "@mui/material/Paper";
+import Typography2 from "@mui/material/Typography";
+import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function ErrorList({
   errors,
   registry
 }) {
-  const {
-    translateString
-  } = registry;
-  return jsx(Paper, {
-    elevation: 2,
-    children: jsxs(Box, {
-      mb: 2,
-      p: 2,
-      children: [jsx(Typography, {
-        variant: 'h6',
-        children: translateString(TranslatableString.ErrorsLabel)
-      }), jsx(List, {
-        dense: true,
-        children: errors.map((error, i) => {
-          return jsxs(ListItem, {
-            children: [jsx(ListItemIcon, {
-              children: jsx(ErrorIcon, {
-                color: 'error'
-              })
-            }), jsx(ListItemText, {
-              primary: error.stack
-            })]
-          }, i);
-        })
-      })]
-    })
-  });
+  const { translateString } = registry;
+  return /* @__PURE__ */ jsx6(Paper3, { elevation: 2, children: /* @__PURE__ */ jsxs4(Box3, { mb: 2, p: 2, children: [
+    /* @__PURE__ */ jsx6(Typography2, { variant: "h6", children: translateString(TranslatableString2.ErrorsLabel) }),
+    /* @__PURE__ */ jsx6(List, { dense: true, children: errors.map((error, i) => {
+      return /* @__PURE__ */ jsxs4(ListItem, { children: [
+        /* @__PURE__ */ jsx6(ListItemIcon, { children: /* @__PURE__ */ jsx6(ErrorIcon, { color: "error" }) }),
+        /* @__PURE__ */ jsx6(ListItemText, { primary: error.stack })
+      ] }, i);
+    }) })
+  ] }) });
 }
 
+// src/IconButton/IconButton.tsx
+import IconButton2 from "@mui/material/IconButton";
+import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
+import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
+import CopyIcon from "@mui/icons-material/ContentCopy";
+import RemoveIcon from "@mui/icons-material/Remove";
+import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function MuiIconButton(props) {
-  const {
-    icon,
-    color,
-    uiSchema,
-    registry,
-    ...otherProps
-  } = props;
-  return jsx(IconButton, {
-    ...otherProps,
-    size: 'small',
-    color: color,
-    children: icon
-  });
+  const { icon, color, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ jsx7(IconButton2, { ...otherProps, size: "small", color, children: icon });
 }
 function CopyButton(props) {
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(MuiIconButton, {
-    title: translateString(TranslatableString.CopyButton),
-    ...props,
-    icon: jsx(CopyIcon, {
-      fontSize: 'small'
-    })
-  });
+  return /* @__PURE__ */ jsx7(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.CopyButton),
+      ...props,
+      icon: /* @__PURE__ */ jsx7(CopyIcon, { fontSize: "small" })
+    }
+  );
 }
 function MoveDownButton(props) {
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(MuiIconButton, {
-    title: translateString(TranslatableString.MoveDownButton),
-    ...props,
-    icon: jsx(ArrowDownwardIcon, {
-      fontSize: 'small'
-    })
-  });
+  return /* @__PURE__ */ jsx7(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.MoveDownButton),
+      ...props,
+      icon: /* @__PURE__ */ jsx7(ArrowDownwardIcon, { fontSize: "small" })
+    }
+  );
 }
 function MoveUpButton(props) {
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(MuiIconButton, {
-    title: translateString(TranslatableString.MoveUpButton),
-    ...props,
-    icon: jsx(ArrowUpwardIcon, {
-      fontSize: 'small'
-    })
-  });
+  return /* @__PURE__ */ jsx7(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.MoveUpButton),
+      ...props,
+      icon: /* @__PURE__ */ jsx7(ArrowUpwardIcon, { fontSize: "small" })
+    }
+  );
 }
 function RemoveButton(props) {
+  const { iconType, ...otherProps } = props;
   const {
-    iconType,
-    ...otherProps
-  } = props;
-  const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = otherProps;
-  return jsx(MuiIconButton, {
-    title: translateString(TranslatableString.RemoveButton),
-    ...otherProps,
-    color: 'error',
-    icon: jsx(RemoveIcon, {
-      fontSize: iconType === 'default' ? undefined : 'small'
-    })
-  });
+  return /* @__PURE__ */ jsx7(
+    MuiIconButton,
+    {
+      title: translateString(TranslatableString3.RemoveButton),
+      ...otherProps,
+      color: "error",
+      icon: /* @__PURE__ */ jsx7(RemoveIcon, { fontSize: iconType === "default" ? void 0 : "small" })
+    }
+  );
 }
 
-/** The `FieldErrorTemplate` component renders the errors local to the particular field
- *
- * @param props - The `FieldErrorProps` for the errors being rendered
- */
+// src/FieldErrorTemplate/FieldErrorTemplate.tsx
+import ListItem2 from "@mui/material/ListItem";
+import FormHelperText from "@mui/material/FormHelperText";
+import List2 from "@mui/material/List";
+import { errorId } from "@rjsf/utils";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function FieldErrorTemplate(props) {
-  const {
-    errors = [],
-    idSchema
-  } = props;
+  const { errors = [], idSchema } = props;
   if (errors.length === 0) {
     return null;
   }
   const id = errorId(idSchema);
-  return jsx(List, {
-    dense: true,
-    disablePadding: true,
-    children: errors.map((error, i) => {
-      return jsx(ListItem, {
-        disableGutters: true,
-        children: jsx(FormHelperText, {
-          id: id,
-          children: error
-        })
-      }, i);
-    })
-  });
+  return /* @__PURE__ */ jsx8(List2, { dense: true, disablePadding: true, children: errors.map((error, i) => {
+    return /* @__PURE__ */ jsx8(ListItem2, { disableGutters: true, children: /* @__PURE__ */ jsx8(FormHelperText, { id, children: error }) }, i);
+  }) });
 }
 
-/** The `FieldHelpTemplate` component renders any help desired for a field
- *
- * @param props - The `FieldHelpProps` to be rendered
- */
+// src/FieldHelpTemplate/FieldHelpTemplate.tsx
+import FormHelperText2 from "@mui/material/FormHelperText";
+import { helpId } from "@rjsf/utils";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
-  const {
-    idSchema,
-    help
-  } = props;
+  const { idSchema, help } = props;
   if (!help) {
     return null;
   }
   const id = helpId(idSchema);
-  return jsx(FormHelperText, {
-    id: id,
-    children: help
-  });
+  return /* @__PURE__ */ jsx9(FormHelperText2, { id, children: help });
 }
 
-/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
- * content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component.
- *
- * @param props - The `FieldTemplateProps` for this component
- */
+// src/FieldTemplate/FieldTemplate.tsx
+import FormControl from "@mui/material/FormControl";
+import Typography3 from "@mui/material/Typography";
+import {
+  getTemplate as getTemplate2,
+  getUiOptions as getUiOptions2
+} from "@rjsf/utils";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
     id,
@@ -518,48 +409,50 @@ function FieldTemplate(props) {
     uiSchema,
     registry
   } = props;
-  const uiOptions = getUiOptions(uiSchema);
-  const WrapIfAdditionalTemplate = getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
+  const uiOptions = getUiOptions2(uiSchema);
+  const WrapIfAdditionalTemplate2 = getTemplate2(
+    "WrapIfAdditionalTemplate",
+    registry,
+    uiOptions
+  );
   if (hidden) {
-    return jsx("div", {
-      style: {
-        display: 'none'
-      },
-      children: children
-    });
+    return /* @__PURE__ */ jsx10("div", { style: { display: "none" }, children });
   }
-  return jsx(WrapIfAdditionalTemplate, {
-    classNames: classNames,
-    style: style,
-    disabled: disabled,
-    id: id,
-    label: label,
-    onDropPropertyClick: onDropPropertyClick,
-    onKeyChange: onKeyChange,
-    readonly: readonly,
-    required: required,
-    schema: schema,
-    uiSchema: uiSchema,
-    registry: registry,
-    children: jsxs(FormControl, {
-      fullWidth: true,
-      error: rawErrors.length ? true : false,
-      required: required,
-      children: [children, displayLabel && rawDescription ? jsx(Typography, {
-        variant: 'caption',
-        color: 'textSecondary',
-        children: description
-      }) : null, errors, help]
-    })
-  });
+  return /* @__PURE__ */ jsx10(
+    WrapIfAdditionalTemplate2,
+    {
+      classNames,
+      style,
+      disabled,
+      id,
+      label,
+      onDropPropertyClick,
+      onKeyChange,
+      readonly,
+      required,
+      schema,
+      uiSchema,
+      registry,
+      children: /* @__PURE__ */ jsxs5(FormControl, { fullWidth: true, error: rawErrors.length ? true : false, required, children: [
+        children,
+        displayLabel && rawDescription ? /* @__PURE__ */ jsx10(Typography3, { variant: "caption", color: "textSecondary", children: description }) : null,
+        errors,
+        help
+      ] })
+    }
+  );
 }
 
-/** 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.
- *
- * @param props - The `ObjectFieldTemplateProps` for this component
- */
+// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
+import Grid3 from "@mui/material/Grid";
+import {
+  canExpand,
+  descriptionId,
+  getTemplate as getTemplate3,
+  getUiOptions as getUiOptions3,
+  titleId
+} from "@rjsf/utils";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
     description,
@@ -575,112 +468,96 @@ function ObjectFieldTemplate(props) {
     onAddClick,
     registry
   } = props;
-  const uiOptions = getUiOptions(uiSchema);
-  const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, uiOptions);
-  const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
-  // Button templates are not overridden in the uiSchema
+  const uiOptions = getUiOptions3(uiSchema);
+  const TitleFieldTemplate = getTemplate3("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = getTemplate3(
+    "DescriptionFieldTemplate",
+    registry,
+    uiOptions
+  );
   const {
-    ButtonTemplates: {
-      AddButton
-    }
+    ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return jsxs(Fragment, {
-    children: [title && jsx(TitleFieldTemplate, {
-      id: titleId(idSchema),
-      title: title,
-      required: required,
-      schema: schema,
-      uiSchema: uiSchema,
-      registry: registry
-    }), description && jsx(DescriptionFieldTemplate, {
-      id: descriptionId(idSchema),
-      description: description,
-      schema: schema,
-      uiSchema: uiSchema,
-      registry: registry
-    }), jsxs(Grid, {
-      container: true,
-      spacing: 2,
-      style: {
-        marginTop: '10px'
-      },
-      children: [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, {
-        item: true,
-        xs: 12,
-        style: {
-          marginBottom: '10px'
-        },
-        children: element.content
-      }, index)), canExpand(schema, uiSchema, formData) && jsx(Grid, {
-        container: true,
-        justifyContent: 'flex-end',
-        children: jsx(Grid, {
-          item: true,
-          children: jsx(AddButton, {
-            className: 'object-property-expand',
-            onClick: onAddClick(schema),
-            disabled: disabled || readonly,
-            uiSchema: uiSchema,
-            registry: registry
-          })
-        })
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    title && /* @__PURE__ */ jsx11(
+      TitleFieldTemplate,
+      {
+        id: titleId(idSchema),
+        title,
+        required,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    description && /* @__PURE__ */ jsx11(
+      DescriptionFieldTemplate,
+      {
+        id: descriptionId(idSchema),
+        description,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsxs6(Grid3, { container: true, spacing: 2, style: { marginTop: "10px" }, children: [
+      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__ */ jsx11(Grid3, { item: true, xs: 12, style: { marginBottom: "10px" }, children: element.content }, index)
+        )
+      ),
+      canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx11(Grid3, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ jsx11(Grid3, { item: true, children: /* @__PURE__ */ jsx11(
+        AddButton2,
+        {
+          className: "object-property-expand",
+          onClick: onAddClick(schema),
+          disabled: disabled || readonly,
+          uiSchema,
+          registry
+        }
+      ) }) })
+    ] })
+  ] });
 }
 
-/** The `SubmitButton` renders a button that represent the `Submit` action on a form
- */
-function SubmitButton({
-  uiSchema
-}) {
-  const {
-    submitText,
-    norender,
-    props: submitButtonProps = {}
-  } = getSubmitButtonOptions(uiSchema);
+// src/SubmitButton/SubmitButton.tsx
+import Box4 from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import { getSubmitButtonOptions } from "@rjsf/utils";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function SubmitButton({ uiSchema }) {
+  const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
   if (norender) {
     return null;
   }
-  return jsx(Box, {
-    marginTop: 3,
-    children: jsx(Button, {
-      type: 'submit',
-      variant: 'contained',
-      color: 'primary',
-      ...submitButtonProps,
-      children: submitText
-    })
-  });
+  return /* @__PURE__ */ jsx12(Box4, { marginTop: 3, children: /* @__PURE__ */ jsx12(Button, { type: "submit", variant: "contained", color: "primary", ...submitButtonProps, children: submitText }) });
 }
 
-/** The `TitleField` is the template to use to render the title of a field
- *
- * @param props - The `TitleFieldProps` for this component
- */
+// src/TitleField/TitleField.tsx
+import Box5 from "@mui/material/Box";
+import Divider from "@mui/material/Divider";
+import Typography4 from "@mui/material/Typography";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function TitleField({
   id,
   title
 }) {
-  return jsxs(Box, {
-    id: id,
-    mb: 1,
-    mt: 1,
-    children: [jsx(Typography, {
-      variant: 'h5',
-      children: title
-    }), jsx(Divider, {})]
-  });
+  return /* @__PURE__ */ jsxs7(Box5, { id, mb: 1, mt: 1, children: [
+    /* @__PURE__ */ jsx13(Typography4, { variant: "h5", children: title }),
+    /* @__PURE__ */ jsx13(Divider, {})
+  ] });
 }
 
-/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
- * part of an `additionalProperties` part of a schema.
- *
- * @param props - The `WrapIfAdditionalProps` for this component
- */
+// src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
+import Grid4 from "@mui/material/Grid";
+import TextField2 from "@mui/material/TextField";
+import {
+  ADDITIONAL_PROPERTY_FLAG,
+  TranslatableString as TranslatableString4
+} from "@rjsf/utils";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
     children,
@@ -697,70 +574,51 @@ function WrapIfAdditionalTemplate(props) {
     uiSchema,
     registry
   } = props;
-  const {
-    templates,
-    translateString
-  } = registry;
-  // Button templates are not overridden in the uiSchema
-  const {
-    RemoveButton
-  } = templates.ButtonTemplates;
-  const keyLabel = translateString(TranslatableString.KeyLabel, [label]);
-  const additional = (ADDITIONAL_PROPERTY_FLAG in schema);
+  const { templates, translateString } = registry;
+  const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
+  const keyLabel = translateString(TranslatableString4.KeyLabel, [label]);
+  const additional = ADDITIONAL_PROPERTY_FLAG in schema;
   const btnStyle = {
     flex: 1,
     paddingLeft: 6,
     paddingRight: 6,
-    fontWeight: 'bold'
+    fontWeight: "bold"
   };
   if (!additional) {
-    return jsx("div", {
-      className: classNames,
-      style: style,
-      children: children
-    });
+    return /* @__PURE__ */ jsx14("div", { className: classNames, style, children });
   }
-  const handleBlur = ({
-    target
-  }) => onKeyChange(target.value);
-  return jsxs(Grid, {
-    container: true,
-    alignItems: 'center',
-    spacing: 2,
-    className: classNames,
-    style: style,
-    children: [jsx(Grid, {
-      item: true,
-      xs: true,
-      children: jsx(TextField, {
+  const handleBlur = ({ target }) => onKeyChange(target.value);
+  return /* @__PURE__ */ jsxs8(Grid4, { container: true, alignItems: "center", spacing: 2, className: classNames, style, children: [
+    /* @__PURE__ */ jsx14(Grid4, { item: true, xs: true, children: /* @__PURE__ */ jsx14(
+      TextField2,
+      {
         fullWidth: true,
-        required: required,
+        required,
         label: keyLabel,
         defaultValue: label,
         disabled: disabled || readonly,
         id: `${id}-key`,
         name: `${id}-key`,
-        onBlur: !readonly ? handleBlur : undefined,
-        type: 'text'
-      })
-    }), jsx(Grid, {
-      item: true,
-      xs: true,
-      children: children
-    }), jsx(Grid, {
-      item: true,
-      children: jsx(RemoveButton, {
-        iconType: 'default',
+        onBlur: !readonly ? handleBlur : void 0,
+        type: "text"
+      }
+    ) }),
+    /* @__PURE__ */ jsx14(Grid4, { item: true, xs: true, children }),
+    /* @__PURE__ */ jsx14(Grid4, { item: true, children: /* @__PURE__ */ jsx14(
+      RemoveButton2,
+      {
+        iconType: "default",
         style: btnStyle,
         disabled: disabled || readonly,
         onClick: onDropPropertyClick(label),
-        uiSchema: uiSchema,
-        registry: registry
-      })
-    })]
-  }, `${id}-key`);
+        uiSchema,
+        registry
+      }
+    ) })
+  ] }, `${id}-key`);
 }
 
+// src/Templates/Templates.ts
 function generateTemplates() {
   return {
     ArrayFieldItemTemplate,
@@ -784,13 +642,19 @@ function generateTemplates() {
     WrapIfAdditionalTemplate
   };
 }
-var Templates = /*#__PURE__*/generateTemplates();
+var Templates_default = generateTemplates();
 
-/** The `CheckBoxWidget` is a widget for rendering boolean properties.
- *  It is typically used to represent a boolean.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/CheckboxWidget/CheckboxWidget.tsx
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import {
+  ariaDescribedByIds as ariaDescribedByIds2,
+  descriptionId as descriptionId2,
+  getTemplate as getTemplate4,
+  labelValue as labelValue2,
+  schemaRequiresTrueValue
+} from "@rjsf/utils";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     schema,
@@ -798,7 +662,7 @@ function CheckboxWidget(props) {
     value,
     disabled,
     readonly,
-    label = '',
+    label = "",
     hideLabel,
     autofocus,
     onChange,
@@ -808,53 +672,66 @@ function CheckboxWidget(props) {
     options,
     uiSchema
   } = props;
-  const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, options);
-  // Because an unchecked checkbox will cause html5 validation to fail, only add
-  // the "required" attribute if the field value must be "true", due to the
-  // "const" or "enum" keywords
+  const DescriptionFieldTemplate = getTemplate4(
+    "DescriptionFieldTemplate",
+    registry,
+    options
+  );
   const required = schemaRequiresTrueValue(schema);
   const _onChange = (_, checked) => onChange(checked);
-  const _onBlur = ({
-    target: {
-      value
-    }
-  }) => onBlur(id, value);
-  const _onFocus = ({
-    target: {
-      value
-    }
-  }) => onFocus(id, value);
+  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, value2);
+  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, value2);
   const description = options.description ?? schema.description;
-  return jsxs(Fragment, {
-    children: [!hideLabel && !!description && jsx(DescriptionFieldTemplate, {
-      id: descriptionId(id),
-      description: description,
-      schema: schema,
-      uiSchema: uiSchema,
-      registry: registry
-    }), jsx(FormControlLabel, {
-      control: jsx(Checkbox, {
-        id: id,
-        name: id,
-        checked: typeof value === 'undefined' ? false : Boolean(value),
-        required: required,
-        disabled: disabled || readonly,
-        autoFocus: autofocus,
-        onChange: _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
-        "aria-describedby": ariaDescribedByIds(id)
-      }),
-      label: labelValue(label, hideLabel, false)
-    })]
-  });
+  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ jsx15(
+      DescriptionFieldTemplate,
+      {
+        id: descriptionId2(id),
+        description,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsx15(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ jsx15(
+          Checkbox,
+          {
+            id,
+            name: id,
+            checked: typeof value === "undefined" ? false : Boolean(value),
+            required,
+            disabled: disabled || readonly,
+            autoFocus: autofocus,
+            onChange: _onChange,
+            onBlur: _onBlur,
+            onFocus: _onFocus,
+            "aria-describedby": ariaDescribedByIds2(id)
+          }
+        ),
+        label: labelValue2(label, hideLabel, false)
+      }
+    )
+  ] });
 }
 
-/** The `CheckboxesWidget` is a widget for rendering checkbox groups.
- *  It is typically used to represent an array of enums.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/CheckboxesWidget/CheckboxesWidget.tsx
+import Checkbox2 from "@mui/material/Checkbox";
+import FormControlLabel2 from "@mui/material/FormControlLabel";
+import FormGroup from "@mui/material/FormGroup";
+import FormLabel from "@mui/material/FormLabel";
+import {
+  ariaDescribedByIds as ariaDescribedByIds3,
+  enumOptionsDeselectValue,
+  enumOptionsIsSelected,
+  enumOptionsSelectValue,
+  enumOptionsValueForIndex,
+  labelValue as labelValue3,
+  optionId
+} from "@rjsf/utils";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function CheckboxesWidget({
   label,
   hideLabel,
@@ -869,70 +746,57 @@ function CheckboxesWidget({
   onBlur,
   onFocus
 }) {
-  const {
-    enumOptions,
-    enumDisabled,
-    inline,
-    emptyValue
-  } = options;
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
-  const _onChange = index => ({
-    target: {
-      checked
-    }
-  }) => {
+  const _onChange = (index) => ({ target: { checked } }) => {
     if (checked) {
       onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
     } else {
       onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
     }
   };
-  const _onBlur = ({
-    target: {
-      value
-    }
-  }) => onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
-  const _onFocus = ({
-    target: {
-      value
-    }
-  }) => onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
-  return jsxs(Fragment, {
-    children: [labelValue(jsx(FormLabel, {
-      required: required,
-      htmlFor: id,
-      children: label || undefined
-    }), hideLabel), jsx(FormGroup, {
-      id: id,
-      row: !!inline,
-      children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-        const checked = enumOptionsIsSelected(option.value, checkboxesValues);
-        const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-        const checkbox = jsx(Checkbox, {
+  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, enumOptionsValueForIndex(value2, enumOptions, emptyValue));
+  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, enumOptionsValueForIndex(value2, enumOptions, emptyValue));
+  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
+    labelValue3(
+      /* @__PURE__ */ jsx16(FormLabel, { required, htmlFor: id, children: label || void 0 }),
+      hideLabel
+    ),
+    /* @__PURE__ */ jsx16(FormGroup, { id, row: !!inline, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+      const checked = enumOptionsIsSelected(option.value, checkboxesValues);
+      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+      const checkbox = /* @__PURE__ */ jsx16(
+        Checkbox2,
+        {
           id: optionId(id, index),
           name: id,
-          checked: checked,
+          checked,
           disabled: disabled || itemDisabled || readonly,
           autoFocus: autofocus && index === 0,
           onChange: _onChange(index),
           onBlur: _onBlur,
           onFocus: _onFocus,
-          "aria-describedby": ariaDescribedByIds(id)
-        });
-        return jsx(FormControlLabel, {
-          control: checkbox,
-          label: option.label
-        }, index);
-      })
-    })]
-  });
+          "aria-describedby": ariaDescribedByIds3(id)
+        }
+      );
+      return /* @__PURE__ */ jsx16(FormControlLabel2, { control: checkbox, label: option.label }, index);
+    }) })
+  ] });
 }
 
-/** The `RadioWidget` is a widget for rendering a radio group.
- *  It is typically used with a string property constrained with enum options.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/RadioWidget/RadioWidget.tsx
+import FormControlLabel3 from "@mui/material/FormControlLabel";
+import FormLabel2 from "@mui/material/FormLabel";
+import Radio from "@mui/material/Radio";
+import RadioGroup from "@mui/material/RadioGroup";
+import {
+  ariaDescribedByIds as ariaDescribedByIds4,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex as enumOptionsValueForIndex2,
+  labelValue as labelValue4,
+  optionId as optionId2
+} from "@rjsf/utils";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function RadioWidget({
   id,
   options,
@@ -946,118 +810,94 @@ function RadioWidget({
   onBlur,
   onFocus
 }) {
-  const {
-    enumOptions,
-    enumDisabled,
-    emptyValue
-  } = options;
-  const _onChange = (_, value) => onChange(enumOptionsValueForIndex(value, enumOptions, emptyValue));
-  const _onBlur = ({
-    target: {
-      value
-    }
-  }) => onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
-  const _onFocus = ({
-    target: {
-      value
-    }
-  }) => onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
+  const { enumOptions, enumDisabled, emptyValue } = options;
+  const _onChange = (_, value2) => onChange(enumOptionsValueForIndex2(value2, enumOptions, emptyValue));
+  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, enumOptionsValueForIndex2(value2, enumOptions, emptyValue));
+  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, enumOptionsValueForIndex2(value2, enumOptions, emptyValue));
   const row = options ? options.inline : false;
   const selectedIndex = enumOptionsIndexForValue(value, enumOptions) ?? null;
-  return jsxs(Fragment, {
-    children: [labelValue(jsx(FormLabel, {
-      required: required,
-      htmlFor: id,
-      children: label || undefined
-    }), hideLabel), jsx(RadioGroup, {
-      id: id,
-      name: id,
-      value: selectedIndex,
-      row: row,
-      onChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
-      "aria-describedby": ariaDescribedByIds(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-        const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-        const radio = jsx(FormControlLabel, {
-          control: jsx(Radio, {
-            name: id,
-            id: optionId(id, index),
-            color: 'primary'
-          }),
-          label: option.label,
-          value: String(index),
-          disabled: disabled || itemDisabled || readonly
-        }, index);
-        return radio;
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    labelValue4(
+      /* @__PURE__ */ jsx17(FormLabel2, { required, htmlFor: id, children: label || void 0 }),
+      hideLabel
+    ),
+    /* @__PURE__ */ jsx17(
+      RadioGroup,
+      {
+        id,
+        name: id,
+        value: selectedIndex,
+        row,
+        onChange: _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": ariaDescribedByIds4(id),
+        children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+          const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+          const radio = /* @__PURE__ */ jsx17(
+            FormControlLabel3,
+            {
+              control: /* @__PURE__ */ jsx17(Radio, { name: id, id: optionId2(id, index), color: "primary" }),
+              label: option.label,
+              value: String(index),
+              disabled: disabled || itemDisabled || readonly
+            },
+            index
+          );
+          return radio;
+        })
+      }
+    )
+  ] });
 }
 
-/** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
- * in a div, with the value along side it.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/RangeWidget/RangeWidget.tsx
+import FormLabel3 from "@mui/material/FormLabel";
+import Slider from "@mui/material/Slider";
+import {
+  ariaDescribedByIds as ariaDescribedByIds5,
+  labelValue as labelValue5,
+  rangeSpec
+} from "@rjsf/utils";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs12 } from "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,
-    ...rangeSpec(schema)
-  };
-  const _onChange = (_, value) => {
-    onChange(value ?? options.emptyValue);
+  const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, required, label, hideLabel, id } = props;
+  const sliderProps = { value, label, id, name: id, ...rangeSpec(schema) };
+  const _onChange = (_, value2) => {
+    onChange(value2 ?? options.emptyValue);
   };
-  const _onBlur = ({
-    target: {
-      value
-    }
-  }) => onBlur(id, value);
-  const _onFocus = ({
-    target: {
-      value
-    }
-  }) => onFocus(id, value);
-  return jsxs(Fragment, {
-    children: [labelValue(jsx(FormLabel, {
-      required: required,
-      htmlFor: id,
-      children: label || undefined
-    }), hideLabel), jsx(Slider, {
-      disabled: disabled || readonly,
-      onChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
-      valueLabelDisplay: 'auto',
-      ...sliderProps,
-      "aria-describedby": ariaDescribedByIds(id)
-    })]
-  });
+  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, value2);
+  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, value2);
+  return /* @__PURE__ */ jsxs12(Fragment6, { children: [
+    labelValue5(
+      /* @__PURE__ */ jsx18(FormLabel3, { required, htmlFor: id, children: label || void 0 }),
+      hideLabel
+    ),
+    /* @__PURE__ */ jsx18(
+      Slider,
+      {
+        disabled: disabled || readonly,
+        onChange: _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        valueLabelDisplay: "auto",
+        ...sliderProps,
+        "aria-describedby": ariaDescribedByIds5(id)
+      }
+    )
+  ] });
 }
 
-/** The `SelectWidget` is a widget for rendering dropdowns.
- *  It is typically used with string properties constrained with enum options.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/SelectWidget/SelectWidget.tsx
+import MenuItem from "@mui/material/MenuItem";
+import TextField3 from "@mui/material/TextField";
+import {
+  ariaDescribedByIds as ariaDescribedByIds6,
+  enumOptionsIndexForValue as enumOptionsIndexForValue2,
+  enumOptionsValueForIndex as enumOptionsValueForIndex3,
+  labelValue as labelValue6
+} from "@rjsf/utils";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function SelectWidget({
   schema,
   id,
@@ -1083,90 +923,62 @@ function SelectWidget({
   formContext,
   ...textFieldProps
 }) {
-  const {
-    enumOptions,
-    enumDisabled,
-    emptyValue: optEmptyVal
-  } = options;
-  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
-    }
-  }) => onChange(enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
-  const _onBlur = ({
-    target: {
-      value
-    }
-  }) => onBlur(id, enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
-  const _onFocus = ({
-    target: {
-      value
+  const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
+  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(enumOptionsValueForIndex3(value2, enumOptions, optEmptyVal));
+  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, enumOptionsValueForIndex3(value2, enumOptions, optEmptyVal));
+  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, enumOptionsValueForIndex3(value2, enumOptions, optEmptyVal));
+  const selectedIndexes = enumOptionsIndexForValue2(value, enumOptions, multiple);
+  return /* @__PURE__ */ jsx19(
+    TextField3,
+    {
+      id,
+      name: id,
+      label: labelValue6(label || void 0, hideLabel, false),
+      value: isEmpty ? emptyValue : selectedIndexes,
+      required,
+      disabled: disabled || readonly,
+      autoFocus: autofocus,
+      placeholder,
+      error: rawErrors.length > 0,
+      onChange: _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      ...textFieldProps,
+      select: true,
+      InputLabelProps: {
+        ...textFieldProps.InputLabelProps,
+        shrink: !isEmpty
+      },
+      SelectProps: {
+        ...textFieldProps.SelectProps,
+        multiple
+      },
+      "aria-describedby": ariaDescribedByIds6(id),
+      children: Array.isArray(enumOptions) && enumOptions.map(({ value: value2, label: label2 }, i) => {
+        const disabled2 = Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1;
+        return /* @__PURE__ */ jsx19(MenuItem, { value: String(i), disabled: disabled2, children: label2 }, i);
+      })
     }
-  }) => onFocus(id, enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
-  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
-  return jsx(TextField, {
-    id: id,
-    name: id,
-    label: labelValue(label || undefined, hideLabel, false),
-    value: isEmpty ? emptyValue : selectedIndexes,
-    required: required,
-    disabled: disabled || readonly,
-    autoFocus: autofocus,
-    placeholder: placeholder,
-    error: rawErrors.length > 0,
-    onChange: _onChange,
-    onBlur: _onBlur,
-    onFocus: _onFocus,
-    ...textFieldProps,
-    select // Apply this and the following props after the potential overrides defined in textFieldProps
-    : true,
-    InputLabelProps: {
-      ...textFieldProps.InputLabelProps,
-      shrink: !isEmpty
-    },
-    SelectProps: {
-      ...textFieldProps.SelectProps,
-      multiple
-    },
-    "aria-describedby": ariaDescribedByIds(id),
-    children: Array.isArray(enumOptions) && enumOptions.map(({
-      value,
-      label
-    }, i) => {
-      const disabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1;
-      return jsx(MenuItem, {
-        value: String(i),
-        disabled: disabled,
-        children: label
-      }, i);
-    })
-  });
+  );
 }
 
-/** The `TextareaWidget` is a widget for rendering input fields as textarea.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/TextareaWidget/TextareaWidget.tsx
+import { getTemplate as getTemplate5 } from "@rjsf/utils";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function TextareaWidget(props) {
-  const {
-    options,
-    registry
-  } = props;
-  const BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
+  const { options, registry } = props;
+  const BaseInputTemplate2 = getTemplate5("BaseInputTemplate", registry, options);
   let rows = 5;
-  if (typeof options.rows === 'string' || typeof options.rows === 'number') {
+  if (typeof options.rows === "string" || typeof options.rows === "number") {
     rows = options.rows;
   }
-  return jsx(BaseInputTemplate, {
-    ...props,
-    multiline: true,
-    rows: rows
-  });
+  return /* @__PURE__ */ jsx20(BaseInputTemplate2, { ...props, multiline: true, rows });
 }
 
+// src/Widgets/Widgets.ts
 function generateWidgets() {
   return {
     CheckboxWidget,
@@ -1177,20 +989,34 @@ function generateWidgets() {
     TextareaWidget
   };
 }
-var Widgets = /*#__PURE__*/generateWidgets();
+var Widgets_default = generateWidgets();
 
+// src/Theme/Theme.tsx
 function generateTheme() {
   return {
     templates: generateTemplates(),
     widgets: generateWidgets()
   };
 }
-var Theme = /*#__PURE__*/generateTheme();
+var Theme_default = generateTheme();
 
+// src/MuiForm/MuiForm.tsx
 function generateForm() {
   return withTheme(generateTheme());
 }
-var MuiForm = /*#__PURE__*/generateForm();
+var MuiForm_default = generateForm();
 
-export { MuiForm as Form, Templates, Theme, Widgets, MuiForm as default, generateForm, generateTemplates, generateTheme, generateWidgets };
+// src/index.ts
+var src_default = MuiForm_default;
+export {
+  MuiForm_default as Form,
+  Templates_default as Templates,
+  Theme_default as Theme,
+  Widgets_default as Widgets,
+  src_default as default,
+  generateForm,
+  generateTemplates,
+  generateTheme,
+  generateWidgets
+};
 //# sourceMappingURL=mui.esm.js.map