@rjsf/mantine 6.6.1 → 6.7.0

package/dist/mantine.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('@mantine/core'), require('@rjsf/utils'), require('react/jsx-runtime'), require('react'), require('dayjs'), require('dayjs/plugin/customParseFormat'), require('@mantine/dates')) :
   typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', '@mantine/core', '@rjsf/utils', 'react/jsx-runtime', 'react', 'dayjs', 'dayjs/plugin/customParseFormat', '@mantine/dates'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/mantine"] = {}, global.core, global.core$1, global.utils, global.jsxRuntime, global.react, global.dayjs, global.customParseFormat, global.dates));
-})(this, (function (exports, core, core$1, utils, jsxRuntime, react, dayjs, customParseFormat, dates) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/mantine"] = {}, global.core$1, global.core, global.utils, global.jsxRuntime, global.react, global.dayjs, global.customParseFormat, global.dates));
+})(this, (function (exports, core$1, core, utils, jsxRuntime, react, dayjs, customParseFormat, dates) { 'use strict';
 
   // src/Form/index.ts
   function ArrayFieldItemTemplate(props) {
@@ -13,9 +13,9 @@
       registry,
       uiOptions
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { className: className || "rjsf-array-item", mb: "xs", children: /* @__PURE__ */ jsxRuntime.jsxs(core$1.Flex, { gap: "xs", align: "end", justify: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { w: "100%", children }),
-      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(core$1.Group, { wrap: "nowrap", gap: 2, mb: 7, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) })
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { className: className || "rjsf-array-item", mb: "xs", children: /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { gap: "xs", align: "end", justify: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.Box, { w: "100%", children }),
+      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(core.Group, { wrap: "nowrap", gap: 2, mb: 7, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) })
     ] }) }, `array-item-${index}`);
   }
   function ArrayFieldTemplate(props) {
@@ -61,7 +61,7 @@
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     );
-    return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Fieldset, { legend, className, id: fieldPathId.$id, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Fieldset, { legend, className, id: fieldPathId.$id, children: [
       (uiOptions.description || schema.description) && /* @__PURE__ */ jsxRuntime.jsx(
         ArrayFieldDescriptionTemplate,
         {
@@ -72,11 +72,11 @@
           registry
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(core$1.Box, { className: "row rjsf-array-item-list", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { className: "row rjsf-array-item-list", children: [
         !showOptionalDataControlInTitle ? optionalDataControl : void 0,
         items
       ] }),
-      canAdd && /* @__PURE__ */ jsxRuntime.jsx(core$1.Group, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      canAdd && /* @__PURE__ */ jsxRuntime.jsx(core.Group, { justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
         AddButton2,
         {
           id: utils.buttonId(fieldPathId, "add"),
@@ -97,11 +97,11 @@
     if (!title || !displayLabel) {
       return null;
     }
-    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { id: utils.titleId(fieldPathId), order: 4, fw: "normal", children: title }) : null;
+    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core.Title, { id: utils.titleId(fieldPathId), order: 4, fw: "normal", children: title }) : null;
     if (optionalDataControl) {
-      heading = /* @__PURE__ */ jsxRuntime.jsxs(core$1.Grid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "auto", children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "content", children: optionalDataControl })
+      heading = /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "auto", children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: optionalDataControl })
       ] });
     }
     return heading;
@@ -172,24 +172,24 @@
     const inputProps = utils.getInputProps(schema, type, options, false);
     const description = hideLabel ? void 0 : options.description || schema.description;
     const themeProps = cleanupOptions(options);
-    const handleNumberChange = react.useCallback((value2) => onChange(value2), [onChange]);
+    const handleNumberChange = react.useCallback((newValue) => onChange(newValue), [onChange]);
     const handleChange = react.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 = react.useCallback(
       (e) => {
-        onBlur(id, e.target && e.target.value);
+        onBlur(id, e.target?.value);
       },
       [onBlur, id]
     );
     const handleFocus = react.useCallback(
       (e) => {
-        onFocus(id, e.target && e.target.value);
+        onFocus(id, e.target?.value);
       },
       [onFocus, id]
     );
@@ -216,7 +216,7 @@
     };
     const { min, max, ...restInputProps } = inputProps;
     const input = inputProps.type === "number" || inputProps.type === "integer" ? /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.NumberInput,
+      core.NumberInput,
       {
         onChange: !readonly ? handleNumberChange : void 0,
         ...componentProps,
@@ -231,7 +231,7 @@
         "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.TextInput,
+      core.TextInput,
       {
         onChange: !readonly ? handleChange : void 0,
         ...componentProps,
@@ -246,7 +246,7 @@
       input,
       options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsxRuntime.jsx(ClearButton2, { registry, onClick: handleClear }),
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(core.SchemaExamples, { id, schema })
+      /* @__PURE__ */ jsxRuntime.jsx(core$1.SchemaExamples, { id, schema })
     ] });
   }
   function Plus({ size, style, ...others }) {
@@ -391,10 +391,10 @@
       }
     );
   }
-  function IconButton(props) {
+  function IconButtonFn(props) {
     const { icon, iconType = "sm", color, onClick, uiSchema, registry, ...otherProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.ActionIcon,
+      core.ActionIcon,
       {
         size: iconType,
         color,
@@ -404,13 +404,16 @@
       }
     );
   }
-  function CopyButton(props) {
+  var IconButton = react.memo(IconButtonFn);
+  var IconButton_default = IconButton;
+  function CopyButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.CopyButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(Copy, {}) });
   }
-  function MoveDownButton(props) {
+  var CopyButton = react.memo(CopyButtonFn);
+  function MoveDownButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -424,7 +427,8 @@
       }
     );
   }
-  function MoveUpButton(props) {
+  var MoveDownButton = react.memo(MoveDownButtonFn);
+  function MoveUpButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -438,7 +442,8 @@
       }
     );
   }
-  function RemoveButton(props) {
+  var MoveUpButton = react.memo(MoveUpButtonFn);
+  function RemoveButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -453,24 +458,26 @@
       }
     );
   }
-  function ClearButton(props) {
+  var RemoveButton = react.memo(RemoveButtonFn);
+  function ClearButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.ClearButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(X, {}) });
   }
+  var ClearButton = react.memo(ClearButtonFn);
   function AddButton(props) {
     const {
       registry: { translateString }
     } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(Plus, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(IconButton_default, { title: translateString(utils.TranslatableString.AddItemButton), variant: "subtle", ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(Plus, {}) });
   }
   function SubmitButton({ uiSchema }) {
     const { submitText, norender, props: submitButtonProps = {} } = utils.getSubmitButtonOptions(uiSchema);
     if (norender) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Button, { type: "submit", variant: "filled", ...submitButtonProps, children: submitText });
   }
 
   // src/templates/ButtonTemplates/index.ts
@@ -486,10 +493,26 @@
     };
   }
   var ButtonTemplates_default = buttonTemplates;
+  function CyclicSchemaExpandTemplate(props) {
+    const { name, fieldPathId, registry, onExpand } = props;
+    const { translateString } = registry;
+    const buttonId4 = `${fieldPathId[utils.ID_KEY]}-button`;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.Alert,
+      {
+        color: "yellow",
+        variant: "transparent",
+        title: translateString(utils.TranslatableString.CycleDetected, [name]),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ExclamationCircle, {}),
+        mt: "md",
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.Group, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { id: buttonId4, size: "xs", variant: "outline", color: "yellow", onClick: () => onExpand(fieldPathId[utils.ID_KEY]), children: translateString(utils.TranslatableString.ExpandButton) }) })
+      }
+    );
+  }
   function DescriptionField(props) {
     const { id, description, registry, uiSchema } = props;
     if (description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(core.RichDescription, { description, registry, uiSchema }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Text, { id, mt: 3, mb: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.RichDescription, { description, registry, uiSchema }) });
     }
     return null;
   }
@@ -499,29 +522,35 @@
   }) {
     const { translateString } = registry;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Alert,
+      core.Alert,
       {
         color: "red",
         variant: "transparent",
-        title: /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { order: 5, fw: "normal", children: translateString(utils.TranslatableString.ErrorsLabel) }),
+        title: /* @__PURE__ */ jsxRuntime.jsx(core.Title, { order: 5, fw: "normal", children: translateString(utils.TranslatableString.ErrorsLabel) }),
         icon: /* @__PURE__ */ jsxRuntime.jsx(ExclamationCircle, {}),
-        children: /* @__PURE__ */ jsxRuntime.jsx(core$1.List, { children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.List.Item, { c: "red", children: error.stack }, `error-${index}`)) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.List, { children: errors.map((error, index) => (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsxRuntime.jsx(core.List.Item, { c: "red", children: error.stack }, `error-${index}`)
+        )) })
       }
     );
   }
   function FieldErrorTemplate({ errors, fieldPathId }) {
-    if (!errors || !errors.length) {
+    if (!errors?.length) {
       return null;
     }
     const id = utils.errorId(fieldPathId);
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.List, { children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.List.Item, { children: error }, `field-error-${index}`)) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ jsxRuntime.jsx(core.List, { children: errors.map((error, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsxRuntime.jsx(core.List.Item, { children: error }, `field-error-${index}`)
+    )) }) });
   }
   function FieldHelpTemplate(props) {
     const { fieldPathId, help, uiSchema, registry } = props;
     if (!help) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Text, { id: utils.helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsxRuntime.jsx(core.RichHelp, { help, registry, uiSchema }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Text, { id: utils.helpId(fieldPathId), size: "sm", my: "xs", c: "dimmed", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.RichHelp, { help, registry, uiSchema }) });
   }
   function FieldTemplate(props) {
     const {
@@ -548,7 +577,7 @@
       uiOptions
     );
     if (hidden) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { display: "none", children });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Box, { display: "none", children });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
       WrapIfAdditionalTemplate2,
@@ -574,15 +603,15 @@
   function GridTemplate(props) {
     const { children, column, fluid = true, ...rest } = props;
     if (column) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { ...rest, children });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { ...rest, children });
     }
     if (fluid) {
-      return /* @__PURE__ */ jsxRuntime.jsx(core$1.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid, { ...rest, children }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(core.Container, { p: "4", mx: 0, w: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { ...rest, children }) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid, { grow: true, ...rest, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(core.Grid, { grow: true, ...rest, children });
   }
   function MultiSchemaFieldTemplate({ selector, optionSchemaField }) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Stack, { style: { marginBottom: "1rem" }, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { style: { marginBottom: "1rem" }, children: [
       selector,
       optionSchemaField
     ] });
@@ -617,7 +646,7 @@
     const gridCols = typeof uiOptions?.gridCols === "number" && uiOptions?.gridCols || void 0;
     const gridSpacing = uiOptions?.gridSpacing;
     const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
-    return /* @__PURE__ */ jsxRuntime.jsxs(core$1.Container, { id: fieldPathId.$id, p: 0, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(core.Container, { id: fieldPathId.$id, p: 0, children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(
         TitleFieldTemplate,
         {
@@ -641,7 +670,7 @@
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        core$1.SimpleGrid,
+        core.SimpleGrid,
         {
           cols: gridCols,
           spacing: gridSpacing,
@@ -649,11 +678,11 @@
           mb: "sm",
           children: [
             !showOptionalDataControlInTitle ? optionalDataControl : void 0,
-            properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { children: element.content }, element.name))
+            properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsxRuntime.jsx(core.Box, { children: element.content }, element.name))
           ]
         }
       ),
-      utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(core$1.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(core.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
         AddButton2,
         {
           id: utils.buttonId(fieldPathId, "add"),
@@ -680,7 +709,8 @@
           title: label
         }
       );
-    } else if (onRemoveClick) {
+    }
+    if (onRemoveClick) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton,
         {
@@ -697,11 +727,11 @@
   }
   function TitleField(props) {
     const { id, title, optionalDataControl } = props;
-    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Title, { id, order: 3, fw: "normal", children: title }) : null;
+    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(core.Title, { id, order: 3, fw: "normal", children: title }) : null;
     if (optionalDataControl) {
-      heading = /* @__PURE__ */ jsxRuntime.jsxs(core$1.Grid, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "auto", children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: "content", children: optionalDataControl })
+      heading = /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "auto", children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: "content", children: optionalDataControl })
       ] });
     }
     return heading;
@@ -736,10 +766,10 @@
       ...uiSchema,
       [utils.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children: /* @__PURE__ */ jsxRuntime.jsxs(core$1.Flex, { gap: "xs", align: "end", justify: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(core$1.Grid, { w: "100%", align: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsxRuntime.jsx(
-          core$1.TextInput,
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children: /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { gap: "xs", align: "end", justify: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Grid, { w: "100%", align: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 6, className: "form-additional", children: /* @__PURE__ */ jsxRuntime.jsx(
+          core.TextInput,
           {
             className: "form-group",
             label: displayLabel ? keyLabel : void 0,
@@ -753,7 +783,7 @@
           },
           label
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(core$1.Grid.Col, { span: 6, className: "form-additional", children })
+        /* @__PURE__ */ jsxRuntime.jsx(core.Grid.Col, { span: 6, className: "form-additional", children })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton2,
@@ -777,6 +807,7 @@
       ArrayFieldTemplate,
       ArrayFieldTitleTemplate,
       BaseInputTemplate,
+      CyclicSchemaExpandTemplate,
       ButtonTemplates: ButtonTemplates_default(),
       DescriptionFieldTemplate: DescriptionField,
       ErrorListTemplate: ErrorList,
@@ -838,9 +869,9 @@
     );
     const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, true);
     return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Label, { id: utils.titleId(id), required, children: label }),
+      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { id: utils.titleId(id), required, children: label }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        core$1.Checkbox.Group,
+        core.Checkbox.Group,
         {
           id,
           value: selectedIndexes,
@@ -850,19 +881,19 @@
           error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
           "aria-describedby": utils.ariaDescribedByIds(id),
           ...themeProps,
-          children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
-            core$1.Checkbox,
+          children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            core.Checkbox,
             {
               id: utils.optionId(id, i),
               name: htmlName || id,
               value: utils.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
         }
       )
@@ -931,7 +962,7 @@
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        core$1.Checkbox,
+        core.Checkbox,
         {
           id,
           name: htmlName || name,
@@ -977,7 +1008,7 @@
     const handleBlur = react.useCallback(
       ({ target }) => {
         if (onBlur) {
-          onBlur(id, target && target.value);
+          onBlur(id, target?.value);
         }
       },
       [onBlur, id]
@@ -985,13 +1016,13 @@
     const handleFocus = react.useCallback(
       ({ target }) => {
         if (onFocus) {
-          onFocus(id, target && target.value);
+          onFocus(id, target?.value);
         }
       },
       [onFocus, id]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.ColorInput,
+      core.ColorInput,
       {
         id,
         name,
@@ -1020,33 +1051,39 @@
     const { translateString } = registry;
     const { elements, handleChange, handleClear, handleSetNow } = utils.useAltDateWidgetProps(props);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Label, { id: utils.titleId(id), required, children: label }),
-      /* @__PURE__ */ jsxRuntime.jsxs(core$1.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
+      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { id: utils.titleId(id), required, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(core.Flex, { gap: "xs", align: "center", wrap: "nowrap", children: [
         elements.map((elemProps, i) => {
           const elemId = `${id}_${elemProps.type}`;
-          return /* @__PURE__ */ jsxRuntime.jsx(core$1.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            core$1.Select,
-            {
-              id: elemId,
-              name: elemId,
-              placeholder: elemProps.type,
-              disabled: disabled || readonly,
-              data: utils.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": utils.ariaDescribedByIds(elemId)
-            }
-          ) }, i);
+          return (
+            // oxlint-disable-next-line react/no-array-index-key
+            /* @__PURE__ */ jsxRuntime.jsx(core.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              core.Select,
+              {
+                id: elemId,
+                name: elemId,
+                placeholder: elemProps.type,
+                disabled: disabled || readonly,
+                data: utils.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": utils.ariaDescribedByIds(elemId)
+              }
+            ) }, i)
+          );
         }),
-        /* @__PURE__ */ jsxRuntime.jsxs(core$1.Group, { wrap: "nowrap", gap: 3, children: [
-          (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core$1.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(utils.TranslatableString.NowLabel) }),
-          (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core$1.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(utils.TranslatableString.ClearLabel) })
+        /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { wrap: "nowrap", gap: 3, children: [
+          (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { variant: "subtle", size: "xs", onClick: handleSetNow, children: translateString(utils.TranslatableString.NowLabel) }),
+          (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /* @__PURE__ */ jsxRuntime.jsx(core.Button, { variant: "subtle", size: "xs", onClick: handleClear, children: translateString(utils.TranslatableString.ClearLabel) })
         ] })
       ] }),
-      rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.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__ */ jsxRuntime.jsx(core.Input.Error, { children: error }, `alt-date-widget-input-errors-${index}`)
+      ))
     ] });
   }
   var dateParser = (input, format) => {
@@ -1174,7 +1211,7 @@
     const handleBlur = react.useCallback(
       ({ target }) => {
         if (onBlur) {
-          onBlur(id, target && target.value);
+          onBlur(id, target?.value);
         }
       },
       [onBlur, id]
@@ -1182,7 +1219,7 @@
     const handleFocus = react.useCallback(
       ({ target }) => {
         if (onFocus) {
-          onFocus(id, target && target.value);
+          onFocus(id, target?.value);
         }
       },
       [onFocus, id]
@@ -1237,12 +1274,15 @@
     );
     const ValueComponent = react.useCallback(() => {
       if (Array.isArray(filesInfo) && filesInfo.length > 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx(core$1.Pill.Group, { children: filesInfo.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)) });
+        return /* @__PURE__ */ jsxRuntime.jsx(core.Pill.Group, { children: filesInfo.map((file, index) => (
+          // oxlint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsxRuntime.jsx(core.Pill, { withRemoveButton: true, onRemove: () => handleRemove(index), children: file.name }, index)
+        )) });
       }
       return null;
     }, [handleRemove, filesInfo]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.FileInput,
+      core.FileInput,
       {
         id,
         name,
@@ -1279,7 +1319,7 @@
       onBlur,
       onFocus
     } = props;
-    const emptyValue = options.emptyValue;
+    const { emptyValue } = options;
     const themeProps = cleanupOptions(options);
     const handleChange = react.useCallback(
       (e) => {
@@ -1290,7 +1330,7 @@
     const handleBlur = react.useCallback(
       ({ target }) => {
         if (onBlur) {
-          onBlur(id, target && target.value);
+          onBlur(id, target?.value);
         }
       },
       [onBlur, id]
@@ -1298,13 +1338,13 @@
     const handleFocus = react.useCallback(
       ({ target }) => {
         if (onFocus) {
-          onFocus(id, target && target.value);
+          onFocus(id, target?.value);
         }
       },
       [onFocus, id]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.PasswordInput,
+      core.PasswordInput,
       {
         id,
         name,
@@ -1354,7 +1394,7 @@
     const handleBlur = react.useCallback(
       ({ target }) => {
         if (onBlur) {
-          onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+          onBlur(id, utils.enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue));
         }
       },
       [onBlur, id, enumOptions, emptyValue, optionValueFormat]
@@ -1362,14 +1402,14 @@
     const handleFocus = react.useCallback(
       ({ target }) => {
         if (onFocus) {
-          onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+          onFocus(id, utils.enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue));
         }
       },
       [onFocus, id, enumOptions, emptyValue, optionValueFormat]
     );
     const selected = utils.enumOptionsIndexForValue(value, enumOptions);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Radio.Group,
+      core.Radio.Group,
       {
         id,
         name: htmlName || id,
@@ -1381,18 +1421,18 @@
         error: rawErrors && rawErrors.length > 0 ? rawErrors.join("\n") : void 0,
         "aria-describedby": utils.ariaDescribedByIds(id),
         ...themeProps,
-        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core$1.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          core$1.Radio,
+        children: Array.isArray(enumOptions) ? /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { mt: "xs", direction: inline ? "row" : "column", gap: "xs", wrap: "wrap", children: enumOptions.map((option, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          core.Radio,
           {
             id: utils.optionId(id, i),
             value: utils.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
       }
     );
@@ -1436,10 +1476,10 @@
       }
     }, [onFocus, id, value]);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Label, { id: utils.titleId(id), required, children: label }),
-      options?.description && /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.Description, { children: options.description }),
+      !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Label, { id: utils.titleId(id), required, children: label }),
+      options?.description && /* @__PURE__ */ jsxRuntime.jsx(core.Input.Description, { children: options.description }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        core$1.Slider,
+        core.Slider,
         {
           id,
           name,
@@ -1456,7 +1496,10 @@
           "aria-describedby": utils.ariaDescribedByIds(id)
         }
       ),
-      rawErrors && rawErrors?.length > 0 && rawErrors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx(core$1.Input.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__ */ jsxRuntime.jsx(core.Input.Error, { children: error }, `range-widget-input-errors-${index}`)
+      ))
     ] });
   }
   function SelectWidget(props) {
@@ -1473,6 +1516,7 @@
       hideLabel,
       multiple,
       rawErrors,
+      schema,
       options,
       onChange,
       onBlur,
@@ -1481,6 +1525,7 @@
     const { enumOptions, enumDisabled, emptyValue } = options;
     const optionValueFormat = utils.getOptionValueFormat(options);
     const themeProps = cleanupOptions(options);
+    utils.logUnsupportedDefaultForEnum(id, schema, enumOptions, multiple);
     const handleChange = react.useCallback(
       (nextValue) => {
         if (!disabled && !readonly && onChange) {
@@ -1492,7 +1537,7 @@
     const handleBlur = react.useCallback(
       ({ target }) => {
         if (onBlur) {
-          onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+          onBlur(id, utils.enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue));
         }
       },
       [onBlur, id, enumOptions, emptyValue, optionValueFormat]
@@ -1500,7 +1545,7 @@
     const handleFocus = react.useCallback(
       ({ target }) => {
         if (onFocus) {
-          onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+          onFocus(id, utils.enumOptionValueDecoder(target?.value, enumOptions, optionValueFormat, emptyValue));
         }
       },
       [onFocus, id, enumOptions, emptyValue, optionValueFormat]
@@ -1511,7 +1556,7 @@
           key: String(index),
           value: utils.enumOptionValueEncoder(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 [];
@@ -1534,19 +1579,22 @@
       comboboxProps: { withinPortal: false },
       ...themeProps
     };
-    return multiple ? /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.MultiSelect,
-      {
-        ...sharedProps,
-        value: utils.enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, [])
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Select,
-      {
-        ...sharedProps,
-        value: utils.enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null)
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(utils.SelectedOptionDescription, { ...props }),
+      multiple ? /* @__PURE__ */ jsxRuntime.jsx(
+        core.MultiSelect,
+        {
+          ...sharedProps,
+          value: utils.enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, [])
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        core.Select,
+        {
+          ...sharedProps,
+          value: utils.enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null)
+        }
+      )
+    ] });
   }
   function TextareaWidget(props) {
     const {
@@ -1578,7 +1626,7 @@
     const handleBlur = react.useCallback(
       ({ target }) => {
         if (onBlur) {
-          onBlur(id, target && target.value);
+          onBlur(id, target?.value);
         }
       },
       [onBlur, id]
@@ -1586,13 +1634,13 @@
     const handleFocus = react.useCallback(
       ({ target }) => {
         if (onFocus) {
-          onFocus(id, target && target.value);
+          onFocus(id, target?.value);
         }
       },
       [onFocus, id]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(
-      core$1.Textarea,
+      core.Textarea,
       {
         id,
         name: htmlName || name,
@@ -1645,7 +1693,7 @@
 
   // src/Form/index.ts
   function generateForm() {
-    return core.withTheme(generateTheme());
+    return core$1.withTheme(generateTheme());
   }
   var Form_default = generateForm();