@rjsf/mantine 6.0.2 → 6.1.1

package/dist/index.cjs

@@ -43,7 +43,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Form/index.ts
-var import_core28 = require("@rjsf/core");
+var import_core29 = require("@rjsf/core");
 
 // src/templates/ArrayFieldItemTemplate.tsx
 var import_utils = require("@rjsf/utils");
@@ -145,13 +145,20 @@ var import_utils3 = require("@rjsf/utils");
 var import_core3 = require("@mantine/core");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function ArrayFieldTitleTemplate(props) {
-  const { fieldPathId, title, uiSchema, registry } = props;
+  const { fieldPathId, title, uiSchema, registry, optionalDataControl } = props;
   const options = (0, import_utils3.getUiOptions)(uiSchema, registry.globalUiOptions);
   const { label: displayLabel = true } = options;
   if (!title || !displayLabel) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Title, { id: (0, import_utils3.titleId)(fieldPathId), order: 4, fw: "normal", children: title });
+  let heading = title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Title, { id: (0, import_utils3.titleId)(fieldPathId), order: 4, fw: "normal", children: title }) : null;
+  if (optionalDataControl) {
+    heading = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Grid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Grid.Col, { span: "auto", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Grid.Col, { span: "content", children: optionalDataControl })
+    ] });
+  }
+  return heading;
 }
 
 // src/templates/BaseInputTemplate.tsx
@@ -164,6 +171,7 @@ var uiOptionsKeys = [
   "emptyValue",
   "classNames",
   "title",
+  "label",
   "help",
   "autocomplete",
   "disabled",
@@ -220,6 +228,7 @@ function BaseInputTemplate(props) {
     children
   } = props;
   const inputProps = (0, import_utils4.getInputProps)(schema, type, options, false);
+  const description = hideLabel ? void 0 : options.description || schema.description;
   const themeProps = cleanupOptions(options);
   const handleNumberChange = (0, import_react.useCallback)((value2) => onChange(value2), [onChange]);
   const handleChange = (0, import_react.useCallback)(
@@ -242,45 +251,40 @@ function BaseInputTemplate(props) {
     },
     [onFocus, id]
   );
+  const componentProps = {
+    id,
+    name: htmlName || id,
+    label: (0, import_utils4.labelValue)(label || void 0, hideLabel, false),
+    required,
+    autoFocus: autofocus,
+    disabled: disabled || readonly,
+    onBlur: !readonly ? handleBlur : void 0,
+    onFocus: !readonly ? handleFocus : void 0,
+    placeholder,
+    error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
+    list: schema.examples ? (0, import_utils4.examplesId)(id) : void 0
+  };
   const input = inputProps.type === "number" || inputProps.type === "integer" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_core4.NumberInput,
     {
-      id,
-      name: htmlName || id,
-      label: (0, import_utils4.labelValue)(label || void 0, hideLabel, false),
-      required,
-      autoFocus: autofocus,
-      disabled: disabled || readonly,
-      onBlur: !readonly ? handleBlur : void 0,
       onChange: !readonly ? handleNumberChange : void 0,
-      onFocus: !readonly ? handleFocus : void 0,
-      placeholder,
-      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      list: schema.examples ? (0, import_utils4.examplesId)(id) : void 0,
+      ...componentProps,
       ...inputProps,
       ...themeProps,
       step: typeof inputProps.step === "number" ? inputProps.step : 1,
       type: "text",
+      description,
       value,
       "aria-describedby": (0, import_utils4.ariaDescribedByIds)(id, !!schema.examples)
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_core4.TextInput,
     {
-      id,
-      name: htmlName || id,
-      label: (0, import_utils4.labelValue)(label || void 0, hideLabel, false),
-      required,
-      autoFocus: autofocus,
-      disabled: disabled || readonly,
-      onBlur: !readonly ? handleBlur : void 0,
       onChange: !readonly ? handleChange : void 0,
-      onFocus: !readonly ? handleFocus : void 0,
-      placeholder,
-      error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
-      list: schema.examples ? (0, import_utils4.examplesId)(id) : void 0,
+      ...componentProps,
       ...inputProps,
       ...themeProps,
+      description,
       value,
       "aria-describedby": (0, import_utils4.ariaDescribedByIds)(id, !!schema.examples)
     }
@@ -628,6 +632,8 @@ function FieldTemplate(props) {
       classNames,
       style,
       label,
+      displayLabel,
+      rawDescription,
       schema,
       uiSchema,
       registry,
@@ -644,32 +650,32 @@ function FieldTemplate(props) {
 // src/templates/FieldHelpTemplate.tsx
 var import_utils12 = require("@rjsf/utils");
 var import_core12 = require("@mantine/core");
+var import_core13 = require("@rjsf/core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
-  const { fieldPathId, help } = props;
+  const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  const id = (0, import_utils12.helpId)(fieldPathId);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Text, { id, size: "sm", my: "xs", c: "dimmed", children: help });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Text, { id: (0, import_utils12.helpId)(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core13.RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/templates/GridTemplate.tsx
-var import_core13 = require("@mantine/core");
+var import_core14 = require("@mantine/core");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function GridTemplate(props) {
   const { children, column, fluid = true, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core13.Grid.Col, { ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core14.Grid.Col, { ...rest, children });
   }
   if (fluid) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core13.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core13.Grid, { ...rest, children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core14.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core14.Grid, { ...rest, children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core13.Grid, { grow: true, ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_core14.Grid, { grow: true, ...rest, children });
 }
 
 // src/templates/ObjectFieldTemplate.tsx
-var import_core14 = require("@mantine/core");
+var import_core15 = require("@mantine/core");
 var import_utils13 = require("@rjsf/utils");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
@@ -702,7 +708,7 @@ function ObjectFieldTemplate(props) {
   const gridCols = typeof uiOptions?.gridCols === "number" && uiOptions?.gridCols || void 0;
   const gridSpacing = uiOptions?.gridSpacing;
   const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Container, { id: fieldPathId.$id, p: 0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core15.Container, { id: fieldPathId.$id, p: 0, children: [
     title && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       TitleFieldTemplate,
       {
@@ -726,7 +732,7 @@ function ObjectFieldTemplate(props) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      import_core14.SimpleGrid,
+      import_core15.SimpleGrid,
       {
         cols: gridCols,
         spacing: gridSpacing,
@@ -734,11 +740,11 @@ function ObjectFieldTemplate(props) {
         mb: "sm",
         children: [
           !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Box, { children: element.content }, element.name))
+          properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core15.Box, { children: element.content }, element.name))
         ]
       }
     ),
-    (0, import_utils13.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    (0, import_utils13.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core15.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       AddButton2,
       {
         id: (0, import_utils13.buttonId)(fieldPathId, "add"),
@@ -785,15 +791,15 @@ function OptionalDataControlsTemplate(props) {
 }
 
 // src/templates/TitleField.tsx
-var import_core15 = require("@mantine/core");
+var import_core16 = require("@mantine/core");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function TitleField(props) {
   const { id, title, optionalDataControl } = props;
-  let heading = title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core15.Title, { id, order: 3, fw: "normal", children: title }) : null;
+  let heading = title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Title, { id, order: 3, fw: "normal", children: title }) : null;
   if (optionalDataControl) {
-    heading = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core15.Grid, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core15.Grid.Col, { span: "auto", children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core15.Grid.Col, { span: "content", children: optionalDataControl })
+    heading = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_core16.Grid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Grid.Col, { span: "auto", children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_core16.Grid.Col, { span: "content", children: optionalDataControl })
     ] });
   }
   return heading;
@@ -801,7 +807,7 @@ function TitleField(props) {
 
 // src/templates/WrapIfAdditionalTemplate.tsx
 var import_utils14 = require("@rjsf/utils");
-var import_core16 = require("@mantine/core");
+var import_core17 = require("@mantine/core");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
@@ -809,6 +815,8 @@ function WrapIfAdditionalTemplate(props) {
     classNames,
     style,
     label,
+    displayLabel,
+    rawDescription,
     required,
     readonly,
     disabled,
@@ -831,24 +839,25 @@ function WrapIfAdditionalTemplate(props) {
     ...uiSchema,
     [import_utils14.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Flex, { gap: "xs", align: "end", justify: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core16.Grid, { w: "100%", align: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "form-group", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        import_core16.TextInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Flex, { gap: "xs", align: "end", justify: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core17.Grid, { w: "100%", align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_core17.TextInput,
         {
           className: "form-group",
-          label: keyLabel,
+          label: displayLabel ? keyLabel : void 0,
           defaultValue: label,
           required,
+          description: rawDescription ? "\xA0" : void 0,
           disabled: disabled || readonly,
           id: `${id}-key`,
           name: `${id}-key`,
           onBlur: !readonly ? onKeyRenameBlur : void 0
         }
-      ) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core16.Grid.Col, { span: 6, className: "form-additional", children })
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core17.Grid.Col, { span: 6, className: "form-additional", children })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       RemoveButton2,
       {
         id: (0, import_utils14.buttonId)(id, "remove"),
@@ -859,15 +868,15 @@ function WrapIfAdditionalTemplate(props) {
         uiSchema: buttonUiOptions,
         registry
       }
-    )
+    ) })
   ] }) });
 }
 
 // src/templates/MultiSchemaFieldTemplate.tsx
-var import_core17 = require("@mantine/core");
+var import_core18 = require("@mantine/core");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core17.Stack, { style: { marginBottom: "1rem" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_core18.Stack, { style: { marginBottom: "1rem" }, children: [
     selector,
     optionSchemaField
   ] });
@@ -909,19 +918,19 @@ function AltDateTimeWidget(props) {
 
 // src/widgets/DateTime/AltDateWidget.tsx
 var import_utils15 = require("@rjsf/utils");
-var import_core18 = require("@mantine/core");
+var import_core19 = require("@mantine/core");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function AltDateWidget(props) {
   const { id, required, disabled, readonly, label, hideLabel, rawErrors, options, registry } = props;
   const { translateString } = registry;
   const { elements, handleChange, handleClear, handleSetNow } = (0, import_utils15.useAltDateWidgetProps)(props);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Input.Label, { id: (0, import_utils15.titleId)(id), required, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core18.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Input.Label, { id: (0, import_utils15.titleId)(id), required, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core19.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
       elements.map((elemProps, i) => {
         const elemId = `${id}_${elemProps.type}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_core18.Select,
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_core19.Select,
           {
             id: elemId,
             name: elemId,
@@ -937,12 +946,12 @@ function AltDateWidget(props) {
           }
         ) }, i);
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core18.Group, { wrap: "nowrap", gap: 3, children: [
-        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils15.TranslatableString.NowLabel) }),
-        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils15.TranslatableString.ClearLabel) })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core19.Group, { wrap: "nowrap", gap: 3, children: [
+        (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(import_utils15.TranslatableString.NowLabel) }),
+        (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(import_utils15.TranslatableString.ClearLabel) })
       ] })
     ] }),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core18.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core19.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`))
   ] });
 }
 
@@ -1127,7 +1136,7 @@ function TimeWidget(props) {
 // src/widgets/CheckboxesWidget.tsx
 var import_react4 = require("react");
 var import_utils18 = require("@rjsf/utils");
-var import_core19 = require("@mantine/core");
+var import_core20 = require("@mantine/core");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function CheckboxesWidget(props) {
   const {
@@ -1174,9 +1183,9 @@ function CheckboxesWidget(props) {
   );
   const selectedIndexes = (0, import_utils18.enumOptionsIndexForValue)(value, enumOptions, true);
   return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core19.Input.Label, { id: (0, import_utils18.titleId)(id), required, children: label }),
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core20.Input.Label, { id: (0, import_utils18.titleId)(id), required, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      import_core19.Checkbox.Group,
+      import_core20.Checkbox.Group,
       {
         id,
         value: selectedIndexes,
@@ -1186,8 +1195,8 @@ function CheckboxesWidget(props) {
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
         "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core19.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_core19.Checkbox,
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_core20.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_core20.Checkbox,
           {
             id: (0, import_utils18.optionId)(id, i),
             name: htmlName || id,
@@ -1208,7 +1217,7 @@ function CheckboxesWidget(props) {
 // src/widgets/CheckboxWidget.tsx
 var import_react5 = require("react");
 var import_utils20 = require("@rjsf/utils");
-var import_core20 = require("@mantine/core");
+var import_core21 = require("@mantine/core");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
@@ -1273,7 +1282,7 @@ function CheckboxWidget(props) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      import_core20.Checkbox,
+      import_core21.Checkbox,
       {
         id,
         name: htmlName || name,
@@ -1295,7 +1304,7 @@ function CheckboxWidget(props) {
 // src/widgets/ColorWidget.tsx
 var import_react6 = require("react");
 var import_utils21 = require("@rjsf/utils");
-var import_core21 = require("@mantine/core");
+var import_core22 = require("@mantine/core");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function ColorWidget(props) {
   const {
@@ -1339,7 +1348,7 @@ function ColorWidget(props) {
     [onFocus, id]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_core21.ColorInput,
+    import_core22.ColorInput,
     {
       id,
       name,
@@ -1363,7 +1372,7 @@ function ColorWidget(props) {
 // src/widgets/FileWidget.tsx
 var import_react7 = require("react");
 var import_utils23 = require("@rjsf/utils");
-var import_core22 = require("@mantine/core");
+var import_core23 = require("@mantine/core");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function FileWidget(props) {
   const {
@@ -1394,12 +1403,12 @@ function FileWidget(props) {
   );
   const ValueComponent = (0, import_react7.useCallback)(() => {
     if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core22.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core22.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core23.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_core23.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
     }
     return null;
   }, [handleRemove, filesInfo]);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_core22.FileInput,
+    import_core23.FileInput,
     {
       id,
       name,
@@ -1422,7 +1431,7 @@ function FileWidget(props) {
 // src/widgets/PasswordWidget.tsx
 var import_react8 = require("react");
 var import_utils25 = require("@rjsf/utils");
-var import_core23 = require("@mantine/core");
+var import_core24 = require("@mantine/core");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function PasswordWidget(props) {
   const {
@@ -1467,7 +1476,7 @@ function PasswordWidget(props) {
     [onFocus, id]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_core23.PasswordInput,
+    import_core24.PasswordInput,
     {
       id,
       name,
@@ -1490,7 +1499,7 @@ function PasswordWidget(props) {
 // src/widgets/RadioWidget.tsx
 var import_react9 = require("react");
 var import_utils27 = require("@rjsf/utils");
-var import_core24 = require("@mantine/core");
+var import_core25 = require("@mantine/core");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function RadioWidget(props) {
   const {
@@ -1537,7 +1546,7 @@ function RadioWidget(props) {
   );
   const selected = (0, import_utils27.enumOptionsIndexForValue)(value, enumOptions);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    import_core24.Radio.Group,
+    import_core25.Radio.Group,
     {
       id,
       name: htmlName || id,
@@ -1549,8 +1558,8 @@ function RadioWidget(props) {
       error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
       "aria-describedby": (0, import_utils27.ariaDescribedByIds)(id),
       ...themeProps,
-      children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core24.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-        import_core24.Radio,
+      children: Array.isArray(enumOptions) ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core25.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_core25.Radio,
         {
           id: (0, import_utils27.optionId)(id, i),
           value: String(i),
@@ -1569,7 +1578,7 @@ function RadioWidget(props) {
 // src/widgets/RangeWidget.tsx
 var import_react10 = require("react");
 var import_utils29 = require("@rjsf/utils");
-var import_core25 = require("@mantine/core");
+var import_core26 = require("@mantine/core");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
@@ -1610,10 +1619,10 @@ function RangeWidget(props) {
     }
   }, [onFocus, id, value]);
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core25.Input.Label, { id: (0, import_utils29.titleId)(id), required, children: label }),
-    options?.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core25.Input.Description, { children: options.description }),
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core26.Input.Label, { id: (0, import_utils29.titleId)(id), required, children: label }),
+    options?.description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core26.Input.Description, { children: options.description }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-      import_core25.Slider,
+      import_core26.Slider,
       {
         id,
         name,
@@ -1630,14 +1639,14 @@ function RangeWidget(props) {
         "aria-describedby": (0, import_utils29.ariaDescribedByIds)(id)
       }
     ),
-    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core25.Input.Error, { children: error }, `range-widget-input-errors-${index}`))
+    rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_core26.Input.Error, { children: error }, `range-widget-input-errors-${index}`))
   ] });
 }
 
 // src/widgets/SelectWidget.tsx
 var import_react11 = require("react");
 var import_utils31 = require("@rjsf/utils");
-var import_core26 = require("@mantine/core");
+var import_core27 = require("@mantine/core");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function SelectWidget(props) {
   const {
@@ -1696,7 +1705,7 @@ function SelectWidget(props) {
     }
     return [];
   }, [enumDisabled, enumOptions]);
-  const Component = multiple ? import_core26.MultiSelect : import_core26.Select;
+  const Component = multiple ? import_core27.MultiSelect : import_core27.Select;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Component,
     {
@@ -1724,7 +1733,7 @@ function SelectWidget(props) {
 // src/widgets/TextareaWidget.tsx
 var import_react12 = require("react");
 var import_utils33 = require("@rjsf/utils");
-var import_core27 = require("@mantine/core");
+var import_core28 = require("@mantine/core");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function TextareaWidget(props) {
   const {
@@ -1770,7 +1779,7 @@ function TextareaWidget(props) {
     [onFocus, id]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_core27.Textarea,
+    import_core28.Textarea,
     {
       id,
       name: htmlName || name,
@@ -1823,7 +1832,7 @@ var Theme_default = generateTheme();
 
 // src/Form/index.ts
 function generateForm() {
-  return (0, import_core28.withTheme)(generateTheme());
+  return (0, import_core29.withTheme)(generateTheme());
 }
 var Form_default = generateForm();