@rjsf/mantine 6.0.0-beta.20 → 6.0.0-beta.21

package/dist/mantine.esm.js

@@ -37,6 +37,7 @@ function ArrayFieldTemplate(props) {
     disabled,
     fieldPathId,
     items,
+    optionalDataControl,
     onAddClick,
     readonly,
     required,
@@ -61,6 +62,7 @@ function ArrayFieldTemplate(props) {
     registry,
     uiOptions
   );
+  const showOptionalDataControlInTitle = !readonly && !disabled;
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
@@ -72,7 +74,8 @@ function ArrayFieldTemplate(props) {
       title: uiOptions.title || title,
       schema,
       uiSchema,
-      registry
+      registry,
+      optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
     }
   );
   return /* @__PURE__ */ jsxs2(Fieldset, { legend, className, id: fieldPathId.$id, children: [
@@ -86,7 +89,10 @@ function ArrayFieldTemplate(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx2(Box2, { className: "row rjsf-array-item-list", children: items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx2(ArrayFieldItemTemplate2, { ...itemProps }, key)) }),
+    /* @__PURE__ */ jsxs2(Box2, { className: "row rjsf-array-item-list", children: [
+      !showOptionalDataControlInTitle ? optionalDataControl : void 0,
+      items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx2(ArrayFieldItemTemplate2, { ...itemProps }, key))
+    ] }),
     canAdd && /* @__PURE__ */ jsx2(Group2, { justify: "flex-end", children: /* @__PURE__ */ jsx2(
       AddButton2,
       {
@@ -654,6 +660,7 @@ function ObjectFieldTemplate(props) {
     description,
     disabled,
     properties,
+    optionalDataControl,
     onAddClick,
     readonly,
     required,
@@ -670,6 +677,7 @@ function ObjectFieldTemplate(props) {
     registry,
     uiOptions
   );
+  const showOptionalDataControlInTitle = !readonly && !disabled;
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
@@ -685,7 +693,8 @@ function ObjectFieldTemplate(props) {
         required,
         schema,
         uiSchema,
-        registry
+        registry,
+        optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
     description && /* @__PURE__ */ jsx15(
@@ -698,14 +707,17 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs6(
       SimpleGrid,
       {
         cols: gridCols,
         spacing: gridSpacing,
         verticalSpacing: gridVerticalSpacing,
         mb: "sm",
-        children: properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx15(Box5, { children: element.content }, element.name))
+        children: [
+          !showOptionalDataControlInTitle ? optionalDataControl : void 0,
+          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx15(Box5, { children: element.content }, element.name))
+        ]
       }
     ),
     canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx15(Group3, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ jsx15(
@@ -722,12 +734,51 @@ function ObjectFieldTemplate(props) {
   ] });
 }
 
-// src/templates/TitleField.tsx
-import { Title as Title3 } from "@mantine/core";
+// src/templates/OptionalDataControlsTemplate.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
+function OptionalDataControlsTemplate(props) {
+  const { id, registry, label, onAddClick, onRemoveClick } = props;
+  if (onAddClick) {
+    return /* @__PURE__ */ jsx16(
+      AddButton,
+      {
+        id,
+        registry,
+        icon: "plus",
+        className: "rjsf-add-optional-data",
+        onClick: onAddClick,
+        title: label
+      }
+    );
+  } else if (onRemoveClick) {
+    return /* @__PURE__ */ jsx16(
+      RemoveButton,
+      {
+        id,
+        registry,
+        icon: "remove",
+        className: "rjsf-remove-optional-data",
+        onClick: onRemoveClick,
+        title: label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx16("em", { id, children: label });
+}
+
+// src/templates/TitleField.tsx
+import { Grid as Grid2, Title as Title3 } from "@mantine/core";
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 function TitleField(props) {
-  const { id, title } = props;
-  return title ? /* @__PURE__ */ jsx16(Title3, { id, order: 3, fw: "normal", children: title }) : null;
+  const { id, title, optionalDataControl } = props;
+  let heading = title ? /* @__PURE__ */ jsx17(Title3, { id, order: 3, fw: "normal", children: title }) : null;
+  if (optionalDataControl) {
+    heading = /* @__PURE__ */ jsxs7(Grid2, { children: [
+      /* @__PURE__ */ jsx17(Grid2.Col, { span: "auto", children: heading }),
+      /* @__PURE__ */ jsx17(Grid2.Col, { span: "content", children: optionalDataControl })
+    ] });
+  }
+  return heading;
 }
 
 // src/templates/WrapIfAdditionalTemplate.tsx
@@ -738,8 +789,8 @@ import {
   buttonId as buttonId3,
   TranslatableString as TranslatableString4
 } from "@rjsf/utils";
-import { Flex as Flex2, Grid as Grid2, TextInput as TextInput2 } from "@mantine/core";
-import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Flex as Flex2, Grid as Grid3, TextInput as TextInput2 } from "@mantine/core";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
     id,
@@ -765,16 +816,16 @@ function WrapIfAdditionalTemplate(props) {
     [onKeyChange]
   );
   if (!additional) {
-    return /* @__PURE__ */ jsx17("div", { className: classNames, style, children });
+    return /* @__PURE__ */ jsx18("div", { className: classNames, style, children });
   }
   const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
   const buttonUiOptions = {
     ...uiSchema,
     [UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ jsx17("div", { className: classNames, style, children: /* @__PURE__ */ jsxs7(Flex2, { gap: "xs", align: "end", justify: "center", children: [
-    /* @__PURE__ */ jsxs7(Grid2, { w: "100%", align: "center", children: [
-      /* @__PURE__ */ jsx17(Grid2.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsx17("div", { className: "form-group", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { className: classNames, style, children: /* @__PURE__ */ jsxs8(Flex2, { gap: "xs", align: "end", justify: "center", children: [
+    /* @__PURE__ */ jsxs8(Grid3, { w: "100%", align: "center", children: [
+      /* @__PURE__ */ jsx18(Grid3.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsx18("div", { className: "form-group", children: /* @__PURE__ */ jsx18(
         TextInput2,
         {
           className: "form-group",
@@ -787,9 +838,9 @@ function WrapIfAdditionalTemplate(props) {
           onBlur: !readonly ? handleBlur : void 0
         }
       ) }) }),
-      /* @__PURE__ */ jsx17(Grid2.Col, { span: 6, className: "form-additional", children })
+      /* @__PURE__ */ jsx18(Grid3.Col, { span: 6, className: "form-additional", children })
     ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       RemoveButton2,
       {
         id: buttonId3(id, "remove"),
@@ -806,9 +857,9 @@ function WrapIfAdditionalTemplate(props) {
 
 // src/templates/MultiSchemaFieldTemplate.tsx
 import { Stack } from "@mantine/core";
-import { jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsxs as jsxs9 } from "react/jsx-runtime";
 function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
-  return /* @__PURE__ */ jsxs8(Stack, { style: { marginBottom: "1rem" }, children: [
+  return /* @__PURE__ */ jsxs9(Stack, { style: { marginBottom: "1rem" }, children: [
     selector,
     optionSchemaField
   ] });
@@ -829,6 +880,7 @@ function generateTemplates() {
     FieldHelpTemplate,
     GridTemplate,
     ObjectFieldTemplate,
+    OptionalDataControlsTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate,
     MultiSchemaFieldTemplate
@@ -852,7 +904,7 @@ import {
   TranslatableString as TranslatableString5
 } from "@rjsf/utils";
 import { Flex as Flex3, Box as Box6, Group as Group4, Button as Button2, Select, Input } from "@mantine/core";
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 function readyForChange(state) {
   return Object.values(state).every((value) => value !== -1);
 }
@@ -901,9 +953,9 @@ function AltDateWidget(props) {
       onChange("");
     }
   }, [disabled, readonly, onChange]);
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx18(Input.Label, { id: titleId3(id), required, children: label }),
-    /* @__PURE__ */ jsxs9(Flex3, { gap: "xs", align: "center", wrap: "nowrap", children: [
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ jsx19(Input.Label, { id: titleId3(id), required, children: label }),
+    /* @__PURE__ */ jsxs10(Flex3, { gap: "xs", align: "center", wrap: "nowrap", children: [
       getDateElementProps(
         state,
         showTime,
@@ -911,7 +963,7 @@ function AltDateWidget(props) {
         options.format
       ).map((elemProps, i) => {
         const elemId = id + "_" + elemProps.type;
-        return /* @__PURE__ */ jsx18(Box6, { children: /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(Box6, { children: /* @__PURE__ */ jsx19(
           Select,
           {
             id: elemId,
@@ -928,12 +980,12 @@ function AltDateWidget(props) {
           }
         ) }, i);
       }),
-      /* @__PURE__ */ jsxs9(Group4, { wrap: "nowrap", gap: 3, children: [
-        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx18(Button2, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(TranslatableString5.NowLabel) }),
-        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx18(Button2, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(TranslatableString5.ClearLabel) })
+      /* @__PURE__ */ jsxs10(Group4, { wrap: "nowrap", gap: 3, children: [
+        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsx19(Button2, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(TranslatableString5.NowLabel) }),
+        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsx19(Button2, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(TranslatableString5.ClearLabel) })
       ] })
     ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx18(Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx19(Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
   ] });
 }
 AltDateWidget.defaultProps = {
@@ -941,10 +993,10 @@ AltDateWidget.defaultProps = {
 };
 
 // src/widgets/DateTime/AltDateTimeWidget.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function AltDateTimeWidget(props) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ jsx19(AltDateWidget2, { showTime: true, ...props });
+  return /* @__PURE__ */ jsx20(AltDateWidget2, { showTime: true, ...props });
 }
 AltDateTimeWidget.defaultProps = {
   ...AltDateWidget?.defaultProps,
@@ -959,7 +1011,7 @@ import {
 } from "@rjsf/utils";
 import dayjs from "dayjs";
 import { DateInput } from "@mantine/dates";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var dateParser = (input, format) => {
   if (!input) {
     return null;
@@ -1009,7 +1061,7 @@ function DateTimeInput(props) {
       onFocus(id, value);
     }
   }, [onFocus, id, value]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DateInput,
     {
       id,
@@ -1035,10 +1087,10 @@ function DateTimeInput(props) {
 }
 
 // src/widgets/DateTime/DateWidget.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function DateWidget(props) {
   const { valueFormat = "YYYY-MM-DD", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     DateTimeInput,
     {
       ...props,
@@ -1050,10 +1102,10 @@ function DateWidget(props) {
 }
 
 // src/widgets/DateTime/DateTimeWidget.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function DateTimeWidget(props) {
   const { valueFormat = "YYYY-MM-DD HH:mm:ss", displayFormat, ...otherOptions } = props.options;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     DateTimeInput,
     {
       ...props,
@@ -1071,7 +1123,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds4
 } from "@rjsf/utils";
 import { TimeInput } from "@mantine/dates";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function TimeWidget(props) {
   const {
     id,
@@ -1113,7 +1165,7 @@ function TimeWidget(props) {
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     TimeInput,
     {
       id,
@@ -1145,7 +1197,7 @@ import {
   titleId as titleId4
 } from "@rjsf/utils";
 import { Checkbox, Flex as Flex4, Input as Input2 } from "@mantine/core";
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 function CheckboxesWidget(props) {
   const {
     id,
@@ -1189,9 +1241,9 @@ function CheckboxesWidget(props) {
     [onFocus, id, enumOptions, emptyValue]
   );
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx24(Input2.Label, { id: titleId4(id), required, children: label }),
-    /* @__PURE__ */ jsx24(
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ jsx25(Input2.Label, { id: titleId4(id), required, children: label }),
+    /* @__PURE__ */ jsx25(
       Checkbox.Group,
       {
         id,
@@ -1202,7 +1254,7 @@ function CheckboxesWidget(props) {
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
         "aria-describedby": ariaDescribedByIds5(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx24(Flex4, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx24(
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx25(Flex4, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx25(
           Checkbox,
           {
             id: optionId(id, i),
@@ -1230,7 +1282,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds6
 } from "@rjsf/utils";
 import { Checkbox as Checkbox2 } from "@mantine/core";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -1282,8 +1334,8 @@ function CheckboxWidget(props) {
     [onFocus, id]
   );
   const description = options.description || schema.description;
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ jsx26(
       DescriptionFieldTemplate,
       {
         id: descriptionId2(id),
@@ -1293,7 +1345,7 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       Checkbox2,
       {
         id,
@@ -1321,7 +1373,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds7
 } from "@rjsf/utils";
 import { ColorInput } from "@mantine/core";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function ColorWidget(props) {
   const {
     id,
@@ -1363,7 +1415,7 @@ function ColorWidget(props) {
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     ColorInput,
     {
       id,
@@ -1393,7 +1445,7 @@ import {
   labelValue as labelValue6
 } from "@rjsf/utils";
 import { FileInput, Pill } from "@mantine/core";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function addNameToDataURL(dataURL, name) {
   if (dataURL === null) {
     return null;
@@ -1499,13 +1551,13 @@ function FileWidget(props) {
     (props2) => {
       const filesInfo = props2.value ? extractFileInfo(Array.isArray(props2.value) ? props2.value : [props2.value]) : null;
       if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-        return /* @__PURE__ */ jsx27(Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ jsx27(Pill, { withRemoveButton: true, onRemove: () => handleRemoveFile(index), children: file.name }, index)) });
+        return /* @__PURE__ */ jsx28(Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ jsx28(Pill, { withRemoveButton: true, onRemove: () => handleRemoveFile(index), children: file.name }, index)) });
       }
       return null;
     },
     [handleRemoveFile]
   );
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     FileInput,
     {
       id,
@@ -1533,7 +1585,7 @@ import {
   labelValue as labelValue7
 } from "@rjsf/utils";
 import { PasswordInput } from "@mantine/core";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function PasswordWidget(props) {
   const {
     id,
@@ -1576,7 +1628,7 @@ function PasswordWidget(props) {
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     PasswordInput,
     {
       id,
@@ -1606,7 +1658,7 @@ import {
   optionId as optionId2
 } from "@rjsf/utils";
 import { Radio, Flex as Flex5 } from "@mantine/core";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function RadioWidget(props) {
   const {
     id,
@@ -1650,7 +1702,7 @@ function RadioWidget(props) {
     [onFocus, id, enumOptions, emptyValue]
   );
   const selected = enumOptionsIndexForValue2(value, enumOptions);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     Radio.Group,
     {
       id,
@@ -1663,7 +1715,7 @@ function RadioWidget(props) {
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       "aria-describedby": ariaDescribedByIds10(id),
       ...themeProps,
-      children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx29(Flex5, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx29(
+      children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsx30(Flex5, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsx30(
         Radio,
         {
           id: optionId2(id, i),
@@ -1688,7 +1740,7 @@ import {
   titleId as titleId5
 } from "@rjsf/utils";
 import { Slider, Input as Input3 } from "@mantine/core";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
     id,
@@ -1727,10 +1779,10 @@ function RangeWidget(props) {
       onFocus(id, value);
     }
   }, [onFocus, id, value]);
-  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx30(Input3.Label, { id: titleId5(id), required, children: label }),
-    options?.description && /* @__PURE__ */ jsx30(Input3.Description, { children: options.description }),
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs13(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(
       Slider,
       {
         id,
@@ -1748,7 +1800,7 @@ function RangeWidget(props) {
         "aria-describedby": ariaDescribedByIds11(id)
       }
     ),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx30(Input3.Error, { children: error }, `range-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsx31(Input3.Error, { children: error }, `range-widget-input-errors-${index}`))
   ] });
 }
 
@@ -1761,7 +1813,7 @@ import {
   labelValue as labelValue8
 } from "@rjsf/utils";
 import { Select as Select2, MultiSelect } from "@mantine/core";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function SelectWidget(props) {
   const {
     id,
@@ -1819,7 +1871,7 @@ function SelectWidget(props) {
     return [];
   }, [enumDisabled, enumOptions]);
   const Component = multiple ? MultiSelect : Select2;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Component,
     {
       id,
@@ -1850,7 +1902,7 @@ import {
   ariaDescribedByIds as ariaDescribedByIds13
 } from "@rjsf/utils";
 import { Textarea } from "@mantine/core";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function TextareaWidget(props) {
   const {
     id,
@@ -1893,7 +1945,7 @@ function TextareaWidget(props) {
     },
     [onFocus, id]
   );
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Textarea,
     {
       id,