@rjsf/chakra-ui 6.6.1 → 6.6.2

package/dist/chakra-ui.umd.js

@@ -100,7 +100,7 @@
       ] }, `array-item-list-${fieldPathId.$id}`)
     ] });
   }
-  var Field = react.forwardRef(function Field2(props, ref) {
+  var Field = react.forwardRef((props, ref) => {
     const { label, children, helperText, errorText, optionalText, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Field.Root, { ref, ...rest, children: [
       label && /* @__PURE__ */ jsxRuntime.jsxs(react$1.Field.Label, { children: [
@@ -147,9 +147,9 @@
     } = props;
     const inputProps = utils.getInputProps(schema, type, options);
     const { ClearButton: ClearButton2 } = registry.templates.ButtonTemplates;
-    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
-    const _onBlur = ({ target }) => onBlur(id, target && target.value);
-    const _onFocus = ({ target }) => onFocus(id, target && target.value);
+    const handleChange = ({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue);
+    const handleBlur = ({ target }) => onBlur(id, target && target.value);
+    const handleFocus = ({ target }) => onFocus(id, target && target.value);
     const onClear = react.useCallback(
       (e) => {
         e.preventDefault();
@@ -176,9 +176,9 @@
               id,
               name: htmlName || id,
               value: value || value === 0 ? value : "",
-              onChange: onChangeOverride || _onChange,
-              onBlur: _onBlur,
-              onFocus: _onFocus,
+              onChange: onChangeOverride || handleChange,
+              onBlur: handleBlur,
+              onFocus: handleFocus,
               autoFocus: autofocus,
               placeholder,
               ...inputProps,
@@ -198,10 +198,8 @@
     }
     return /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { as: "sup", fontSize: "md", id, children: /* @__PURE__ */ jsxRuntime.jsx(core.RichDescription, { description, registry, uiSchema }) });
   }
-  var CloseButton = react.forwardRef(function CloseButton2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(react$1.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: props.children ?? /* @__PURE__ */ jsxRuntime.jsx(lu.LuX, {}) });
-  });
-  var Alert = react.forwardRef(function Alert2(props, ref) {
+  var CloseButton = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(react$1.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: props.children ?? /* @__PURE__ */ jsxRuntime.jsx(lu.LuX, {}) }));
+  var Alert = react.forwardRef((props, ref) => {
     const { title, children, closable, onClose, startElement, endElement, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Alert.Root, { ref, ...rest, children: [
       startElement || /* @__PURE__ */ jsxRuntime.jsx(react$1.Alert.Indicator, {}),
@@ -218,7 +216,10 @@
     registry
   }) {
     const { translateString } = registry;
-    return /* @__PURE__ */ jsxRuntime.jsx(Alert, { status: "error", title: translateString(utils.TranslatableString.ErrorsLabel), mb: 3, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ListRoot, { listStylePosition: "inside", children: errors.map((error, i) => /* @__PURE__ */ jsxRuntime.jsx(react$1.ListItem, { children: error.stack }, i)) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Alert, { status: "error", title: translateString(utils.TranslatableString.ErrorsLabel), mb: 3, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ListRoot, { listStylePosition: "inside", children: errors.map((error, i) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.ListItem, { children: error.stack }, i)
+    )) }) });
   }
   function FieldErrorTemplate(props) {
     const { errors = [], fieldPathId } = props;
@@ -226,9 +227,10 @@
       return null;
     }
     const id = utils.errorId(fieldPathId);
-    return errors.map((error, i) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(react$1.Fieldset.ErrorText, { mt: 0, id, children: error }, i);
-    });
+    return errors.map((error, i) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.Fieldset.ErrorText, { mt: 0, id, children: error }, i)
+    ));
   }
   function FieldHelpTemplate(props) {
     const { fieldPathId, help, uiSchema, registry } = props;
@@ -310,13 +312,14 @@
   }
   ChakraIconButton2.displayName = "ChakraIconButton";
   var ChakraIconButton_default = react.memo(ChakraIconButton2);
-  function CopyButton(props) {
+  function CopyButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(ChakraIconButton_default, { title: translateString(utils.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {}) });
   }
-  function MoveDownButton(props) {
+  var CopyButton = react.memo(CopyButtonFn);
+  function MoveDownButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -329,7 +332,8 @@
       }
     );
   }
-  function MoveUpButton(props) {
+  var MoveDownButton = react.memo(MoveDownButtonFn);
+  function MoveUpButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -342,7 +346,8 @@
       }
     );
   }
-  function RemoveButton(props) {
+  var MoveUpButton = react.memo(MoveUpButtonFn);
+  function RemoveButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
@@ -355,12 +360,14 @@
       }
     );
   }
-  function ClearButton(props) {
+  var RemoveButton = react.memo(RemoveButtonFn);
+  function ClearButtonFn(props) {
     const {
       registry: { translateString }
     } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(ChakraIconButton_default, { title: translateString(utils.TranslatableString.ClearButton), ...props, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) });
   }
+  var ClearButton = react.memo(ClearButtonFn);
   function MultiSchemaFieldTemplate(props) {
     const { optionSchemaField, selector } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(react$1.Card.Root, { mb: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Card.Body, { pb: 2, children: [
@@ -421,7 +428,7 @@
       /* @__PURE__ */ jsxRuntime.jsxs(react$1.Grid, { gap: description ? 2 : 4, mb: 4, children: [
         !showOptionalDataControlInTitle ? /* @__PURE__ */ jsxRuntime.jsx(react$1.GridItem, { children: optionalDataControl }) : void 0,
         properties.map(
-          (element, index) => element.hidden ? element.content : /* @__PURE__ */ jsxRuntime.jsx(react$1.GridItem, { children: element.content }, `${fieldPathId.$id}-${element.name}-${index}`)
+          (element) => element.hidden ? element.content : /* @__PURE__ */ jsxRuntime.jsx(react$1.GridItem, { children: element.content }, element.name)
         ),
         utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(react$1.GridItem, { justifySelf: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(
           AddButton2,
@@ -453,7 +460,8 @@
           variant: "subtle"
         }
       );
-    } else if (onRemoveClick) {
+    }
+    if (onRemoveClick) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         RemoveButton,
         {
@@ -642,7 +650,7 @@
     ] });
   }
   var AltDateWidget_default = AltDateWidget;
-  var Checkbox = react.forwardRef(function Checkbox2(props, ref) {
+  var Checkbox = react.forwardRef((props, ref) => {
     const { icon, children, inputProps, rootRef, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Checkbox.Root, { ref: rootRef, ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Checkbox.HiddenInput, { ref, ...inputProps }),
@@ -669,8 +677,8 @@
     } = props;
     const { enumOptions, enumDisabled, emptyValue } = options;
     const optionValueFormat = utils.getOptionValueFormat(options);
-    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
-    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+    const handleBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+    const handleFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
     const row = options ? options.inline : false;
     const selectValue = utils.enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, []);
     const chakraProps = getChakra({ });
@@ -692,7 +700,7 @@
               readOnly: readonly,
               invalid: required && value.length === 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-                const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+                const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   Checkbox,
                   {
@@ -700,11 +708,11 @@
                     name: htmlName || id,
                     value: utils.enumOptionValueEncoder(option.value, index, optionValueFormat),
                     disabled: disabled || itemDisabled || readonly,
-                    onBlur: _onBlur,
-                    onFocus: _onFocus,
+                    onBlur: handleBlur,
+                    onFocus: handleFocus,
                     children: option.label && /* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { children: option.label })
                   },
-                  index
+                  String(option.value)
                 );
               }) })
             }
@@ -739,9 +747,9 @@
     const uiOptions = utils.getUiOptions(uiSchema);
     const isCheckbox = uiOptions.widget === "checkbox";
     const description = isCheckbox ? void 0 : options.description ?? schema.description;
-    const _onChange = ({ checked }) => onChange(checked);
-    const _onBlur = ({ target }) => onBlur(id, target && target.checked);
-    const _onFocus = ({ target }) => onFocus(id, target && target.checked);
+    const handleChange = ({ checked }) => onChange(checked);
+    const handleBlur = ({ target }) => onBlur(id, target && target.checked);
+    const handleFocus = ({ target }) => onFocus(id, target && target.checked);
     const chakraProps = getChakra({ });
     return /* @__PURE__ */ jsxRuntime.jsxs(Field, { mb: 1, required, ...chakraProps, children: [
       !hideLabel && description && /* @__PURE__ */ jsxRuntime.jsx(
@@ -761,9 +769,9 @@
           name: htmlName || id,
           checked: typeof value === "undefined" ? false : value,
           disabled: disabled || readonly,
-          onCheckedChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onCheckedChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           "aria-describedby": utils.ariaDescribedByIds(id),
           children: utils.labelValue(/* @__PURE__ */ jsxRuntime.jsx(react$1.Text, { children: label }), hideLabel || !label)
         }
@@ -791,27 +799,25 @@
       uiSchema
     } = props;
     const { enumOptions, enumDisabled, emptyValue } = options;
-    const _onChange = ({ target }) => {
-      return onChange(utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-    };
-    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    const handleChange = ({ target }) => onChange(utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    const handleBlur = ({ target }) => onBlur(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    const handleFocus = ({ target }) => onFocus(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
     const showPlaceholderOption = !multiple && schema.default === void 0;
     const { valueLabelMap, displayEnumOptions } = react.useMemo(() => {
-      const valueLabelMap2 = {};
-      let displayEnumOptions2 = [];
+      const computedValueLabelMap = {};
+      let computedOptions = [];
       if (Array.isArray(enumOptions)) {
-        displayEnumOptions2 = enumOptions.map((option, index) => {
-          const { value: value2, label: label2 } = option;
-          valueLabelMap2[index] = label2 || String(value2);
+        computedOptions = enumOptions.map((option, index) => {
+          const { value: enumValue, label: enumLabel } = option;
+          computedValueLabelMap[index] = enumLabel || String(enumValue);
           return {
-            label: label2,
+            label: enumLabel,
             value: String(index),
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+            disabled: Array.isArray(enumDisabled) && enumDisabled.includes(enumValue)
           };
         });
       }
-      return { valueLabelMap: valueLabelMap2, displayEnumOptions: displayEnumOptions2 };
+      return { valueLabelMap: computedValueLabelMap, displayEnumOptions: computedOptions };
     }, [enumDisabled, enumOptions]);
     const selectedIndex = utils.enumOptionsIndexForValue(value, enumOptions, false);
     const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
@@ -840,9 +846,9 @@
             react$1.NativeSelect.Field,
             {
               id,
-              onBlur: _onBlur,
-              onChange: _onChange,
-              onFocus: _onFocus,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onFocus: handleFocus,
               autoFocus: autofocus,
               value: formValue,
               "aria-describedby": utils.ariaDescribedByIds(id),
@@ -857,7 +863,7 @@
       }
     );
   }
-  var Radio = react.forwardRef(function Radio2(props, ref) {
+  var Radio = react.forwardRef((props, ref) => {
     const { children, inputProps, rootRef, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.RadioGroup.Item, { ref: rootRef, ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react$1.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
@@ -883,9 +889,9 @@
   }) {
     const { enumOptions, enumDisabled, emptyValue } = options;
     const optionValueFormat = utils.getOptionValueFormat(options);
-    const _onChange = ({ target: { value: value2 } }) => onChange(utils.enumOptionValueDecoder(value2, enumOptions, optionValueFormat, emptyValue));
-    const _onBlur = ({ target: { value: value2 } }) => onBlur(id, utils.enumOptionValueDecoder(value2, enumOptions, optionValueFormat, emptyValue));
-    const _onFocus = ({ target: { value: value2 } }) => onFocus(id, utils.enumOptionValueDecoder(value2, enumOptions, optionValueFormat, emptyValue));
+    const handleChange = ({ target: { value: enumValue } }) => onChange(utils.enumOptionValueDecoder(enumValue, enumOptions, optionValueFormat, emptyValue));
+    const handleBlur = ({ target: { value: enumValue } }) => onBlur(id, utils.enumOptionValueDecoder(enumValue, enumOptions, optionValueFormat, emptyValue));
+    const handleFocus = ({ target: { value: enumValue } }) => onFocus(id, utils.enumOptionValueDecoder(enumValue, enumOptions, optionValueFormat, emptyValue));
     const row = options ? options.inline : false;
     const selectValue = utils.enumOptionSelectedValue(value, enumOptions, false, optionValueFormat, null);
     const chakraProps = getChakra({ });
@@ -901,14 +907,14 @@
         children: /* @__PURE__ */ jsxRuntime.jsx(
           RadioGroup,
           {
-            onChange: _onChange,
-            onBlur: _onBlur,
-            onFocus: _onFocus,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            onFocus: handleFocus,
             value: selectValue,
             name: htmlName || id,
             "aria-describedby": utils.ariaDescribedByIds(id),
             children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-              const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+              const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
               return /* @__PURE__ */ jsxRuntime.jsx(
                 Radio,
                 {
@@ -917,7 +923,7 @@
                   disabled: disabled || itemDisabled || readonly,
                   children: option.label
                 },
-                index
+                String(option.value)
               );
             }) })
           }
@@ -925,7 +931,24 @@
       }
     );
   }
-  var Slider = react.forwardRef(function Slider2(props, ref) {
+  var SliderMarks = react.forwardRef((props, ref) => {
+    const { marks } = props;
+    if (!marks?.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.MarkerGroup, { ref, children: marks.map((mark, index) => {
+      const value = typeof mark === "number" ? mark : mark.value;
+      const label = typeof mark === "number" ? void 0 : mark.label;
+      return (
+        // oxlint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsxRuntime.jsxs(react$1.Slider.Marker, { value, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.MarkerIndicator, {}),
+          label
+        ] }, index)
+      );
+    }) });
+  });
+  var Slider = react.forwardRef((props, ref) => {
     const { marks: marksProp, showValue, ...rest } = props;
     const value = props.defaultValue ?? props.value;
     const marks = marksProp?.map((mark) => {
@@ -946,22 +969,11 @@
   });
   function SliderThumbs(props) {
     const { value } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: value?.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.Thumb, { index, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.HiddenInput, {}) }, index)) });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: value?.map((_, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.Thumb, { index, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.HiddenInput, {}) }, index)
+    )) });
   }
-  var SliderMarks = react.forwardRef(function SliderMarks2(props, ref) {
-    const { marks } = props;
-    if (!marks?.length) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.MarkerGroup, { ref, children: marks.map((mark, index) => {
-      const value = typeof mark === "number" ? mark : mark.value;
-      const label = typeof mark === "number" ? void 0 : mark.label;
-      return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Slider.Marker, { value, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.Slider.MarkerIndicator, {}),
-        label
-      ] }, index);
-    }) });
-  });
   function RangeWidget({
     value,
     readonly,
@@ -976,9 +988,9 @@
     id,
     uiSchema
   }) {
-    const _onChange = ({ value: value2 }) => onChange(value2 === void 0 ? options.emptyValue : value2[0]);
-    const _onBlur = ({ target }) => onBlur(id, target && target.value);
-    const _onFocus = ({ target }) => onFocus(id, target && target.value);
+    const handleChange = ({ value: newValue }) => onChange(newValue === void 0 ? options.emptyValue : newValue[0]);
+    const handleBlur = ({ target }) => onBlur(id, target && target.value);
+    const handleFocus = ({ target }) => onFocus(id, target && target.value);
     const chakraProps = getChakra({ });
     return /* @__PURE__ */ jsxRuntime.jsx(Field, { mb: 1, label: utils.labelValue(label, hideLabel || !label), ...chakraProps, children: /* @__PURE__ */ jsxRuntime.jsx(
       Slider,
@@ -988,14 +1000,15 @@
         name: id,
         disabled: disabled || readonly,
         value: [value],
-        onValueChange: _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onValueChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         "aria-describedby": utils.ariaDescribedByIds(id)
       }
     ) });
   }
-  var SelectTrigger = react.forwardRef(function SelectTrigger2(props, ref) {
+  var SelectClearTrigger = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) }));
+  var SelectTrigger = react.forwardRef((props, ref) => {
     const { children, clearable, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Select.Control, { ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.Trigger, { ref, children }),
@@ -1005,23 +1018,18 @@
       ] })
     ] });
   });
-  var SelectClearTrigger = react.forwardRef(
-    function SelectClearTrigger2(props, ref) {
-      return /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) });
-    }
-  );
-  react.forwardRef(function SelectContent2(props, ref) {
+  react.forwardRef((props, ref) => {
     const { portalled = true, portalRef, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(react$1.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.Content, { ...rest, ref }) }) });
   });
-  react.forwardRef(function SelectItem2(props, ref) {
+  react.forwardRef((props, ref) => {
     const { item, children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Select.Item, { item, ...rest, ref, children: [
       children,
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.ItemIndicator, {})
     ] }, item.value);
   });
-  var SelectValueText = react.forwardRef(function SelectValueText2(props, ref) {
+  var SelectValueText = react.forwardRef((props, ref) => {
     const { children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.Context, { children: (select) => {
       const items = select.selectedItems;
@@ -1037,13 +1045,11 @@
       return `${items.length} selected`;
     } }) });
   });
-  var SelectRoot = react.forwardRef(function SelectRoot2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.Root, { ...props, ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? props.children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.HiddenSelect, {}),
-      props.children
-    ] }) });
-  });
-  react.forwardRef(function SelectItemGroup2(props, ref) {
+  var SelectRoot = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.Root, { ...props, ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? props.children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.HiddenSelect, {}),
+    props.children
+  ] }) }));
+  react.forwardRef((props, ref) => {
     const { children, label, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsxs(react$1.Select.ItemGroup, { ...rest, ref, children: [
       /* @__PURE__ */ jsxRuntime.jsx(react$1.Select.ItemGroupLabel, { children: label }),
@@ -1075,34 +1081,32 @@
     } = props;
     const { enumOptions, enumDisabled, emptyValue } = options;
     const optionValueFormat = utils.getOptionValueFormat(options);
-    const _onMultiChange = ({ value: value2 }) => {
-      return onChange(utils.enumOptionValueDecoder(value2, enumOptions, optionValueFormat, emptyValue));
-    };
-    const _onSingleChange = ({ value: value2 }) => {
-      const selected = utils.enumOptionValueDecoder(value2, enumOptions, optionValueFormat, emptyValue);
+    const handleMultiChange = ({ value: newValue }) => onChange(utils.enumOptionValueDecoder(newValue, enumOptions, optionValueFormat, emptyValue));
+    const handleSingleChange = ({ value: newValue }) => {
+      const selected = utils.enumOptionValueDecoder(newValue, enumOptions, optionValueFormat, emptyValue);
       return onChange(Array.isArray(selected) && selected.length === 1 ? selected[0] : selected);
     };
-    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
-    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+    const handleBlur = ({ target }) => onBlur(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+    const handleFocus = ({ target }) => onFocus(id, utils.enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
     const showPlaceholderOption = !multiple && schema.default === void 0;
     const displayEnumOptions = react.useMemo(() => {
-      let displayEnumOptions2 = [];
+      let computedOptions = [];
       if (Array.isArray(enumOptions)) {
-        displayEnumOptions2 = enumOptions.map((option, index) => {
-          const { value: value2, label: label2 } = option;
+        computedOptions = enumOptions.map((option, index) => {
+          const { value: enumValue, label: enumLabel } = option;
           return {
-            label: label2,
-            value: utils.enumOptionValueEncoder(value2, index, optionValueFormat),
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+            label: enumLabel,
+            value: utils.enumOptionValueEncoder(enumValue, index, optionValueFormat),
+            disabled: Array.isArray(enumDisabled) && enumDisabled.includes(enumValue)
           };
         });
         if (showPlaceholderOption) {
-          displayEnumOptions2.unshift({ value: "", label: placeholder || "" });
+          computedOptions.unshift({ value: "", label: placeholder || "" });
         }
       }
-      return displayEnumOptions2;
+      return computedOptions;
     }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption, optionValueFormat]);
-    const isMultiple = typeof multiple !== "undefined" && multiple !== false && Boolean(enumOptions);
+    const isMultiple = typeof multiple !== "undefined" && multiple && Boolean(enumOptions);
     const formValue = [
       utils.enumOptionSelectedValue(value, enumOptions, isMultiple, optionValueFormat, isMultiple ? [] : "")
     ].flat().filter((v) => v !== "");
@@ -1131,9 +1135,9 @@
             name: htmlName || id,
             multiple: isMultiple,
             closeOnSelect: !isMultiple,
-            onBlur: _onBlur,
-            onValueChange: isMultiple ? _onMultiChange : _onSingleChange,
-            onFocus: _onFocus,
+            onBlur: handleBlur,
+            onValueChange: isMultiple ? handleMultiChange : handleSingleChange,
+            onFocus: handleFocus,
             autoFocus: autofocus,
             value: formValue,
             "aria-describedby": utils.ariaDescribedByIds(id),
@@ -1168,9 +1172,9 @@
     rawErrors,
     uiSchema
   }) {
-    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
-    const _onBlur = ({ target }) => onBlur(id, target && target.value);
-    const _onFocus = ({ target }) => onFocus(id, target && target.value);
+    const handleChange = ({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue);
+    const handleBlur = ({ target }) => onBlur(id, target && target.value);
+    const handleFocus = ({ target }) => onFocus(id, target && target.value);
     const chakraProps = getChakra({ });
     return /* @__PURE__ */ jsxRuntime.jsx(
       Field,
@@ -1190,9 +1194,9 @@
             value: value ?? "",
             placeholder,
             autoFocus: autofocus,
-            onChange: _onChange,
-            onBlur: _onBlur,
-            onFocus: _onFocus,
+            onChange: handleChange,
+            onBlur: handleBlur,
+            onFocus: handleFocus,
             rows: options.rows,
             "aria-describedby": utils.ariaDescribedByIds(id)
           }
@@ -1200,7 +1204,7 @@
       }
     );
   }
-  var NumberInputRoot = react.forwardRef(function NumberInput(props, ref) {
+  var NumberInputRoot = react.forwardRef((props, ref) => {
     const inputRef = react.useRef(null);
     react.useEffect(() => {
       if (inputRef.current) {
@@ -1217,9 +1221,9 @@
   });
   function UpDownWidget(props) {
     const { id, readonly, disabled, label, hideLabel, value, onChange, onBlur, onFocus, rawErrors, required } = props;
-    const _onChange = ({ value: value2 }) => onChange(value2);
-    const _onBlur = ({ target }) => onBlur(id, target && target.value);
-    const _onFocus = ({ target }) => onFocus(id, target && target.value);
+    const handleChange = ({ value: newValue }) => onChange(newValue);
+    const handleBlur = ({ target }) => onBlur(id, target && target.value);
+    const handleFocus = ({ target }) => onFocus(id, target && target.value);
     const chakraProps = getChakra({ uiSchema: props.uiSchema });
     return /* @__PURE__ */ jsxRuntime.jsx(
       Field,
@@ -1235,9 +1239,9 @@
           NumberInputRoot,
           {
             value,
-            onValueChange: _onChange,
-            onBlur: _onBlur,
-            onFocus: _onFocus,
+            onValueChange: handleChange,
+            onBlur: handleBlur,
+            onFocus: handleFocus,
             "aria-describedby": utils.ariaDescribedByIds(id),
             id,
             name: id
@@ -1282,9 +1286,7 @@
     const newCache = createCache({ container, key: "rjsf" });
     return newCache;
   });
-  var __createChakraFrameProvider = (props) => ({ document }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { margin: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(react$2.CacheProvider, { value: memoizedCreateCacheWithContainer(document.head), children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ChakraProvider, { value: react$1.defaultSystem, children: props.children }) }) });
-  };
+  var __createChakraFrameProvider = (props) => ({ document }) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { margin: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(react$2.CacheProvider, { value: memoizedCreateCacheWithContainer(document.head), children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ChakraProvider, { value: react$1.defaultSystem, children: props.children }) }) });
 
   // src/index.ts
   var index_default = Form_default;