@rjsf/mantine 6.6.1 → 6.7.0

package/dist/mantine.esm.js

@@ -3,10 +3,7 @@ import { withTheme } from "@rjsf/core";
 
 // src/templates/ArrayFieldItemTemplate.tsx
 import { Box, Flex, Group } from "@mantine/core";
-import {
-  getTemplate,
-  getUiOptions
-} from "@rjsf/utils";
+import { getTemplate, getUiOptions } from "@rjsf/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
   const { buttonsProps, className, hasToolbar, index, uiSchema, registry, children } = props;
@@ -24,11 +21,7 @@ function ArrayFieldItemTemplate(props) {
 
 // src/templates/ArrayFieldTemplate.tsx
 import { Fieldset, Box as Box2, Group as Group2 } from "@mantine/core";
-import {
-  getTemplate as getTemplate2,
-  getUiOptions as getUiOptions2,
-  buttonId
-} from "@rjsf/utils";
+import { getTemplate as getTemplate2, getUiOptions as getUiOptions2, buttonId } from "@rjsf/utils";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
   const {
@@ -105,10 +98,7 @@ function ArrayFieldTemplate(props) {
 
 // src/templates/ArrayFieldTitleTemplate.tsx
 import { Grid, Title } from "@mantine/core";
-import {
-  getUiOptions as getUiOptions3,
-  titleId
-} from "@rjsf/utils";
+import { getUiOptions as getUiOptions3, titleId } from "@rjsf/utils";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArrayFieldTitleTemplate(props) {
   const { fieldPathId, title, uiSchema, registry, optionalDataControl } = props;
@@ -131,12 +121,7 @@ function ArrayFieldTitleTemplate(props) {
 import { useCallback } from "react";
 import { TextInput, NumberInput } from "@mantine/core";
 import { SchemaExamples } from "@rjsf/core";
-import {
-  ariaDescribedByIds,
-  examplesId,
-  getInputProps,
-  labelValue
-} from "@rjsf/utils";
+import { ariaDescribedByIds, examplesId, getInputProps, labelValue } from "@rjsf/utils";
 
 // src/utils.ts
 var uiOptionsKeys = [
@@ -206,24 +191,24 @@ function BaseInputTemplate(props) {
   const inputProps = getInputProps(schema, type, options, false);
   const description = hideLabel ? void 0 : options.description || schema.description;
   const themeProps = cleanupOptions(options);
-  const handleNumberChange = useCallback((value2) => onChange(value2), [onChange]);
+  const handleNumberChange = useCallback((newValue) => onChange(newValue), [onChange]);
   const handleChange = useCallback(
     (e) => {
-      const handler = onChangeOverride ? onChangeOverride : onChange;
-      const value2 = e.target.value === "" ? options.emptyValue : e.target.value;
-      handler(value2);
+      const handler = onChangeOverride || onChange;
+      const newValue = e.target.value === "" ? options.emptyValue : e.target.value;
+      handler(newValue);
     },
     [onChange, onChangeOverride, options]
   );
   const handleBlur = useCallback(
     (e) => {
-      onBlur(id, e.target && e.target.value);
+      onBlur(id, e.target?.value);
     },
     [onBlur, id]
   );
   const handleFocus = useCallback(
     (e) => {
-      onFocus(id, e.target && e.target.value);
+      onFocus(id, e.target?.value);
     },
     [onFocus, id]
   );
@@ -433,10 +418,11 @@ function ExclamationCircle({ size, style, ...others }) {
 }
 
 // src/templates/ButtonTemplates/IconButton.tsx
+import { memo } from "react";
 import { ActionIcon } from "@mantine/core";
 import { TranslatableString } from "@rjsf/utils";
 import { jsx as jsx6 } from "react/jsx-runtime";
-function IconButton(props) {
+function IconButtonFn(props) {
   const { icon, iconType = "sm", color, onClick, uiSchema, registry, ...otherProps } = props;
   return /* @__PURE__ */ jsx6(
     ActionIcon,
@@ -449,13 +435,16 @@ function IconButton(props) {
     }
   );
 }
-function CopyButton(props) {
+var IconButton = memo(IconButtonFn);
+var IconButton_default = IconButton;
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx6(Copy, {}) });
 }
-function MoveDownButton(props) {
+var CopyButton = memo(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -469,7 +458,8 @@ function MoveDownButton(props) {
     }
   );
 }
-function MoveUpButton(props) {
+var MoveDownButton = memo(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -483,7 +473,8 @@ function MoveUpButton(props) {
     }
   );
 }
-function RemoveButton(props) {
+var MoveUpButton = memo(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -498,12 +489,14 @@ function RemoveButton(props) {
     }
   );
 }
-function ClearButton(props) {
+var RemoveButton = memo(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx6(X, {}) });
 }
+var ClearButton = memo(ClearButtonFn);
 
 // src/templates/ButtonTemplates/AddButton.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
@@ -511,7 +504,7 @@ function AddButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString2.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx7(Plus, {}) });
+  return /* @__PURE__ */ jsx7(IconButton_default, { title: translateString(TranslatableString2.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsx7(Plus, {}) });
 }
 
 // src/templates/ButtonTemplates/SubmitButton.tsx
@@ -540,35 +533,59 @@ function buttonTemplates() {
 }
 var ButtonTemplates_default = buttonTemplates;
 
+// src/templates/CyclicSchemaExpandTemplate.tsx
+import { Alert, Button as Button2, Group as Group3 } from "@mantine/core";
+import { ID_KEY, TranslatableString as TranslatableString3 } from "@rjsf/utils";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function CyclicSchemaExpandTemplate(props) {
+  const { name, fieldPathId, registry, onExpand } = props;
+  const { translateString } = registry;
+  const buttonId4 = `${fieldPathId[ID_KEY]}-button`;
+  return /* @__PURE__ */ jsx9(
+    Alert,
+    {
+      color: "yellow",
+      variant: "transparent",
+      title: translateString(TranslatableString3.CycleDetected, [name]),
+      icon: /* @__PURE__ */ jsx9(ExclamationCircle, {}),
+      mt: "md",
+      children: /* @__PURE__ */ jsx9(Group3, { children: /* @__PURE__ */ jsx9(Button2, { id: buttonId4, size: "xs", variant: "outline", color: "yellow", onClick: () => onExpand(fieldPathId[ID_KEY]), children: translateString(TranslatableString3.ExpandButton) }) })
+    }
+  );
+}
+
 // src/templates/DescriptionField.tsx
 import { Text } from "@mantine/core";
 import { RichDescription } from "@rjsf/core";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function DescriptionField(props) {
   const { id, description, registry, uiSchema } = props;
   if (description) {
-    return /* @__PURE__ */ jsx9(Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsx9(RichDescription, { description, registry, uiSchema }) });
+    return /* @__PURE__ */ jsx10(Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsx10(RichDescription, { description, registry, uiSchema }) });
   }
   return null;
 }
 
 // src/templates/ErrorList.tsx
-import { Alert, Title as Title2, List } from "@mantine/core";
-import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { Alert as Alert2, Title as Title2, List } from "@mantine/core";
+import { TranslatableString as TranslatableString4 } from "@rjsf/utils";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function ErrorList({
   errors,
   registry
 }) {
   const { translateString } = registry;
-  return /* @__PURE__ */ jsx10(
-    Alert,
+  return /* @__PURE__ */ jsx11(
+    Alert2,
     {
       color: "red",
       variant: "transparent",
-      title: /* @__PURE__ */ jsx10(Title2, { order: 5, fw: "normal", children: translateString(TranslatableString3.ErrorsLabel) }),
-      icon: /* @__PURE__ */ jsx10(ExclamationCircle, {}),
-      children: /* @__PURE__ */ jsx10(List, { children: errors.map((error, index) => /* @__PURE__ */ jsx10(List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
+      title: /* @__PURE__ */ jsx11(Title2, { order: 5, fw: "normal", children: translateString(TranslatableString4.ErrorsLabel) }),
+      icon: /* @__PURE__ */ jsx11(ExclamationCircle, {}),
+      children: /* @__PURE__ */ jsx11(List, { children: errors.map((error, index) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsx11(List.Item, { c: "red", children: error.stack }, `error-${index}`)
+      )) })
     }
   );
 }
@@ -576,35 +593,35 @@ function ErrorList({
 // src/templates/FieldErrorTemplate.tsx
 import { Box as Box3, List as List2 } from "@mantine/core";
 import { errorId } from "@rjsf/utils";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function FieldErrorTemplate({ errors, fieldPathId }) {
-  if (!errors || !errors.length) {
+  if (!errors?.length) {
     return null;
   }
   const id = errorId(fieldPathId);
-  return /* @__PURE__ */ jsx11(Box3, { id, c: "red", display: "none", children: /* @__PURE__ */ jsx11(List2, { children: errors.map((error, index) => /* @__PURE__ */ jsx11(List2.Item, { children: error }, `field-error-${index}`)) }) });
+  return /* @__PURE__ */ jsx12(Box3, { id, c: "red", display: "none", children: /* @__PURE__ */ jsx12(List2, { children: errors.map((error, index) => (
+    // oxlint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ jsx12(List2.Item, { children: error }, `field-error-${index}`)
+  )) }) });
 }
 
 // src/templates/FieldHelpTemplate.tsx
 import { Text as Text2 } from "@mantine/core";
 import { RichHelp } from "@rjsf/core";
 import { helpId } from "@rjsf/utils";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  return /* @__PURE__ */ jsx12(Text2, { id: helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsx12(RichHelp, { help, registry, uiSchema }) });
+  return /* @__PURE__ */ jsx13(Text2, { id: helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsx13(RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/templates/FieldTemplate.tsx
 import { Box as Box4 } from "@mantine/core";
-import {
-  getTemplate as getTemplate3,
-  getUiOptions as getUiOptions4
-} from "@rjsf/utils";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { getTemplate as getTemplate3, getUiOptions as getUiOptions4 } from "@rjsf/utils";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
     id,
@@ -630,7 +647,7 @@ function FieldTemplate(props) {
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ jsx13(Box4, { display: "none", children });
+    return /* @__PURE__ */ jsx14(Box4, { display: "none", children });
   }
   return /* @__PURE__ */ jsxs6(
     WrapIfAdditionalTemplate2,
@@ -656,16 +673,16 @@ function FieldTemplate(props) {
 
 // src/templates/GridTemplate.tsx
 import { Container, Grid as Grid2 } from "@mantine/core";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function GridTemplate(props) {
   const { children, column, fluid = true, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ jsx14(Grid2.Col, { ...rest, children });
+    return /* @__PURE__ */ jsx15(Grid2.Col, { ...rest, children });
   }
   if (fluid) {
-    return /* @__PURE__ */ jsx14(Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ jsx14(Grid2, { ...rest, children }) });
+    return /* @__PURE__ */ jsx15(Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ jsx15(Grid2, { ...rest, children }) });
   }
-  return /* @__PURE__ */ jsx14(Grid2, { grow: true, ...rest, children });
+  return /* @__PURE__ */ jsx15(Grid2, { grow: true, ...rest, children });
 }
 
 // src/templates/MultiSchemaFieldTemplate.tsx
@@ -679,16 +696,9 @@ function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
 }
 
 // src/templates/ObjectFieldTemplate.tsx
-import { Box as Box5, Container as Container2, Group as Group3, SimpleGrid } from "@mantine/core";
-import {
-  buttonId as buttonId2,
-  canExpand,
-  descriptionId,
-  getTemplate as getTemplate4,
-  getUiOptions as getUiOptions5,
-  titleId as titleId2
-} from "@rjsf/utils";
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box5, Container as Container2, Group as Group4, SimpleGrid } from "@mantine/core";
+import { buttonId as buttonId2, canExpand, descriptionId, getTemplate as getTemplate4, getUiOptions as getUiOptions5, titleId as titleId2 } from "@rjsf/utils";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
     title,
@@ -720,7 +730,7 @@ function ObjectFieldTemplate(props) {
   const gridSpacing = uiOptions?.gridSpacing;
   const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
   return /* @__PURE__ */ jsxs8(Container2, { id: fieldPathId.$id, p: 0, children: [
-    title && /* @__PURE__ */ jsx15(
+    title && /* @__PURE__ */ jsx16(
       TitleFieldTemplate,
       {
         id: titleId2(fieldPathId),
@@ -732,7 +742,7 @@ function ObjectFieldTemplate(props) {
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
-    description && /* @__PURE__ */ jsx15(
+    description && /* @__PURE__ */ jsx16(
       DescriptionFieldTemplate,
       {
         id: descriptionId(fieldPathId),
@@ -751,11 +761,11 @@ function ObjectFieldTemplate(props) {
         mb: "sm",
         children: [
           !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx15(Box5, { children: element.content }, element.name))
+          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx16(Box5, { children: element.content }, element.name))
         ]
       }
     ),
-    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx15(Group3, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ jsx15(
+    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx16(Group4, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ jsx16(
       AddButton2,
       {
         id: buttonId2(fieldPathId, "add"),
@@ -770,11 +780,11 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/templates/OptionalDataControlsTemplate.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       AddButton,
       {
         id,
@@ -785,8 +795,9 @@ function OptionalDataControlsTemplate(props) {
         title: label
       }
     );
-  } else if (onRemoveClick) {
-    return /* @__PURE__ */ jsx16(
+  }
+  if (onRemoveClick) {
+    return /* @__PURE__ */ jsx17(
       RemoveButton,
       {
         id,
@@ -798,19 +809,19 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx16("em", { id, children: label });
+  return /* @__PURE__ */ jsx17("em", { id, children: label });
 }
 
 // src/templates/TitleField.tsx
 import { Grid as Grid3, Title as Title3 } from "@mantine/core";
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 function TitleField(props) {
   const { id, title, optionalDataControl } = props;
-  let heading = title ? /* @__PURE__ */ jsx17(Title3, { id, order: 3, fw: "normal", children: title }) : null;
+  let heading = title ? /* @__PURE__ */ jsx18(Title3, { id, order: 3, fw: "normal", children: title }) : null;
   if (optionalDataControl) {
     heading = /* @__PURE__ */ jsxs9(Grid3, { children: [
-      /* @__PURE__ */ jsx17(Grid3.Col, { span: "auto", children: heading }),
-      /* @__PURE__ */ jsx17(Grid3.Col, { span: "content", children: optionalDataControl })
+      /* @__PURE__ */ jsx18(Grid3.Col, { span: "auto", children: heading }),
+      /* @__PURE__ */ jsx18(Grid3.Col, { span: "content", children: optionalDataControl })
     ] });
   }
   return heading;
@@ -818,13 +829,8 @@ function TitleField(props) {
 
 // src/templates/WrapIfAdditionalTemplate.tsx
 import { Flex as Flex2, Grid as Grid4, TextInput as TextInput2 } from "@mantine/core";
-import {
-  ADDITIONAL_PROPERTY_FLAG,
-  UI_OPTIONS_KEY,
-  buttonId as buttonId3,
-  TranslatableString as TranslatableString4
-} from "@rjsf/utils";
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { ADDITIONAL_PROPERTY_FLAG, UI_OPTIONS_KEY, buttonId as buttonId3, TranslatableString as TranslatableString5 } from "@rjsf/utils";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
@@ -845,19 +851,19 @@ function WrapIfAdditionalTemplate(props) {
   } = props;
   const { templates, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
-  const keyLabel = translateString(TranslatableString4.KeyLabel, [label]);
+  const keyLabel = translateString(TranslatableString5.KeyLabel, [label]);
   const additional = ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ jsx18("div", { className: classNames, style, children });
+    return /* @__PURE__ */ jsx19("div", { className: classNames, style, children });
   }
   const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
   const buttonUiOptions = {
     ...uiSchema,
     [UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ jsx18("div", { className: classNames, style, children: /* @__PURE__ */ jsxs10(Flex2, { gap: "xs", align: "end", justify: "center", children: [
+  return /* @__PURE__ */ jsx19("div", { className: classNames, style, children: /* @__PURE__ */ jsxs10(Flex2, { gap: "xs", align: "end", justify: "center", children: [
     /* @__PURE__ */ jsxs10(Grid4, { w: "100%", align: "center", children: [
-      /* @__PURE__ */ jsx18(Grid4.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(Grid4.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsx19(
         TextInput2,
         {
           className: "form-group",
@@ -872,9 +878,9 @@ function WrapIfAdditionalTemplate(props) {
         },
         label
       ) }),
-      /* @__PURE__ */ jsx18(Grid4.Col, { span: 6, className: "form-additional", children })
+      /* @__PURE__ */ jsx19(Grid4.Col, { span: 6, className: "form-additional", children })
     ] }),
-    /* @__PURE__ */ jsx18("div", { children: /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19("div", { children: /* @__PURE__ */ jsx19(
       RemoveButton2,
       {
         id: buttonId3(id, "remove"),
@@ -896,6 +902,7 @@ function generateTemplates() {
     ArrayFieldTemplate,
     ArrayFieldTitleTemplate,
     BaseInputTemplate,
+    CyclicSchemaExpandTemplate,
     ButtonTemplates: ButtonTemplates_default(),
     DescriptionFieldTemplate: DescriptionField,
     ErrorListTemplate: ErrorList,
@@ -928,7 +935,7 @@ import {
   optionId,
   titleId as titleId3
 } from "@rjsf/utils";
-import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function CheckboxesWidget(props) {
   const {
     id,
@@ -975,8 +982,8 @@ function CheckboxesWidget(props) {
   );
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
   return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx19(Input.Label, { id: titleId3(id), required, children: label }),
-    /* @__PURE__ */ jsx19(
+    !hideLabel && !!label && /* @__PURE__ */ jsx20(Input.Label, { id: titleId3(id), required, children: label }),
+    /* @__PURE__ */ jsx20(
       Checkbox.Group,
       {
         id,
@@ -987,19 +994,19 @@ function CheckboxesWidget(props) {
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
         "aria-describedby": ariaDescribedByIds2(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx19(Flex3, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx19(
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx20(Flex3, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx20(
           Checkbox,
           {
             id: optionId(id, i),
             name: htmlName || id,
             value: enumOptionValueEncoder(option.value, i, optionValueFormat),
             label: option.label,
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+            disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
             autoFocus: i === 0 && autofocus,
             onBlur: handleBlur,
             onFocus: handleFocus
           },
-          i
+          String(option.value)
         )) }) : null
       }
     )
@@ -1009,13 +1016,8 @@ function CheckboxesWidget(props) {
 // src/widgets/CheckboxWidget.tsx
 import { useCallback as useCallback3 } from "react";
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import {
-  descriptionId as descriptionId2,
-  getTemplate as getTemplate5,
-  labelValue as labelValue2,
-  ariaDescribedByIds as ariaDescribedByIds3
-} from "@rjsf/utils";
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { descriptionId as descriptionId2, getTemplate as getTemplate5, labelValue as labelValue2, ariaDescribedByIds as ariaDescribedByIds3 } from "@rjsf/utils";
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -1068,7 +1070,7 @@ function CheckboxWidget(props) {
   );
   const description = options.description || schema.description;
   return /* @__PURE__ */ jsxs12(Fragment3, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ jsx20(
+    !hideLabel && !!description && /* @__PURE__ */ jsx21(
       DescriptionFieldTemplate,
       {
         id: descriptionId2(id),
@@ -1078,7 +1080,7 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Checkbox2,
       {
         id,
@@ -1101,11 +1103,8 @@ function CheckboxWidget(props) {
 // src/widgets/ColorWidget.tsx
 import { useCallback as useCallback4 } from "react";
 import { ColorInput } from "@mantine/core";
-import {
-  labelValue as labelValue3,
-  ariaDescribedByIds as ariaDescribedByIds4
-} from "@rjsf/utils";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { labelValue as labelValue3, ariaDescribedByIds as ariaDescribedByIds4 } from "@rjsf/utils";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function ColorWidget(props) {
   const {
     id,
@@ -1134,7 +1133,7 @@ function ColorWidget(props) {
   const handleBlur = useCallback4(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1142,12 +1141,12 @@ function ColorWidget(props) {
   const handleFocus = useCallback4(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ColorInput,
     {
       id,
@@ -1170,66 +1169,63 @@ function ColorWidget(props) {
 }
 
 // src/widgets/DateTime/AltDateTimeWidget.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function AltDateTimeWidget(props) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx22(AltDateWidget2, { time: true, ...props });
+  return /* @__PURE__ */ jsx23(AltDateWidget2, { time: true, ...props });
 }
 
 // src/widgets/DateTime/AltDateWidget.tsx
-import { Flex as Flex4, Box as Box6, Group as Group4, Button as Button2, Select, Input as Input2 } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds5,
-  dateRangeOptions,
-  titleId as titleId4,
-  TranslatableString as TranslatableString5,
-  useAltDateWidgetProps
-} from "@rjsf/utils";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Flex as Flex4, Box as Box6, Group as Group5, Button as Button3, Select, Input as Input2 } from "@mantine/core";
+import { ariaDescribedByIds as ariaDescribedByIds5, dateRangeOptions, titleId as titleId4, TranslatableString as TranslatableString6, useAltDateWidgetProps } from "@rjsf/utils";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs13 } from "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 } = useAltDateWidgetProps(props);
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx23(Input2.Label, { id: titleId4(id), required, children: label }),
+    !hideLabel && !!label && /* @__PURE__ */ jsx24(Input2.Label, { id: titleId4(id), required, children: label }),
     /* @__PURE__ */ jsxs13(Flex4, { gap: "xs", align: "center", wrap: "nowrap", children: [
       elements.map((elemProps, i) => {
         const elemId = `${id}_${elemProps.type}`;
-        return /* @__PURE__ */ jsx23(Box6, { children: /* @__PURE__ */ jsx23(
-          Select,
-          {
-            id: elemId,
-            name: elemId,
-            placeholder: elemProps.type,
-            disabled: disabled || readonly,
-            data: 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": ariaDescribedByIds5(elemId)
-          }
-        ) }, i);
+        return (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsx24(Box6, { children: /* @__PURE__ */ jsx24(
+            Select,
+            {
+              id: elemId,
+              name: elemId,
+              placeholder: elemProps.type,
+              disabled: disabled || readonly,
+              data: 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": ariaDescribedByIds5(elemId)
+            }
+          ) }, i)
+        );
       }),
-      /* @__PURE__ */ jsxs13(Group4, { wrap: "nowrap", gap: 3, children: [
-        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx23(Button2, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(TranslatableString5.NowLabel) }),
-        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx23(Button2, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(TranslatableString5.ClearLabel) })
+      /* @__PURE__ */ jsxs13(Group5, { wrap: "nowrap", gap: 3, children: [
+        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx24(Button3, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(TranslatableString6.NowLabel) }),
+        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx24(Button3, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(TranslatableString6.ClearLabel) })
       ] })
     ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx23(Input2.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsx24(Input2.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
+    ))
   ] });
 }
 
 // src/widgets/DateTime/DateTimeInput.tsx
 import { useCallback as useCallback5 } from "react";
 import { DateInput } from "@mantine/dates";
-import {
-  ariaDescribedByIds as ariaDescribedByIds6,
-  labelValue as labelValue4
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds6, labelValue as labelValue4 } from "@rjsf/utils";
 import dayjs from "dayjs";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var dateParser = (input, format) => {
   if (!input) {
     return null;
@@ -1279,7 +1275,7 @@ function DateTimeInput(props) {
       onFocus(id, value);
     }
   }, [onFocus, id, value]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DateInput,
     {
       id,
@@ -1305,10 +1301,10 @@ function DateTimeInput(props) {
 }
 
 // src/widgets/DateTime/DateWidget.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function DateWidget(props) {
   const { valueFormat = "YYYY-MM-DD", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     DateTimeInput,
     {
       ...props,
@@ -1320,10 +1316,10 @@ function DateWidget(props) {
 }
 
 // src/widgets/DateTime/DateTimeWidget.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function DateTimeWidget(props) {
   const { valueFormat = "YYYY-MM-DD HH:mm:ss", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     DateTimeInput,
     {
       ...props,
@@ -1337,11 +1333,8 @@ function DateTimeWidget(props) {
 // src/widgets/DateTime/TimeWidget.tsx
 import { useCallback as useCallback6 } from "react";
 import { TimeInput } from "@mantine/dates";
-import {
-  labelValue as labelValue5,
-  ariaDescribedByIds as ariaDescribedByIds7
-} from "@rjsf/utils";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { labelValue as labelValue5, ariaDescribedByIds as ariaDescribedByIds7 } from "@rjsf/utils";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function TimeWidget(props) {
   const {
     id,
@@ -1370,7 +1363,7 @@ function TimeWidget(props) {
   const handleBlur = useCallback6(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1378,12 +1371,12 @@ function TimeWidget(props) {
   const handleFocus = useCallback6(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     TimeInput,
     {
       id,
@@ -1408,12 +1401,8 @@ function TimeWidget(props) {
 // src/widgets/FileWidget.tsx
 import { useCallback as useCallback7 } from "react";
 import { FileInput, Pill } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds8,
-  labelValue as labelValue6,
-  useFileWidgetProps
-} from "@rjsf/utils";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { ariaDescribedByIds as ariaDescribedByIds8, labelValue as labelValue6, useFileWidgetProps } from "@rjsf/utils";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function FileWidget(props) {
   const {
     id,
@@ -1443,11 +1432,14 @@ function FileWidget(props) {
   );
   const ValueComponent = useCallback7(() => {
     if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-      return /* @__PURE__ */ jsx28(Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ jsx28(Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
+      return /* @__PURE__ */ jsx29(Pill.Group, { children: filesInfo.map((file, index) => (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsx29(Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)
+      )) });
     }
     return null;
   }, [handleRemove, filesInfo]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     FileInput,
     {
       id,
@@ -1471,11 +1463,8 @@ function FileWidget(props) {
 // src/widgets/PasswordWidget.tsx
 import { useCallback as useCallback8 } from "react";
 import { PasswordInput } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds9,
-  labelValue as labelValue7
-} from "@rjsf/utils";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { ariaDescribedByIds as ariaDescribedByIds9, labelValue as labelValue7 } from "@rjsf/utils";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const {
     id,
@@ -1494,7 +1483,7 @@ function PasswordWidget(props) {
     onBlur,
     onFocus
   } = props;
-  const emptyValue = options.emptyValue;
+  const { emptyValue } = options;
   const themeProps = cleanupOptions(options);
   const handleChange = useCallback8(
     (e) => {
@@ -1505,7 +1494,7 @@ function PasswordWidget(props) {
   const handleBlur = useCallback8(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1513,12 +1502,12 @@ function PasswordWidget(props) {
   const handleFocus = useCallback8(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     PasswordInput,
     {
       id,
@@ -1550,7 +1539,7 @@ import {
   getOptionValueFormat as getOptionValueFormat2,
   optionId as optionId2
 } from "@rjsf/utils";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function RadioWidget(props) {
   const {
     id,
@@ -1582,7 +1571,7 @@ function RadioWidget(props) {
   const handleBlur = useCallback9(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onBlur(id, enumOptionValueDecoder2(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
@@ -1590,13 +1579,13 @@ function RadioWidget(props) {
   const handleFocus = useCallback9(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onFocus(id, enumOptionValueDecoder2(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
   );
   const selected = enumOptionsIndexForValue2(value, enumOptions);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Radio.Group,
     {
       id,
@@ -1609,18 +1598,18 @@ function RadioWidget(props) {
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       "aria-describedby": ariaDescribedByIds10(id),
       ...themeProps,
-      children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx30(Flex5, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx30(
+      children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx31(Flex5, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx31(
         Radio,
         {
           id: optionId2(id, i),
           value: enumOptionValueEncoder2(option.value, i, optionValueFormat),
           label: option.label,
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+          disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value),
           autoFocus: i === 0 && autofocus,
           onBlur: handleBlur,
           onFocus: handleFocus
         },
-        i
+        String(option.value)
       )) }) : null
     }
   );
@@ -1629,12 +1618,8 @@ function RadioWidget(props) {
 // src/widgets/RangeWidget.tsx
 import { useCallback as useCallback10 } from "react";
 import { Slider, Input as Input3 } from "@mantine/core";
-import {
-  ariaDescribedByIds as ariaDescribedByIds11,
-  rangeSpec,
-  titleId as titleId5
-} from "@rjsf/utils";
-import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
+import { ariaDescribedByIds as ariaDescribedByIds11, rangeSpec, titleId as titleId5 } from "@rjsf/utils";
+import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
     id,
@@ -1674,9 +1659,9 @@ function RangeWidget(props) {
     }
   }, [onFocus, id, value]);
   return /* @__PURE__ */ jsxs14(Fragment5, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx31(Input3.Label, { id: titleId5(id), required, children: label }),
-    options?.description && /* @__PURE__ */ jsx31(Input3.Description, { children: options.description }),
-    /* @__PURE__ */ jsx31(
+    !hideLabel && !!label && /* @__PURE__ */ jsx32(Input3.Label, { id: titleId5(id), required, children: label }),
+    options?.description && /* @__PURE__ */ jsx32(Input3.Description, { children: options.description }),
+    /* @__PURE__ */ jsx32(
       Slider,
       {
         id,
@@ -1694,7 +1679,10 @@ function RangeWidget(props) {
         "aria-describedby": ariaDescribedByIds11(id)
       }
     ),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx31(Input3.Error, { children: error }, `range-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsx32(Input3.Error, { children: error }, `range-widget-input-errors-${index}`)
+    ))
   ] });
 }
 
@@ -1707,9 +1695,11 @@ import {
   enumOptionValueDecoder as enumOptionValueDecoder3,
   enumOptionValueEncoder as enumOptionValueEncoder3,
   getOptionValueFormat as getOptionValueFormat3,
-  labelValue as labelValue8
+  labelValue as labelValue8,
+  logUnsupportedDefaultForEnum,
+  SelectedOptionDescription
 } from "@rjsf/utils";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
 function SelectWidget(props) {
   const {
     id,
@@ -1724,6 +1714,7 @@ function SelectWidget(props) {
     hideLabel,
     multiple,
     rawErrors,
+    schema,
     options,
     onChange,
     onBlur,
@@ -1732,6 +1723,7 @@ function SelectWidget(props) {
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = getOptionValueFormat3(options);
   const themeProps = cleanupOptions(options);
+  logUnsupportedDefaultForEnum(id, schema, enumOptions, multiple);
   const handleChange = useCallback11(
     (nextValue) => {
       if (!disabled && !readonly && onChange) {
@@ -1743,7 +1735,7 @@ function SelectWidget(props) {
   const handleBlur = useCallback11(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onBlur(id, enumOptionValueDecoder3(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onBlur, id, enumOptions, emptyValue, optionValueFormat]
@@ -1751,7 +1743,7 @@ function SelectWidget(props) {
   const handleFocus = useCallback11(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
+        onFocus(id, enumOptionValueDecoder3(target?.value, enumOptions, optionValueFormat, emptyValue));
       }
     },
     [onFocus, id, enumOptions, emptyValue, optionValueFormat]
@@ -1762,7 +1754,7 @@ function SelectWidget(props) {
         key: String(index),
         value: enumOptionValueEncoder3(option.value, index, optionValueFormat),
         label: option.label,
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1
+        disabled: Array.isArray(enumDisabled) && enumDisabled.includes(option.value)
       }));
     }
     return [];
@@ -1785,29 +1777,29 @@ function SelectWidget(props) {
     comboboxProps: { withinPortal: false },
     ...themeProps
   };
-  return multiple ? /* @__PURE__ */ jsx32(
-    MultiSelect,
-    {
-      ...sharedProps,
-      value: enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, [])
-    }
-  ) : /* @__PURE__ */ jsx32(
-    Select2,
-    {
-      ...sharedProps,
-      value: enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null)
-    }
-  );
+  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
+    /* @__PURE__ */ jsx33(SelectedOptionDescription, { ...props }),
+    multiple ? /* @__PURE__ */ jsx33(
+      MultiSelect,
+      {
+        ...sharedProps,
+        value: enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, [])
+      }
+    ) : /* @__PURE__ */ jsx33(
+      Select2,
+      {
+        ...sharedProps,
+        value: enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null)
+      }
+    )
+  ] });
 }
 
 // src/widgets/TextareaWidget.tsx
 import { useCallback as useCallback12 } from "react";
 import { Textarea } from "@mantine/core";
-import {
-  labelValue as labelValue9,
-  ariaDescribedByIds as ariaDescribedByIds13
-} from "@rjsf/utils";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { labelValue as labelValue9, ariaDescribedByIds as ariaDescribedByIds13 } from "@rjsf/utils";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function TextareaWidget(props) {
   const {
     id,
@@ -1838,7 +1830,7 @@ function TextareaWidget(props) {
   const handleBlur = useCallback12(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1846,12 +1838,12 @@ function TextareaWidget(props) {
   const handleFocus = useCallback12(
     ({ target }) => {
       if (onFocus) {
-        onFocus(id, target && target.value);
+        onFocus(id, target?.value);
       }
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Textarea,
     {
       id,