@rjsf/mantine 6.6.2 → 6.7.0

package/dist/index.cjs

@@ -43,7 +43,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Form/index.ts
-var import_core30 = require("@rjsf/core");
+var import_core31 = require("@rjsf/core");
 
 // src/templates/ArrayFieldItemTemplate.tsx
 var import_core = require("@mantine/core");
@@ -246,13 +246,13 @@ function BaseInputTemplate(props) {
   );
   const handleBlur = (0, import_react.useCallback)(
     (e) => {
-      onBlur(id, e.target && e.target.value);
+      onBlur(id, e.target?.value);
     },
     [onBlur, id]
   );
   const handleFocus = (0, import_react.useCallback)(
     (e) => {
-      onFocus(id, e.target && e.target.value);
+      onFocus(id, e.target?.value);
     },
     [onFocus, id]
   );
@@ -577,74 +577,95 @@ function buttonTemplates() {
 }
 var ButtonTemplates_default = buttonTemplates;
 
-// src/templates/DescriptionField.tsx
+// src/templates/CyclicSchemaExpandTemplate.tsx
 var import_core8 = require("@mantine/core");
-var import_core9 = require("@rjsf/core");
+var import_utils9 = require("@rjsf/utils");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+function CyclicSchemaExpandTemplate(props) {
+  const { name, fieldPathId, registry, onExpand } = props;
+  const { translateString } = registry;
+  const buttonId4 = `${fieldPathId[import_utils9.ID_KEY]}-button`;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_core8.Alert,
+    {
+      color: "yellow",
+      variant: "transparent",
+      title: translateString(import_utils9.TranslatableString.CycleDetected, [name]),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ExclamationCircle, {}),
+      mt: "md",
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Group, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Button, { id: buttonId4, size: "xs", variant: "outline", color: "yellow", onClick: () => onExpand(fieldPathId[import_utils9.ID_KEY]), children: translateString(import_utils9.TranslatableString.ExpandButton) }) })
+    }
+  );
+}
+
+// src/templates/DescriptionField.tsx
+var import_core9 = require("@mantine/core");
+var import_core10 = require("@rjsf/core");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function DescriptionField(props) {
   const { id, description, registry, uiSchema } = props;
   if (description) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core9.RichDescription, { description, registry, uiSchema }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core9.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.RichDescription, { description, registry, uiSchema }) });
   }
   return null;
 }
 
 // src/templates/ErrorList.tsx
-var import_core10 = require("@mantine/core");
-var import_utils9 = require("@rjsf/utils");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_core11 = require("@mantine/core");
+var import_utils10 = require("@rjsf/utils");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function ErrorList({
   errors,
   registry
 }) {
   const { translateString } = registry;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_core10.Alert,
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_core11.Alert,
     {
       color: "red",
       variant: "transparent",
-      title: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.Title, { order: 5, fw: "normal", children: translateString(import_utils9.TranslatableString.ErrorsLabel) }),
-      icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ExclamationCircle, {}),
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List, { children: errors.map((error, index) => (
+      title: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.Title, { order: 5, fw: "normal", children: translateString(import_utils10.TranslatableString.ErrorsLabel) }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExclamationCircle, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.List, { children: errors.map((error, index) => (
         // oxlint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core10.List.Item, { c: "red", children: error.stack }, `error-${index}`)
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.List.Item, { c: "red", children: error.stack }, `error-${index}`)
       )) })
     }
   );
 }
 
 // src/templates/FieldErrorTemplate.tsx
-var import_core11 = require("@mantine/core");
-var import_utils10 = require("@rjsf/utils");
-var import_jsx_runtime11 = (
+var import_core12 = require("@mantine/core");
+var import_utils11 = require("@rjsf/utils");
+var import_jsx_runtime12 = (
   // oxlint-disable-next-line react/no-array-index-key
   require("react/jsx-runtime")
 );
 function FieldErrorTemplate({ errors, fieldPathId }) {
-  if (!errors || !errors.length) {
+  if (!errors?.length) {
     return null;
   }
-  const id = (0, import_utils10.errorId)(fieldPathId);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.List, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core11.List.Item, { children: error }, `field-error-${index}`)) }) });
+  const id = (0, import_utils11.errorId)(fieldPathId);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.List, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.List.Item, { children: error }, `field-error-${index}`)) }) });
 }
 
 // src/templates/FieldHelpTemplate.tsx
-var import_core12 = require("@mantine/core");
-var import_core13 = require("@rjsf/core");
-var import_utils11 = require("@rjsf/utils");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_core13 = require("@mantine/core");
+var import_core14 = require("@rjsf/core");
+var import_utils12 = require("@rjsf/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core12.Text, { id: (0, import_utils11.helpId)(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core13.RichHelp, { help, registry, uiSchema }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.Text, { id: (0, import_utils12.helpId)(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core14.RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/templates/FieldTemplate.tsx
-var import_core14 = require("@mantine/core");
-var import_utils12 = require("@rjsf/utils");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_core15 = require("@mantine/core");
+var import_utils13 = require("@rjsf/utils");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function FieldTemplate(props) {
   const {
     id,
@@ -663,16 +684,16 @@ function FieldTemplate(props) {
     children,
     ...otherProps
   } = props;
-  const uiOptions = (0, import_utils12.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils12.getTemplate)(
+  const uiOptions = (0, import_utils13.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils13.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core14.Box, { display: "none", children });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core15.Box, { display: "none", children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     WrapIfAdditionalTemplate2,
     {
       id,
@@ -695,33 +716,33 @@ function FieldTemplate(props) {
 }
 
 // src/templates/GridTemplate.tsx
-var import_core15 = require("@mantine/core");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_core16 = require("@mantine/core");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function GridTemplate(props) {
   const { children, column, fluid = true, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core15.Grid.Col, { ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core16.Grid.Col, { ...rest, children });
   }
   if (fluid) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core15.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core15.Grid, { ...rest, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core16.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core16.Grid, { ...rest, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core15.Grid, { grow: true, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core16.Grid, { grow: true, ...rest, children });
 }
 
 // src/templates/MultiSchemaFieldTemplate.tsx
-var import_core16 = require("@mantine/core");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_core17 = require("@mantine/core");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core16.Stack, { style: { marginBottom: "1rem" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core17.Stack, { style: { marginBottom: "1rem" }, children: [
     selector,
     optionSchemaField
   ] });
 }
 
 // src/templates/ObjectFieldTemplate.tsx
-var import_core17 = require("@mantine/core");
-var import_utils13 = require("@rjsf/utils");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_core18 = require("@mantine/core");
+var import_utils14 = require("@rjsf/utils");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
     title,
@@ -738,9 +759,9 @@ function ObjectFieldTemplate(props) {
     formData,
     registry
   } = props;
-  const uiOptions = (0, import_utils13.getUiOptions)(uiSchema);
-  const TitleFieldTemplate = (0, import_utils13.getTemplate)("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = (0, import_utils13.getTemplate)(
+  const uiOptions = (0, import_utils14.getUiOptions)(uiSchema);
+  const TitleFieldTemplate = (0, import_utils14.getTemplate)("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = (0, import_utils14.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     uiOptions
@@ -752,11 +773,11 @@ function ObjectFieldTemplate(props) {
   const gridCols = typeof uiOptions?.gridCols === "number" && uiOptions?.gridCols || void 0;
   const gridSpacing = uiOptions?.gridSpacing;
   const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_core17.Container, { id: fieldPathId.$id, p: 0, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core18.Container, { id: fieldPathId.$id, p: 0, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       TitleFieldTemplate,
       {
-        id: (0, import_utils13.titleId)(fieldPathId),
+        id: (0, import_utils14.titleId)(fieldPathId),
         title,
         required,
         schema,
@@ -765,18 +786,18 @@ function ObjectFieldTemplate(props) {
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils13.descriptionId)(fieldPathId),
+        id: (0, import_utils14.descriptionId)(fieldPathId),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      import_core17.SimpleGrid,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_core18.SimpleGrid,
       {
         cols: gridCols,
         spacing: gridSpacing,
@@ -784,14 +805,14 @@ function ObjectFieldTemplate(props) {
         mb: "sm",
         children: [
           !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core17.Box, { children: element.content }, element.name))
+          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core18.Box, { children: element.content }, element.name))
         ]
       }
     ),
-    (0, import_utils13.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_core17.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    (0, import_utils14.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core18.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       AddButton2,
       {
-        id: (0, import_utils13.buttonId)(fieldPathId, "add"),
+        id: (0, import_utils14.buttonId)(fieldPathId, "add"),
         disabled: disabled || readonly,
         onClick: onAddProperty,
         className: "rjsf-object-property-expand",
@@ -803,11 +824,11 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/templates/OptionalDataControlsTemplate.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       AddButton,
       {
         id,
@@ -820,7 +841,7 @@ function OptionalDataControlsTemplate(props) {
     );
   }
   if (onRemoveClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       RemoveButton,
       {
         id,
@@ -832,28 +853,28 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("em", { id, children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("em", { id, children: label });
 }
 
 // src/templates/TitleField.tsx
-var import_core18 = require("@mantine/core");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_core19 = require("@mantine/core");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function TitleField(props) {
   const { id, title, optionalDataControl } = props;
-  let heading = title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Title, { id, order: 3, fw: "normal", children: title }) : null;
+  let heading = title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core19.Title, { id, order: 3, fw: "normal", children: title }) : null;
   if (optionalDataControl) {
-    heading = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core18.Grid, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Grid.Col, { span: "auto", children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core18.Grid.Col, { span: "content", children: optionalDataControl })
+    heading = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core19.Grid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core19.Grid.Col, { span: "auto", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core19.Grid.Col, { span: "content", children: optionalDataControl })
     ] });
   }
   return heading;
 }
 
 // src/templates/WrapIfAdditionalTemplate.tsx
-var import_core19 = require("@mantine/core");
-var import_utils14 = require("@rjsf/utils");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_core20 = require("@mantine/core");
+var import_utils15 = require("@rjsf/utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
@@ -874,20 +895,20 @@ function WrapIfAdditionalTemplate(props) {
   } = props;
   const { templates, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
-  const keyLabel = translateString(import_utils14.TranslatableString.KeyLabel, [label]);
-  const additional = import_utils14.ADDITIONAL_PROPERTY_FLAG in schema;
+  const keyLabel = translateString(import_utils15.TranslatableString.KeyLabel, [label]);
+  const additional = import_utils15.ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: classNames, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: classNames, style, children });
   }
-  const uiOptions = uiSchema ? uiSchema[import_utils14.UI_OPTIONS_KEY] : {};
+  const uiOptions = uiSchema ? uiSchema[import_utils15.UI_OPTIONS_KEY] : {};
   const buttonUiOptions = {
     ...uiSchema,
-    [import_utils14.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
+    [import_utils15.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core19.Flex, { gap: "xs", align: "end", justify: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core19.Grid, { w: "100%", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core19.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_core19.TextInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core20.Flex, { gap: "xs", align: "end", justify: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_core20.Grid, { w: "100%", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core20.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_core20.TextInput,
         {
           className: "form-group",
           label: displayLabel ? keyLabel : void 0,
@@ -901,12 +922,12 @@ function WrapIfAdditionalTemplate(props) {
         },
         label
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_core19.Grid.Col, { span: 6, className: "form-additional", children })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core20.Grid.Col, { span: 6, className: "form-additional", children })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       RemoveButton2,
       {
-        id: (0, import_utils14.buttonId)(id, "remove"),
+        id: (0, import_utils15.buttonId)(id, "remove"),
         iconType: "sm",
         className: "rjsf-array-item-remove",
         disabled: disabled || readonly,
@@ -925,6 +946,7 @@ function generateTemplates() {
     ArrayFieldTemplate,
     ArrayFieldTitleTemplate,
     BaseInputTemplate,
+    CyclicSchemaExpandTemplate,
     ButtonTemplates: ButtonTemplates_default(),
     DescriptionFieldTemplate: DescriptionField,
     ErrorListTemplate: ErrorList,
@@ -947,9 +969,9 @@ var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat")
 
 // src/widgets/CheckboxesWidget.tsx
 var import_react3 = require("react");
-var import_core20 = require("@mantine/core");
-var import_utils15 = require("@rjsf/utils");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_core21 = require("@mantine/core");
+var import_utils16 = require("@rjsf/utils");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function CheckboxesWidget(props) {
   const {
     id,
@@ -968,12 +990,12 @@ function CheckboxesWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
-  const optionValueFormat = (0, import_utils15.getOptionValueFormat)(options);
+  const optionValueFormat = (0, import_utils16.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
   const handleChange = (0, import_react3.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange((0, import_utils15.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
+        onChange((0, import_utils16.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
@@ -981,7 +1003,7 @@ function CheckboxesWidget(props) {
   const handleBlur = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, (0, import_utils15.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
+        onBlur(id, (0, import_utils16.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
@@ -989,16 +1011,16 @@ function CheckboxesWidget(props) {
   const handleFocus = (0, import_react3.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, (0, import_utils15.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
+        onFocus(id, (0, import_utils16.enumOptionValueDecoder)(target.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const selectedIndexes = (0, import_utils15.enumOptionsIndexForValue)(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core20.Input.Label, { id: (0, import_utils15.titleId)(id), required, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      import_core20.Checkbox.Group,
+  const selectedIndexes = (0, import_utils16.enumOptionsIndexForValue)(value, enumOptions, true);
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core21.Input.Label, { id: (0, import_utils16.titleId)(id), required, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_core21.Checkbox.Group,
       {
         id,
         value: selectedIndexes,
@@ -1006,14 +1028,14 @@ function CheckboxesWidget(props) {
         required,
         readOnly: disabled || readonly,
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-        "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id),
+        "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_core20.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          import_core20.Checkbox,
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core21.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_core21.Checkbox,
           {
-            id: (0, import_utils15.optionId)(id, i),
+            id: (0, import_utils16.optionId)(id, i),
             name: htmlName || id,
-            value: (0, import_utils15.enumOptionValueEncoder)(option.value, i, optionValueFormat),
+            value: (0, import_utils16.enumOptionValueEncoder)(option.value, i, optionValueFormat),
             label: option.label,
             disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
             autoFocus: i === 0 && autofocus,
@@ -1029,9 +1051,9 @@ function CheckboxesWidget(props) {
 
 // src/widgets/CheckboxWidget.tsx
 var import_react4 = require("react");
-var import_core21 = require("@mantine/core");
-var import_utils17 = require("@rjsf/utils");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_core22 = require("@mantine/core");
+var import_utils18 = require("@rjsf/utils");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     id,
@@ -1053,7 +1075,7 @@ function CheckboxWidget(props) {
     registry,
     uiSchema
   } = props;
-  const DescriptionFieldTemplate = (0, import_utils17.getTemplate)(
+  const DescriptionFieldTemplate = (0, import_utils18.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
@@ -1083,23 +1105,23 @@ function CheckboxWidget(props) {
     [onFocus, id]
   );
   const description = options.description || schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils17.descriptionId)(id),
+        id: (0, import_utils18.descriptionId)(id),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_core21.Checkbox,
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      import_core22.Checkbox,
       {
         id,
         name: htmlName || name,
-        label: (0, import_utils17.labelValue)(label || void 0, hideLabel, false),
+        label: (0, import_utils18.labelValue)(label || void 0, hideLabel, false),
         disabled: disabled || readonly,
         required,
         autoFocus: autofocus,
@@ -1108,7 +1130,7 @@ function CheckboxWidget(props) {
         onBlur: handleBlur,
         onFocus: handleFocus,
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-        "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id)
+        "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id)
       }
     )
   ] });
@@ -1116,9 +1138,9 @@ function CheckboxWidget(props) {
 
 // src/widgets/ColorWidget.tsx
 var import_react5 = require("react");
-var import_core22 = require("@mantine/core");
-var import_utils18 = require("@rjsf/utils");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_core23 = require("@mantine/core");
+var import_utils19 = require("@rjsf/utils");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ColorWidget(props) {
   const {
     id,
@@ -1147,7 +1169,7 @@ function ColorWidget(props) {
   const handleBlur = (0, import_react5.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1155,13 +1177,13 @@ function ColorWidget(props) {
   const handleFocus = (0, import_react5.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_core22.ColorInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_core23.ColorInput,
     {
       id,
       name,
@@ -1170,66 +1192,66 @@ function ColorWidget(props) {
       required,
       disabled: disabled || readonly,
       autoFocus: autofocus,
-      label: (0, import_utils18.labelValue)(label || void 0, hideLabel, false),
+      label: (0, import_utils19.labelValue)(label || void 0, hideLabel, false),
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       ...themeProps,
-      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils19.ariaDescribedByIds)(id),
       popoverProps: { withinPortal: false }
     }
   );
 }
 
 // src/widgets/DateTime/AltDateTimeWidget.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function AltDateTimeWidget(props) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AltDateWidget2, { time: true, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AltDateWidget2, { time: true, ...props });
 }
 
 // src/widgets/DateTime/AltDateWidget.tsx
-var import_core23 = require("@mantine/core");
-var import_utils20 = require("@rjsf/utils");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_core24 = require("@mantine/core");
+var import_utils21 = require("@rjsf/utils");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function AltDateWidget(props) {
   const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
   const { translateString } = registry;
-  const { elements, handleChange, handleClear, handleSetNow } = (0, import_utils20.useAltDateWidgetProps)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Input.Label, { id: (0, import_utils20.titleId)(id), required, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  const { elements, handleChange, handleClear, handleSetNow } = (0, import_utils21.useAltDateWidgetProps)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Input.Label, { id: (0, import_utils21.titleId)(id), required, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
       elements.map((elemProps, i) => {
         const elemId = `${id}_${elemProps.type}`;
         return (
           // oxlint-disable-next-line react/no-array-index-key
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            import_core23.Select,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_core24.Select,
             {
               id: elemId,
               name: elemId,
               placeholder: elemProps.type,
               disabled: disabled || readonly,
-              data: (0, import_utils20.dateRangeOptions)(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
+              data: (0, import_utils21.dateRangeOptions)(elemProps.range[0], elemProps.range[1]).map((item) => item.value.toString()),
               value: !elemProps.value || elemProps.value < 0 ? null : elemProps.value.toString(),
               onChange: (v) => handleChange(elemProps.type, v || void 0),
               searchable: false,
               allowDeselect: false,
               comboboxProps: { withinPortal: false },
-              "aria-describedby": (0, import_utils20.ariaDescribedByIds)(elemId)
+              "aria-describedby": (0, import_utils21.ariaDescribedByIds)(elemId)
             }
           ) }, i)
         );
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_core23.Group, { wrap: "nowrap", gap: 3, children: [
-        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils20.TranslatableString.NowLabel) }),
-        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils20.TranslatableString.ClearLabel) })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_core24.Group, { wrap: "nowrap", gap: 3, children: [
+        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils21.TranslatableString.NowLabel) }),
+        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils21.TranslatableString.ClearLabel) })
       ] })
     ] }),
     rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
       // oxlint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_core23.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core24.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
     ))
   ] });
 }
@@ -1237,9 +1259,9 @@ function AltDateWidget(props) {
 // src/widgets/DateTime/DateTimeInput.tsx
 var import_react6 = require("react");
 var import_dates = require("@mantine/dates");
-var import_utils21 = require("@rjsf/utils");
+var import_utils22 = require("@rjsf/utils");
 var import_dayjs = __toESM(require("dayjs"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var dateParser = (input, format) => {
   if (!input) {
     return null;
@@ -1289,7 +1311,7 @@ function DateTimeInput(props) {
       onFocus(id, value);
     }
   }, [onFocus, id, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_dates.DateInput,
     {
       id,
@@ -1300,13 +1322,13 @@ function DateTimeInput(props) {
       required,
       disabled: disabled || readonly,
       autoFocus: autofocus,
-      label: (0, import_utils21.labelValue)(label || void 0, hideLabel, false),
+      label: (0, import_utils22.labelValue)(label || void 0, hideLabel, false),
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       ...options,
-      "aria-describedby": (0, import_utils21.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils22.ariaDescribedByIds)(id),
       popoverProps: { withinPortal: false },
       classNames: typeof options?.classNames === "object" ? options.classNames : void 0,
       valueFormat: displayFormat
@@ -1315,10 +1337,10 @@ function DateTimeInput(props) {
 }
 
 // src/widgets/DateTime/DateWidget.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function DateWidget(props) {
   const { valueFormat = "YYYY-MM-DD", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     DateTimeInput,
     {
       ...props,
@@ -1330,10 +1352,10 @@ function DateWidget(props) {
 }
 
 // src/widgets/DateTime/DateTimeWidget.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function DateTimeWidget(props) {
   const { valueFormat = "YYYY-MM-DD HH:mm:ss", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     DateTimeInput,
     {
       ...props,
@@ -1347,8 +1369,8 @@ function DateTimeWidget(props) {
 // src/widgets/DateTime/TimeWidget.tsx
 var import_react7 = require("react");
 var import_dates2 = require("@mantine/dates");
-var import_utils22 = require("@rjsf/utils");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_utils23 = require("@rjsf/utils");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function TimeWidget(props) {
   const {
     id,
@@ -1377,7 +1399,7 @@ function TimeWidget(props) {
   const handleBlur = (0, import_react7.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1385,12 +1407,12 @@ function TimeWidget(props) {
   const handleFocus = (0, import_react7.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_dates2.TimeInput,
     {
       id,
@@ -1400,13 +1422,13 @@ function TimeWidget(props) {
       required,
       disabled: disabled || readonly,
       autoFocus: autofocus,
-      label: (0, import_utils22.labelValue)(label || void 0, hideLabel, false),
+      label: (0, import_utils23.labelValue)(label || void 0, hideLabel, false),
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       ...options,
-      "aria-describedby": (0, import_utils22.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils23.ariaDescribedByIds)(id),
       classNames: typeof options?.classNames === "object" ? options.classNames : void 0
     }
   );
@@ -1414,9 +1436,9 @@ function TimeWidget(props) {
 
 // src/widgets/FileWidget.tsx
 var import_react8 = require("react");
-var import_core24 = require("@mantine/core");
-var import_utils23 = require("@rjsf/utils");
-var import_jsx_runtime29 = (
+var import_core25 = require("@mantine/core");
+var import_utils24 = require("@rjsf/utils");
+var import_jsx_runtime30 = (
   // oxlint-disable-next-line react/no-array-index-key
   require("react/jsx-runtime")
 );
@@ -1437,7 +1459,7 @@ function FileWidget(props) {
     multiple,
     onChange
   } = props;
-  const { filesInfo, handleChange, handleRemove } = (0, import_utils23.useFileWidgetProps)(value, onChange, multiple);
+  const { filesInfo, handleChange, handleRemove } = (0, import_utils24.useFileWidgetProps)(value, onChange, multiple);
   const themeProps = cleanupOptions(options);
   const handleOnChange = (0, import_react8.useCallback)(
     (files) => {
@@ -1449,12 +1471,12 @@ function FileWidget(props) {
   );
   const ValueComponent = (0, import_react8.useCallback)(() => {
     if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core24.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core24.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core25.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core25.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
     }
     return null;
   }, [handleRemove, filesInfo]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_core24.FileInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_core25.FileInput,
     {
       id,
       name,
@@ -1463,22 +1485,22 @@ function FileWidget(props) {
       required,
       disabled: disabled || readonly,
       autoFocus: autofocus,
-      label: (0, import_utils23.labelValue)(label || void 0, hideLabel, false),
+      label: (0, import_utils24.labelValue)(label || void 0, hideLabel, false),
       multiple: !!multiple,
       valueComponent: ValueComponent,
       onChange: handleOnChange,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       ...themeProps,
-      "aria-describedby": (0, import_utils23.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils24.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/PasswordWidget.tsx
 var import_react9 = require("react");
-var import_core25 = require("@mantine/core");
-var import_utils25 = require("@rjsf/utils");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_core26 = require("@mantine/core");
+var import_utils26 = require("@rjsf/utils");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function PasswordWidget(props) {
   const {
     id,
@@ -1508,7 +1530,7 @@ function PasswordWidget(props) {
   const handleBlur = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1516,13 +1538,13 @@ function PasswordWidget(props) {
   const handleFocus = (0, import_react9.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_core25.PasswordInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_core26.PasswordInput,
     {
       id,
       name,
@@ -1531,22 +1553,22 @@ function PasswordWidget(props) {
       required,
       disabled: disabled || readonly,
       autoFocus: autofocus,
-      label: (0, import_utils25.labelValue)(label || void 0, hideLabel, false),
+      label: (0, import_utils26.labelValue)(label || void 0, hideLabel, false),
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       ...themeProps,
-      "aria-describedby": (0, import_utils25.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils26.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/RadioWidget.tsx
 var import_react10 = require("react");
-var import_core26 = require("@mantine/core");
-var import_utils27 = require("@rjsf/utils");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_core27 = require("@mantine/core");
+var import_utils28 = require("@rjsf/utils");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function RadioWidget(props) {
   const {
     id,
@@ -1565,12 +1587,12 @@ function RadioWidget(props) {
     onFocus
   } = props;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
-  const optionValueFormat = (0, import_utils27.getOptionValueFormat)(options);
+  const optionValueFormat = (0, import_utils28.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
   const handleChange = (0, import_react10.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange((0, import_utils27.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
+        onChange((0, import_utils28.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
@@ -1578,7 +1600,7 @@ function RadioWidget(props) {
   const handleBlur = (0, import_react10.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, (0, import_utils27.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onBlur(id, (0, import_utils28.enumOptionValueDecoder)(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
@@ -1586,14 +1608,14 @@ function RadioWidget(props) {
   const handleFocus = (0, import_react10.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, (0, import_utils27.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onFocus(id, (0, import_utils28.enumOptionValueDecoder)(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
-  const selected = (0, import_utils27.enumOptionsIndexForValue)(value, enumOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    import_core26.Radio.Group,
+  const selected = (0, import_utils28.enumOptionsIndexForValue)(value, enumOptions);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_core27.Radio.Group,
     {
       id,
       name: htmlName || id,
@@ -1603,13 +1625,13 @@ function RadioWidget(props) {
       required,
       readOnly: disabled || readonly,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      "aria-describedby": (0, import_utils27.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils28.ariaDescribedByIds)(id),
       ...themeProps,
-      children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core26.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-        import_core26.Radio,
+      children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core27.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        import_core27.Radio,
         {
-          id: (0, import_utils27.optionId)(id, i),
-          value: (0, import_utils27.enumOptionValueEncoder)(option.value, i, optionValueFormat),
+          id: (0, import_utils28.optionId)(id, i),
+          value: (0, import_utils28.enumOptionValueEncoder)(option.value, i, optionValueFormat),
           label: option.label,
           disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
           autoFocus: i === 0 && autofocus,
@@ -1624,9 +1646,9 @@ function RadioWidget(props) {
 
 // src/widgets/RangeWidget.tsx
 var import_react11 = require("react");
-var import_core27 = require("@mantine/core");
-var import_utils29 = require("@rjsf/utils");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_core28 = require("@mantine/core");
+var import_utils30 = require("@rjsf/utils");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
     id,
@@ -1646,7 +1668,7 @@ function RangeWidget(props) {
     schema
   } = props;
   const themeProps = cleanupOptions(options);
-  const { min, max, step } = (0, import_utils29.rangeSpec)(schema);
+  const { min, max, step } = (0, import_utils30.rangeSpec)(schema);
   const handleChange = (0, import_react11.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
@@ -1665,11 +1687,11 @@ function RangeWidget(props) {
       onFocus(id, value);
     }
   }, [onFocus, id, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core27.Input.Label, { id: (0, import_utils29.titleId)(id), required, children: label }),
-    options?.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core27.Input.Description, { children: options.description }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-      import_core27.Slider,
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core28.Input.Label, { id: (0, import_utils30.titleId)(id), required, children: label }),
+    options?.description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core28.Input.Description, { children: options.description }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      import_core28.Slider,
       {
         id,
         name,
@@ -1683,21 +1705,21 @@ function RangeWidget(props) {
         onBlur: handleBlur,
         onFocus: handleFocus,
         ...themeProps,
-        "aria-describedby": (0, import_utils29.ariaDescribedByIds)(id)
+        "aria-describedby": (0, import_utils30.ariaDescribedByIds)(id)
       }
     ),
     rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
       // oxlint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core27.Input.Error, { children: error }, `range-widget-input-errors-${index}`)
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core28.Input.Error, { children: error }, `range-widget-input-errors-${index}`)
     ))
   ] });
 }
 
 // src/widgets/SelectWidget.tsx
 var import_react12 = require("react");
-var import_core28 = require("@mantine/core");
-var import_utils31 = require("@rjsf/utils");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_core29 = require("@mantine/core");
+var import_utils32 = require("@rjsf/utils");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function SelectWidget(props) {
   const {
     id,
@@ -1712,18 +1734,20 @@ function SelectWidget(props) {
     hideLabel,
     multiple,
     rawErrors,
+    schema,
     options,
     onChange,
     onBlur,
     onFocus
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const optionValueFormat = (0, import_utils31.getOptionValueFormat)(options);
+  const optionValueFormat = (0, import_utils32.getOptionValueFormat)(options);
   const themeProps = cleanupOptions(options);
+  (0, import_utils32.logUnsupportedDefaultForEnum)(id, schema, enumOptions, multiple);
   const handleChange = (0, import_react12.useCallback)(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
-        onChange((0, import_utils31.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
+        onChange((0, import_utils32.enumOptionValueDecoder)(nextValue, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onChange, disabled, readonly, enumOptions, emptyValue, optionValueFormat]
@@ -1731,7 +1755,7 @@ function SelectWidget(props) {
   const handleBlur = (0, import_react12.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, (0, import_utils31.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onBlur(id, (0, import_utils32.enumOptionValueDecoder)(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
@@ -1739,7 +1763,7 @@ function SelectWidget(props) {
   const handleFocus = (0, import_react12.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, (0, import_utils31.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onFocus(id, (0, import_utils32.enumOptionValueDecoder)(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
@@ -1748,7 +1772,7 @@ function SelectWidget(props) {
     if (Array.isArray(enumOptions)) {
       return enumOptions.map((option, index) => ({
         key: String(index),
-        value: (0, import_utils31.enumOptionValueEncoder)(option.value, index, optionValueFormat),
+        value: (0, import_utils32.enumOptionValueEncoder)(option.value, index, optionValueFormat),
         label: option.label,
         disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value)
       }));
@@ -1758,7 +1782,7 @@ function SelectWidget(props) {
   const sharedProps = {
     id,
     name: htmlName || id,
-    label: (0, import_utils31.labelValue)(label || void 0, hideLabel, false),
+    label: (0, import_utils32.labelValue)(label || void 0, hideLabel, false),
     data: selectOptions,
     onChange: !readonly ? handleChange : void 0,
     onBlur: !readonly ? handleBlur : void 0,
@@ -1769,30 +1793,33 @@ function SelectWidget(props) {
     required,
     error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
     searchable: true,
-    "aria-describedby": (0, import_utils31.ariaDescribedByIds)(id),
+    "aria-describedby": (0, import_utils32.ariaDescribedByIds)(id),
     comboboxProps: { withinPortal: false },
     ...themeProps
   };
-  return multiple ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_core28.MultiSelect,
-    {
-      ...sharedProps,
-      value: (0, import_utils31.enumOptionSelectedValue)(value, enumOptions, true, optionValueFormat, [])
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_core28.Select,
-    {
-      ...sharedProps,
-      value: (0, import_utils31.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, null)
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_utils32.SelectedOptionDescription, { ...props }),
+    multiple ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      import_core29.MultiSelect,
+      {
+        ...sharedProps,
+        value: (0, import_utils32.enumOptionSelectedValue)(value, enumOptions, true, optionValueFormat, [])
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      import_core29.Select,
+      {
+        ...sharedProps,
+        value: (0, import_utils32.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, null)
+      }
+    )
+  ] });
 }
 
 // src/widgets/TextareaWidget.tsx
 var import_react13 = require("react");
-var import_core29 = require("@mantine/core");
-var import_utils33 = require("@rjsf/utils");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_core30 = require("@mantine/core");
+var import_utils34 = require("@rjsf/utils");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function TextareaWidget(props) {
   const {
     id,
@@ -1823,7 +1850,7 @@ function TextareaWidget(props) {
   const handleBlur = (0, import_react13.useCallback)(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1831,13 +1858,13 @@ function TextareaWidget(props) {
   const handleFocus = (0, import_react13.useCallback)(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_core29.Textarea,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_core30.Textarea,
     {
       id,
       name: htmlName || name,
@@ -1846,12 +1873,12 @@ function TextareaWidget(props) {
       required,
       disabled: disabled || readonly,
       autoFocus: autofocus,
-      label: (0, import_utils33.labelValue)(label || void 0, hideLabel, false),
+      label: (0, import_utils34.labelValue)(label || void 0, hideLabel, false),
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      "aria-describedby": (0, import_utils33.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils34.ariaDescribedByIds)(id),
       ...themeProps
     }
   );
@@ -1890,7 +1917,7 @@ var Theme_default = generateTheme();
 
 // src/Form/index.ts
 function generateForm() {
-  return (0, import_core30.withTheme)(generateTheme());
+  return (0, import_core31.withTheme)(generateTheme());
 }
 var Form_default = generateForm();