@rjsf/mantine 6.6.2 → 6.7.1

package/dist/mantine.esm.js

@@ -202,13 +202,13 @@ function BaseInputTemplate(props) {
   );
   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]
   );
@@ -533,37 +533,58 @@ 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) => (
+      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__ */ jsx10(List.Item, { c: "red", children: error.stack }, `error-${index}`)
+        /* @__PURE__ */ jsx11(List.Item, { c: "red", children: error.stack }, `error-${index}`)
       )) })
     }
   );
@@ -572,15 +593,15 @@ 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) => (
+  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__ */ jsx11(List2.Item, { children: error }, `field-error-${index}`)
+    /* @__PURE__ */ jsx12(List2.Item, { children: error }, `field-error-${index}`)
   )) }) });
 }
 
@@ -588,19 +609,19 @@ function FieldErrorTemplate({ errors, fieldPathId }) {
 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 { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
     id,
@@ -626,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,
@@ -652,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
@@ -675,9 +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 { 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 jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
     title,
@@ -709,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),
@@ -721,7 +742,7 @@ function ObjectFieldTemplate(props) {
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
-    description && /* @__PURE__ */ jsx15(
+    description && /* @__PURE__ */ jsx16(
       DescriptionFieldTemplate,
       {
         id: descriptionId(fieldPathId),
@@ -740,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"),
@@ -759,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,
@@ -776,7 +797,7 @@ function OptionalDataControlsTemplate(props) {
     );
   }
   if (onRemoveClick) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       RemoveButton,
       {
         id,
@@ -788,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;
@@ -808,8 +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,
@@ -830,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",
@@ -857,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"),
@@ -881,6 +902,7 @@ function generateTemplates() {
     ArrayFieldTemplate,
     ArrayFieldTitleTemplate,
     BaseInputTemplate,
+    CyclicSchemaExpandTemplate,
     ButtonTemplates: ButtonTemplates_default(),
     DescriptionFieldTemplate: DescriptionField,
     ErrorListTemplate: ErrorList,
@@ -913,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,
@@ -960,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,
@@ -972,7 +994,7 @@ 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),
@@ -995,7 +1017,7 @@ function CheckboxesWidget(props) {
 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 { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -1048,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),
@@ -1058,7 +1080,7 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Checkbox2,
       {
         id,
@@ -1082,7 +1104,7 @@ function CheckboxWidget(props) {
 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 { jsx as jsx22 } from "react/jsx-runtime";
 function ColorWidget(props) {
   const {
     id,
@@ -1111,7 +1133,7 @@ function ColorWidget(props) {
   const handleBlur = useCallback4(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1119,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,
@@ -1147,28 +1169,28 @@ 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 (
           // oxlint-disable-next-line react/no-array-index-key
-          /* @__PURE__ */ jsx23(Box6, { children: /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(Box6, { children: /* @__PURE__ */ jsx24(
             Select,
             {
               id: elemId,
@@ -1186,14 +1208,14 @@ function AltDateWidget(props) {
           ) }, 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) => (
       // oxlint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ jsx23(Input2.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
+      /* @__PURE__ */ jsx24(Input2.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
     ))
   ] });
 }
@@ -1203,7 +1225,7 @@ import { useCallback as useCallback5 } from "react";
 import { DateInput } from "@mantine/dates";
 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;
@@ -1253,7 +1275,7 @@ function DateTimeInput(props) {
       onFocus(id, value);
     }
   }, [onFocus, id, value]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     DateInput,
     {
       id,
@@ -1279,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,
@@ -1294,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,
@@ -1312,7 +1334,7 @@ function DateTimeWidget(props) {
 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 { jsx as jsx28 } from "react/jsx-runtime";
 function TimeWidget(props) {
   const {
     id,
@@ -1341,7 +1363,7 @@ function TimeWidget(props) {
   const handleBlur = useCallback6(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1349,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,
@@ -1380,7 +1402,7 @@ function TimeWidget(props) {
 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 { jsx as jsx29 } from "react/jsx-runtime";
 function FileWidget(props) {
   const {
     id,
@@ -1410,14 +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) => (
+      return /* @__PURE__ */ jsx29(Pill.Group, { children: filesInfo.map((file, index) => (
         // oxlint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ jsx28(Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)
+        /* @__PURE__ */ jsx29(Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)
       )) });
     }
     return null;
   }, [handleRemove, filesInfo]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     FileInput,
     {
       id,
@@ -1442,7 +1464,7 @@ function FileWidget(props) {
 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 { jsx as jsx30 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const {
     id,
@@ -1472,7 +1494,7 @@ function PasswordWidget(props) {
   const handleBlur = useCallback8(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1480,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,
@@ -1517,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,
@@ -1549,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]
@@ -1557,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,
@@ -1576,7 +1598,7 @@ 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),
@@ -1597,7 +1619,7 @@ function RadioWidget(props) {
 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 { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
     id,
@@ -1637,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,
@@ -1659,7 +1681,7 @@ function RangeWidget(props) {
     ),
     rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => (
       // oxlint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ jsx31(Input3.Error, { children: error }, `range-widget-input-errors-${index}`)
+      /* @__PURE__ */ jsx32(Input3.Error, { children: error }, `range-widget-input-errors-${index}`)
     ))
   ] });
 }
@@ -1673,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,
@@ -1690,6 +1714,7 @@ function SelectWidget(props) {
     hideLabel,
     multiple,
     rawErrors,
+    schema,
     options,
     onChange,
     onBlur,
@@ -1698,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) {
@@ -1709,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]
@@ -1717,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]
@@ -1751,26 +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 { jsx as jsx34 } from "react/jsx-runtime";
 function TextareaWidget(props) {
   const {
     id,
@@ -1801,7 +1830,7 @@ function TextareaWidget(props) {
   const handleBlur = useCallback12(
     ({ target }) => {
       if (onBlur) {
-        onBlur(id, target && target.value);
+        onBlur(id, target?.value);
       }
     },
     [onBlur, id]
@@ -1809,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,