@rjsf/chakra-ui 6.6.1 → 6.6.2

package/dist/chakra-ui.esm.js

@@ -19,10 +19,7 @@ function AddButton({
 
 // src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
 import { Box, ButtonGroup, HStack } from "@chakra-ui/react";
-import {
-  getTemplate,
-  getUiOptions
-} from "@rjsf/utils";
+import { getTemplate, getUiOptions } from "@rjsf/utils";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldItemTemplate(props) {
   const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
@@ -40,11 +37,7 @@ function ArrayFieldItemTemplate(props) {
 
 // src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
 import { Box as Box2, Grid, GridItem } from "@chakra-ui/react";
-import {
-  getTemplate as getTemplate2,
-  getUiOptions as getUiOptions2,
-  buttonId
-} from "@rjsf/utils";
+import { getTemplate as getTemplate2, getUiOptions as getUiOptions2, buttonId } from "@rjsf/utils";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
   const {
@@ -123,18 +116,13 @@ function ArrayFieldTemplate(props) {
 import { useCallback } from "react";
 import { Input } from "@chakra-ui/react";
 import { SchemaExamples } from "@rjsf/core";
-import {
-  ariaDescribedByIds,
-  examplesId,
-  labelValue,
-  getInputProps
-} from "@rjsf/utils";
+import { ariaDescribedByIds, examplesId, labelValue, getInputProps } from "@rjsf/utils";
 
 // src/components/ui/field.tsx
 import { forwardRef } from "react";
 import { Field as ChakraField } from "@chakra-ui/react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var Field = forwardRef(function Field2(props, ref) {
+var Field = forwardRef((props, ref) => {
   const { label, children, helperText, errorText, optionalText, ...rest } = props;
   return /* @__PURE__ */ jsxs4(ChakraField.Root, { ref, ...rest, children: [
     label && /* @__PURE__ */ jsxs4(ChakraField.Label, { children: [
@@ -188,9 +176,9 @@ function BaseInputTemplate(props) {
   } = props;
   const inputProps = 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 = useCallback(
     (e) => {
       e.preventDefault();
@@ -217,9 +205,9 @@ function BaseInputTemplate(props) {
             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,
@@ -258,13 +246,11 @@ import { forwardRef as forwardRef2 } from "react";
 import { IconButton as ChakraIconButton } from "@chakra-ui/react";
 import { LuX } from "react-icons/lu";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var CloseButton = forwardRef2(function CloseButton2(props, ref) {
-  return /* @__PURE__ */ jsx7(ChakraIconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: props.children ?? /* @__PURE__ */ jsx7(LuX, {}) });
-});
+var CloseButton = forwardRef2((props, ref) => /* @__PURE__ */ jsx7(ChakraIconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: props.children ?? /* @__PURE__ */ jsx7(LuX, {}) }));
 
 // src/components/ui/alert.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var Alert = forwardRef3(function Alert2(props, ref) {
+var Alert = forwardRef3((props, ref) => {
   const { title, children, closable, onClose, startElement, endElement, ...rest } = props;
   return /* @__PURE__ */ jsxs6(ChakraAlert.Root, { ref, ...rest, children: [
     startElement || /* @__PURE__ */ jsx8(ChakraAlert.Indicator, {}),
@@ -284,7 +270,10 @@ function ErrorList({
   registry
 }) {
   const { translateString } = registry;
-  return /* @__PURE__ */ jsx9(Alert, { status: "error", title: translateString(TranslatableString2.ErrorsLabel), mb: 3, children: /* @__PURE__ */ jsx9(ListRoot, { listStylePosition: "inside", children: errors.map((error, i) => /* @__PURE__ */ jsx9(ListItem, { children: error.stack }, i)) }) });
+  return /* @__PURE__ */ jsx9(Alert, { status: "error", title: translateString(TranslatableString2.ErrorsLabel), mb: 3, children: /* @__PURE__ */ jsx9(ListRoot, { listStylePosition: "inside", children: errors.map((error, i) => (
+    // oxlint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ jsx9(ListItem, { children: error.stack }, i)
+  )) }) });
 }
 
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
@@ -297,9 +286,10 @@ function FieldErrorTemplate(props) {
     return null;
   }
   const id = errorId(fieldPathId);
-  return errors.map((error, i) => {
-    return /* @__PURE__ */ jsx10(Fieldset.ErrorText, { mt: 0, id, children: error }, i);
-  });
+  return errors.map((error, i) => (
+    // oxlint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ jsx10(Fieldset.ErrorText, { mt: 0, id, children: error }, i)
+  ));
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
@@ -317,10 +307,7 @@ function FieldHelpTemplate(props) {
 
 // src/FieldTemplate/FieldTemplate.tsx
 import { Fieldset as Fieldset2 } from "@chakra-ui/react";
-import {
-  getTemplate as getTemplate3,
-  getUiOptions as getUiOptions3
-} from "@rjsf/utils";
+import { getTemplate as getTemplate3, getUiOptions as getUiOptions3 } from "@rjsf/utils";
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
@@ -406,16 +393,18 @@ ChakraIconButton2.displayName = "ChakraIconButton";
 var ChakraIconButton_default = memo(ChakraIconButton2);
 
 // src/IconButton/IconButton.tsx
+import { memo as memo2 } from "react";
 import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
 import { ArrowUpIcon, ArrowDownIcon, CopyIcon, DeleteIcon, X } from "lucide-react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-function CopyButton(props) {
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx15(ChakraIconButton_default, { title: translateString(TranslatableString3.CopyButton), ...props, icon: /* @__PURE__ */ jsx15(CopyIcon, {}) });
 }
-function MoveDownButton(props) {
+var CopyButton = memo2(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -428,7 +417,8 @@ function MoveDownButton(props) {
     }
   );
 }
-function MoveUpButton(props) {
+var MoveDownButton = memo2(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -441,7 +431,8 @@ function MoveUpButton(props) {
     }
   );
 }
-function RemoveButton(props) {
+var MoveUpButton = memo2(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -454,12 +445,14 @@ function RemoveButton(props) {
     }
   );
 }
-function ClearButton(props) {
+var RemoveButton = memo2(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx15(ChakraIconButton_default, { title: translateString(TranslatableString3.ClearButton), ...props, icon: /* @__PURE__ */ jsx15(X, {}) });
 }
+var ClearButton = memo2(ClearButtonFn);
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
 import { Box as Box3, Card } from "@chakra-ui/react";
@@ -474,14 +467,7 @@ function MultiSchemaFieldTemplate(props) {
 
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
 import { Grid as Grid3, GridItem as GridItem3 } from "@chakra-ui/react";
-import {
-  buttonId as buttonId2,
-  canExpand,
-  descriptionId,
-  getTemplate as getTemplate4,
-  getUiOptions as getUiOptions4,
-  titleId
-} from "@rjsf/utils";
+import { buttonId as buttonId2, canExpand, descriptionId, getTemplate as getTemplate4, getUiOptions as getUiOptions4, titleId } from "@rjsf/utils";
 import { Fragment, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
@@ -536,7 +522,7 @@ function ObjectFieldTemplate(props) {
     /* @__PURE__ */ jsxs9(Grid3, { gap: description ? 2 : 4, mb: 4, children: [
       !showOptionalDataControlInTitle ? /* @__PURE__ */ jsx17(GridItem3, { children: optionalDataControl }) : void 0,
       properties.map(
-        (element, index) => element.hidden ? element.content : /* @__PURE__ */ jsx17(GridItem3, { children: element.content }, `${fieldPathId.$id}-${element.name}-${index}`)
+        (element) => element.hidden ? element.content : /* @__PURE__ */ jsx17(GridItem3, { children: element.content }, element.name)
       ),
       canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx17(GridItem3, { justifySelf: "flex-end", children: /* @__PURE__ */ jsx17(
         AddButton2,
@@ -572,7 +558,8 @@ function OptionalDataControlsTemplate(props) {
         variant: "subtle"
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ jsx18(
       RemoveButton,
       {
@@ -625,11 +612,7 @@ function TitleField({
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
 import { Grid as Grid4, GridItem as GridItem4, Input as Input2 } from "@chakra-ui/react";
-import {
-  ADDITIONAL_PROPERTY_FLAG,
-  buttonId as buttonId3,
-  TranslatableString as TranslatableString4
-} from "@rjsf/utils";
+import { ADDITIONAL_PROPERTY_FLAG, buttonId as buttonId3, TranslatableString as TranslatableString4 } from "@rjsf/utils";
 import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
   const {
@@ -741,11 +724,7 @@ var AltDateTimeWidget_default = AltDateTimeWidget;
 
 // src/AltDateWidget/AltDateWidget.tsx
 import { Box as Box6, Button as Button3, FieldsetRoot } from "@chakra-ui/react";
-import {
-  DateElement,
-  TranslatableString as TranslatableString5,
-  useAltDateWidgetProps
-} from "@rjsf/utils";
+import { DateElement, TranslatableString as TranslatableString5, useAltDateWidgetProps } from "@rjsf/utils";
 import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function AltDateWidget({
   autofocus = false,
@@ -808,7 +787,7 @@ import {
 import { forwardRef as forwardRef4 } from "react";
 import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
 import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
-var Checkbox = forwardRef4(function Checkbox2(props, ref) {
+var Checkbox = forwardRef4((props, ref) => {
   const { icon, children, inputProps, rootRef, ...rest } = props;
   return /* @__PURE__ */ jsxs13(ChakraCheckbox.Root, { ref: rootRef, ...rest, children: [
     /* @__PURE__ */ jsx24(ChakraCheckbox.HiddenInput, { ref, ...inputProps }),
@@ -838,8 +817,8 @@ function CheckboxesWidget(props) {
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = getOptionValueFormat(options);
-  const _onBlur = ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, enumOptionValueDecoder(target && target.value, enumOptions, optionValueFormat, emptyValue));
   const row = options ? options.inline : false;
   const selectValue = enumOptionSelectedValue(value, enumOptions, true, optionValueFormat, []);
   const chakraProps = getChakra({ uiSchema });
@@ -861,7 +840,7 @@ function CheckboxesWidget(props) {
             readOnly: readonly,
             invalid: required && value.length === 0,
             children: /* @__PURE__ */ jsx25(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__ */ jsx25(
                 Checkbox,
                 {
@@ -869,11 +848,11 @@ function CheckboxesWidget(props) {
                   name: htmlName || id,
                   value: enumOptionValueEncoder(option.value, index, optionValueFormat),
                   disabled: disabled || itemDisabled || readonly,
-                  onBlur: _onBlur,
-                  onFocus: _onFocus,
+                  onBlur: handleBlur,
+                  onFocus: handleFocus,
                   children: option.label && /* @__PURE__ */ jsx25(Text3, { children: option.label })
                 },
-                index
+                String(option.value)
               );
             }) })
           }
@@ -920,9 +899,9 @@ function CheckboxWidget(props) {
   const uiOptions = getUiOptions5(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({ uiSchema });
   return /* @__PURE__ */ jsxs15(Field, { mb: 1, required, ...chakraProps, children: [
     !hideLabel && description && /* @__PURE__ */ jsx26(
@@ -942,9 +921,9 @@ function CheckboxWidget(props) {
         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": ariaDescribedByIds3(id),
         children: labelValue3(/* @__PURE__ */ jsx26(Text4, { children: label }), hideLabel || !label)
       }
@@ -955,12 +934,7 @@ function CheckboxWidget(props) {
 // src/NativeSelectWidget/NativeSelectWidget.tsx
 import { useMemo } from "react";
 import { createListCollection, NativeSelect } from "@chakra-ui/react";
-import {
-  ariaDescribedByIds as ariaDescribedByIds4,
-  enumOptionsIndexForValue,
-  enumOptionsValueForIndex,
-  labelValue as labelValue4
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds4, enumOptionsIndexForValue, enumOptionsValueForIndex, labelValue as labelValue4 } from "@rjsf/utils";
 import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function NativeSelectWidget(props) {
   const {
@@ -983,27 +957,25 @@ function NativeSelectWidget(props) {
     uiSchema
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const _onChange = ({ target }) => {
-    return onChange(enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-  };
-  const _onBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+  const handleChange = ({ target }) => onChange(enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
   const showPlaceholderOption = !multiple && schema.default === void 0;
   const { valueLabelMap, displayEnumOptions } = 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 = enumOptionsIndexForValue(value, enumOptions, false);
   const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
@@ -1032,9 +1004,9 @@ function NativeSelectWidget(props) {
           NativeSelect.Field,
           {
             id,
-            onBlur: _onBlur,
-            onChange: _onChange,
-            onFocus: _onFocus,
+            onBlur: handleBlur,
+            onChange: handleChange,
+            onFocus: handleFocus,
             autoFocus: autofocus,
             value: formValue,
             "aria-describedby": ariaDescribedByIds4(id),
@@ -1066,7 +1038,7 @@ import {
 import { forwardRef as forwardRef5 } from "react";
 import { RadioGroup as ChakraRadioGroup } from "@chakra-ui/react";
 import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
-var Radio = forwardRef5(function Radio2(props, ref) {
+var Radio = forwardRef5((props, ref) => {
   const { children, inputProps, rootRef, ...rest } = props;
   return /* @__PURE__ */ jsxs17(ChakraRadioGroup.Item, { ref: rootRef, ...rest, children: [
     /* @__PURE__ */ jsx28(ChakraRadioGroup.ItemHiddenInput, { ref, ...inputProps }),
@@ -1095,9 +1067,9 @@ function RadioWidget({
 }) {
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = getOptionValueFormat2(options);
-  const _onChange = ({ target: { value: value2 } }) => onChange(enumOptionValueDecoder2(value2, enumOptions, optionValueFormat, emptyValue));
-  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, enumOptionValueDecoder2(value2, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, enumOptionValueDecoder2(value2, enumOptions, optionValueFormat, emptyValue));
+  const handleChange = ({ target: { value: enumValue } }) => onChange(enumOptionValueDecoder2(enumValue, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = ({ target: { value: enumValue } }) => onBlur(id, enumOptionValueDecoder2(enumValue, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = ({ target: { value: enumValue } }) => onFocus(id, enumOptionValueDecoder2(enumValue, enumOptions, optionValueFormat, emptyValue));
   const row = options ? options.inline : false;
   const selectValue = enumOptionSelectedValue2(value, enumOptions, false, optionValueFormat, null);
   const chakraProps = getChakra({ uiSchema });
@@ -1113,14 +1085,14 @@ function RadioWidget({
       children: /* @__PURE__ */ jsx29(
         RadioGroup,
         {
-          onChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           value: selectValue,
           name: htmlName || id,
           "aria-describedby": ariaDescribedByIds5(id),
           children: /* @__PURE__ */ jsx29(Stack2, { 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__ */ jsx29(
               Radio,
               {
@@ -1129,7 +1101,7 @@ function RadioWidget({
                 disabled: disabled || itemDisabled || readonly,
                 children: option.label
               },
-              index
+              String(option.value)
             );
           }) })
         }
@@ -1139,17 +1111,30 @@ function RadioWidget({
 }
 
 // src/RangeWidget/RangeWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds6,
-  labelValue as labelValue6,
-  rangeSpec
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds6, labelValue as labelValue6, rangeSpec } from "@rjsf/utils";
 
 // src/components/ui/slider.tsx
 import { forwardRef as forwardRef6 } from "react";
 import { Slider as ChakraSlider, HStack as HStack2 } from "@chakra-ui/react";
 import { Fragment as Fragment2, jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
-var Slider = forwardRef6(function Slider2(props, ref) {
+var SliderMarks = forwardRef6((props, ref) => {
+  const { marks } = props;
+  if (!marks?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx30(ChakraSlider.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__ */ jsxs18(ChakraSlider.Marker, { value, children: [
+        /* @__PURE__ */ jsx30(ChakraSlider.MarkerIndicator, {}),
+        label
+      ] }, index)
+    );
+  }) });
+});
+var Slider = forwardRef6((props, ref) => {
   const { marks: marksProp, showValue, ...rest } = props;
   const value = props.defaultValue ?? props.value;
   const marks = marksProp?.map((mark) => {
@@ -1170,22 +1155,11 @@ var Slider = forwardRef6(function Slider2(props, ref) {
 });
 function SliderThumbs(props) {
   const { value } = props;
-  return /* @__PURE__ */ jsx30(Fragment2, { children: value?.map((_, index) => /* @__PURE__ */ jsx30(ChakraSlider.Thumb, { index, children: /* @__PURE__ */ jsx30(ChakraSlider.HiddenInput, {}) }, index)) });
+  return /* @__PURE__ */ jsx30(Fragment2, { children: value?.map((_, index) => (
+    // oxlint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ jsx30(ChakraSlider.Thumb, { index, children: /* @__PURE__ */ jsx30(ChakraSlider.HiddenInput, {}) }, index)
+  )) });
 }
-var SliderMarks = forwardRef6(function SliderMarks2(props, ref) {
-  const { marks } = props;
-  if (!marks?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx30(ChakraSlider.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__ */ jsxs18(ChakraSlider.Marker, { value, children: [
-      /* @__PURE__ */ jsx30(ChakraSlider.MarkerIndicator, {}),
-      label
-    ] }, index);
-  }) });
-});
 
 // src/RangeWidget/RangeWidget.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
@@ -1203,9 +1177,9 @@ function RangeWidget({
   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({ uiSchema });
   return /* @__PURE__ */ jsx31(Field, { mb: 1, label: labelValue6(label, hideLabel || !label), ...chakraProps, children: /* @__PURE__ */ jsx31(
     Slider,
@@ -1215,9 +1189,9 @@ function RangeWidget({
       name: id,
       disabled: disabled || readonly,
       value: [value],
-      onValueChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
+      onValueChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       "aria-describedby": ariaDescribedByIds6(id)
     }
   ) });
@@ -1239,7 +1213,8 @@ import {
 import { forwardRef as forwardRef7 } from "react";
 import { Select as ChakraSelect, Portal } from "@chakra-ui/react";
 import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
-var SelectTrigger = forwardRef7(function SelectTrigger2(props, ref) {
+var SelectClearTrigger = forwardRef7((props, ref) => /* @__PURE__ */ jsx32(ChakraSelect.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx32(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) }));
+var SelectTrigger = forwardRef7((props, ref) => {
   const { children, clearable, ...rest } = props;
   return /* @__PURE__ */ jsxs19(ChakraSelect.Control, { ...rest, children: [
     /* @__PURE__ */ jsx32(ChakraSelect.Trigger, { ref, children }),
@@ -1249,23 +1224,18 @@ var SelectTrigger = forwardRef7(function SelectTrigger2(props, ref) {
     ] })
   ] });
 });
-var SelectClearTrigger = forwardRef7(
-  function SelectClearTrigger2(props, ref) {
-    return /* @__PURE__ */ jsx32(ChakraSelect.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx32(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) });
-  }
-);
-var SelectContent = forwardRef7(function SelectContent2(props, ref) {
+var SelectContent = forwardRef7((props, ref) => {
   const { portalled = true, portalRef, ...rest } = props;
   return /* @__PURE__ */ jsx32(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx32(ChakraSelect.Positioner, { children: /* @__PURE__ */ jsx32(ChakraSelect.Content, { ...rest, ref }) }) });
 });
-var SelectItem = forwardRef7(function SelectItem2(props, ref) {
+var SelectItem = forwardRef7((props, ref) => {
   const { item, children, ...rest } = props;
   return /* @__PURE__ */ jsxs19(ChakraSelect.Item, { item, ...rest, ref, children: [
     children,
     /* @__PURE__ */ jsx32(ChakraSelect.ItemIndicator, {})
   ] }, item.value);
 });
-var SelectValueText = forwardRef7(function SelectValueText2(props, ref) {
+var SelectValueText = forwardRef7((props, ref) => {
   const { children, ...rest } = props;
   return /* @__PURE__ */ jsx32(ChakraSelect.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsx32(ChakraSelect.Context, { children: (select) => {
     const items = select.selectedItems;
@@ -1281,13 +1251,11 @@ var SelectValueText = forwardRef7(function SelectValueText2(props, ref) {
     return `${items.length} selected`;
   } }) });
 });
-var SelectRoot = forwardRef7(function SelectRoot2(props, ref) {
-  return /* @__PURE__ */ jsx32(ChakraSelect.Root, { ...props, ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? props.children : /* @__PURE__ */ jsxs19(Fragment3, { children: [
-    /* @__PURE__ */ jsx32(ChakraSelect.HiddenSelect, {}),
-    props.children
-  ] }) });
-});
-var SelectItemGroup = forwardRef7(function SelectItemGroup2(props, ref) {
+var SelectRoot = forwardRef7((props, ref) => /* @__PURE__ */ jsx32(ChakraSelect.Root, { ...props, ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? props.children : /* @__PURE__ */ jsxs19(Fragment3, { children: [
+  /* @__PURE__ */ jsx32(ChakraSelect.HiddenSelect, {}),
+  props.children
+] }) }));
+var SelectItemGroup = forwardRef7((props, ref) => {
   const { children, label, ...rest } = props;
   return /* @__PURE__ */ jsxs19(ChakraSelect.ItemGroup, { ...rest, ref, children: [
     /* @__PURE__ */ jsx32(ChakraSelect.ItemGroupLabel, { children: label }),
@@ -1322,34 +1290,32 @@ function SelectWidget(props) {
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = getOptionValueFormat3(options);
-  const _onMultiChange = ({ value: value2 }) => {
-    return onChange(enumOptionValueDecoder3(value2, enumOptions, optionValueFormat, emptyValue));
-  };
-  const _onSingleChange = ({ value: value2 }) => {
-    const selected = enumOptionValueDecoder3(value2, enumOptions, optionValueFormat, emptyValue);
+  const handleMultiChange = ({ value: newValue }) => onChange(enumOptionValueDecoder3(newValue, enumOptions, optionValueFormat, emptyValue));
+  const handleSingleChange = ({ value: newValue }) => {
+    const selected = enumOptionValueDecoder3(newValue, enumOptions, optionValueFormat, emptyValue);
     return onChange(Array.isArray(selected) && selected.length === 1 ? selected[0] : selected);
   };
-  const _onBlur = ({ target }) => onBlur(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, enumOptionValueDecoder3(target && target.value, enumOptions, optionValueFormat, emptyValue));
   const showPlaceholderOption = !multiple && schema.default === void 0;
   const displayEnumOptions = useMemo2(() => {
-    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: enumOptionValueEncoder3(value2, index, optionValueFormat),
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+          label: enumLabel,
+          value: enumOptionValueEncoder3(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 = [
     enumOptionSelectedValue3(value, enumOptions, isMultiple, optionValueFormat, isMultiple ? [] : "")
   ].flat().filter((v) => v !== "");
@@ -1378,9 +1344,9 @@ function SelectWidget(props) {
           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": ariaDescribedByIds7(id),
@@ -1400,10 +1366,7 @@ function SelectWidget(props) {
 
 // src/TextareaWidget/TextareaWidget.tsx
 import { Textarea } from "@chakra-ui/react";
-import {
-  ariaDescribedByIds as ariaDescribedByIds8,
-  labelValue as labelValue8
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds8, labelValue as labelValue8 } from "@rjsf/utils";
 import { jsx as jsx34 } from "react/jsx-runtime";
 function TextareaWidget({
   id,
@@ -1423,9 +1386,9 @@ function TextareaWidget({
   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({ uiSchema });
   return /* @__PURE__ */ jsx34(
     Field,
@@ -1445,9 +1408,9 @@ function TextareaWidget({
           value: value ?? "",
           placeholder,
           autoFocus: autofocus,
-          onChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           rows: options.rows,
           "aria-describedby": ariaDescribedByIds8(id)
         }
@@ -1457,16 +1420,13 @@ function TextareaWidget({
 }
 
 // src/UpDownWidget/UpDownWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds9,
-  labelValue as labelValue9
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds9, labelValue as labelValue9 } from "@rjsf/utils";
 
 // src/components/ui/number-input.tsx
 import { forwardRef as forwardRef8, useEffect, useRef as useRef2 } from "react";
 import { NumberInput as ChakraNumberInput } from "@chakra-ui/react";
 import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
-var NumberInputRoot = forwardRef8(function NumberInput(props, ref) {
+var NumberInputRoot = forwardRef8((props, ref) => {
   const inputRef = useRef2(null);
   useEffect(() => {
     if (inputRef.current) {
@@ -1486,9 +1446,9 @@ var NumberInputRoot = forwardRef8(function NumberInput(props, ref) {
 import { jsx as jsx36 } from "react/jsx-runtime";
 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__ */ jsx36(
     Field,
@@ -1504,9 +1464,9 @@ function UpDownWidget(props) {
         NumberInputRoot,
         {
           value,
-          onValueChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onValueChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           "aria-describedby": ariaDescribedByIds9(id),
           id,
           name: id
@@ -1558,9 +1518,7 @@ var memoizedCreateCacheWithContainer = weakMemoize((container) => {
   const newCache = createCache({ container, key: "rjsf" });
   return newCache;
 });
-var __createChakraFrameProvider = (props) => ({ document }) => {
-  return /* @__PURE__ */ jsx37("div", { style: { margin: 2 }, children: /* @__PURE__ */ jsx37(CacheProvider, { value: memoizedCreateCacheWithContainer(document.head), children: /* @__PURE__ */ jsx37(ChakraProvider, { value: defaultSystem2, children: props.children }) }) });
-};
+var __createChakraFrameProvider = (props) => ({ document }) => /* @__PURE__ */ jsx37("div", { style: { margin: 2 }, children: /* @__PURE__ */ jsx37(CacheProvider, { value: memoizedCreateCacheWithContainer(document.head), children: /* @__PURE__ */ jsx37(ChakraProvider, { value: defaultSystem2, children: props.children }) }) });
 
 // src/index.ts
 var index_default = Form_default;