@rjsf/chakra-ui 6.6.0 → 6.6.2

package/dist/index.cjs

@@ -168,7 +168,7 @@ var import_utils4 = require("@rjsf/utils");
 var import_react4 = require("react");
 var import_react5 = require("@chakra-ui/react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Field = (0, import_react4.forwardRef)(function Field2(props, ref) {
+var Field = (0, import_react4.forwardRef)((props, ref) => {
   const { label, children, helperText, errorText, optionalText, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react5.Field.Root, { ref, ...rest, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react5.Field.Label, { children: [
@@ -222,9 +222,9 @@ function BaseInputTemplate(props) {
   } = props;
   const inputProps = (0, import_utils4.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 = (0, import_react7.useCallback)(
     (e) => {
       e.preventDefault();
@@ -251,9 +251,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,
@@ -292,13 +292,11 @@ var import_react10 = require("react");
 var import_react11 = require("@chakra-ui/react");
 var import_lu = require("react-icons/lu");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var CloseButton = (0, import_react10.forwardRef)(function CloseButton2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react11.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lu.LuX, {}) });
-});
+var CloseButton = (0, import_react10.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react11.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lu.LuX, {}) }));
 
 // src/components/ui/alert.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Alert = (0, import_react12.forwardRef)(function Alert2(props, ref) {
+var Alert = (0, import_react12.forwardRef)((props, ref) => {
   const { title, children, closable, onClose, startElement, endElement, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react13.Alert.Root, { ref, ...rest, children: [
     startElement || /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react13.Alert.Indicator, {}),
@@ -312,7 +310,10 @@ var Alert = (0, import_react12.forwardRef)(function Alert2(props, ref) {
 });
 
 // src/ErrorList/ErrorList.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime9 = (
+  // oxlint-disable-next-line react/no-array-index-key
+  require("react/jsx-runtime")
+);
 function ErrorList({
   errors,
   registry
@@ -324,16 +325,17 @@ function ErrorList({
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
 var import_react15 = require("@chakra-ui/react");
 var import_utils7 = require("@rjsf/utils");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime10 = (
+  // oxlint-disable-next-line react/no-array-index-key
+  require("react/jsx-runtime")
+);
 function FieldErrorTemplate(props) {
   const { errors = [], fieldPathId } = props;
   if (errors.length === 0) {
     return null;
   }
   const id = (0, import_utils7.errorId)(fieldPathId);
-  return errors.map((error, i) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react15.Fieldset.ErrorText, { mt: 0, id, children: error }, i);
-  });
+  return errors.map((error, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react15.Fieldset.ErrorText, { mt: 0, id, children: error }, i));
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
@@ -437,16 +439,18 @@ ChakraIconButton2.displayName = "ChakraIconButton";
 var ChakraIconButton_default = (0, import_react19.memo)(ChakraIconButton2);
 
 // src/IconButton/IconButton.tsx
+var import_react21 = require("react");
 var import_utils10 = require("@rjsf/utils");
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-function CopyButton(props) {
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChakraIconButton_default, { title: translateString(import_utils10.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.CopyIcon, {}) });
 }
-function MoveDownButton(props) {
+var CopyButton = (0, import_react21.memo)(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -459,7 +463,8 @@ function MoveDownButton(props) {
     }
   );
 }
-function MoveUpButton(props) {
+var MoveDownButton = (0, import_react21.memo)(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -472,7 +477,8 @@ function MoveUpButton(props) {
     }
   );
 }
-function RemoveButton(props) {
+var MoveUpButton = (0, import_react21.memo)(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
@@ -485,26 +491,28 @@ function RemoveButton(props) {
     }
   );
 }
-function ClearButton(props) {
+var RemoveButton = (0, import_react21.memo)(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChakraIconButton_default, { title: translateString(import_utils10.TranslatableString.ClearButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.X, {}) });
 }
+var ClearButton = (0, import_react21.memo)(ClearButtonFn);
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
-var import_react21 = require("@chakra-ui/react");
+var import_react22 = require("@chakra-ui/react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function MultiSchemaFieldTemplate(props) {
   const { optionSchemaField, selector } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react21.Card.Root, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react21.Card.Body, { pb: 2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react21.Box, { mb: 4, children: selector }),
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react22.Card.Root, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react22.Card.Body, { pb: 2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react22.Box, { mb: 4, children: selector }),
     optionSchemaField
   ] }) });
 }
 
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-var import_react22 = require("@chakra-ui/react");
+var import_react23 = require("@chakra-ui/react");
 var import_utils11 = require("@rjsf/utils");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
@@ -557,12 +565,12 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react22.Grid, { gap: description ? 2 : 4, mb: 4, children: [
-      !showOptionalDataControlInTitle ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react22.GridItem, { children: optionalDataControl }) : void 0,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react23.Grid, { gap: description ? 2 : 4, mb: 4, children: [
+      !showOptionalDataControlInTitle ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react23.GridItem, { children: optionalDataControl }) : void 0,
       properties.map(
-        (element, index) => element.hidden ? element.content : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react22.GridItem, { children: element.content }, `${fieldPathId.$id}-${element.name}-${index}`)
+        (element) => element.hidden ? element.content : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react23.GridItem, { children: element.content }, element.name)
       ),
-      (0, import_utils11.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react22.GridItem, { justifySelf: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      (0, import_utils11.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react23.GridItem, { justifySelf: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AddButton2,
         {
           id: (0, import_utils11.buttonId)(fieldPathId, "add"),
@@ -596,7 +604,8 @@ function OptionalDataControlsTemplate(props) {
         variant: "subtle"
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       RemoveButton,
       {
@@ -614,7 +623,7 @@ function OptionalDataControlsTemplate(props) {
 }
 
 // src/SubmitButton/SubmitButton.tsx
-var import_react23 = require("@chakra-ui/react");
+var import_react24 = require("@chakra-ui/react");
 var import_utils12 = require("@rjsf/utils");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function SubmitButton({ uiSchema }) {
@@ -622,33 +631,33 @@ function SubmitButton({ uiSchema }) {
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react23.Box, { marginTop: 3, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react23.Button, { type: "submit", variant: "solid", ...submitButtonProps, children: submitText }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react24.Box, { marginTop: 3, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react24.Button, { type: "submit", variant: "solid", ...submitButtonProps, children: submitText }) });
 }
 
 // src/TitleField/TitleField.tsx
-var import_react24 = require("@chakra-ui/react");
+var import_react25 = require("@chakra-ui/react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function TitleField({
   id,
   title,
   optionalDataControl
 }) {
-  let heading = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.Heading, { as: "h5", children: title });
+  let heading = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react25.Heading, { as: "h5", children: title });
   if (optionalDataControl) {
-    heading = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react24.Flex, { children: [
+    heading = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react25.Flex, { children: [
       heading,
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.Spacer, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react25.Spacer, {}),
       optionalDataControl
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react24.Box, { id, mt: 1, mb: 4, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react25.Box, { id, mt: 1, mb: 4, children: [
     heading,
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.Separator, {})
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react25.Separator, {})
   ] });
 }
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
-var import_react25 = require("@chakra-ui/react");
+var import_react26 = require("@chakra-ui/react");
 var import_utils13 = require("@rjsf/utils");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
@@ -679,7 +688,7 @@ function WrapIfAdditionalTemplate(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: classNames, style, children });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    import_react25.Grid,
+    import_react26.Grid,
     {
       templateColumns: "repeat(11, 1fr)",
       className: classNames,
@@ -687,8 +696,8 @@ function WrapIfAdditionalTemplate(props) {
       alignItems: "center",
       gap: 2,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react25.GridItem, { colSpan: 5, style: { marginTop: hasDescription ? "36px" : void 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Field, { required, label: keyLabel, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          import_react25.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react26.GridItem, { colSpan: 5, style: { marginTop: hasDescription ? "36px" : void 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Field, { required, label: keyLabel, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_react26.Input,
           {
             defaultValue: label,
             disabled: disabled || readonly,
@@ -700,8 +709,8 @@ function WrapIfAdditionalTemplate(props) {
           },
           label
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react25.GridItem, { colSpan: 5, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react25.GridItem, { justifySelf: "flex-end", style: { marginTop: displayLabel ? `${margin}px` : void 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react26.GridItem, { colSpan: 5, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react26.GridItem, { justifySelf: "flex-end", style: { marginTop: displayLabel ? `${margin}px` : void 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           RemoveButton2,
           {
             id: (0, import_utils13.buttonId)(id, "remove"),
@@ -760,7 +769,7 @@ function AltDateTimeWidget({
 var AltDateTimeWidget_default = AltDateTimeWidget;
 
 // src/AltDateWidget/AltDateWidget.tsx
-var import_react26 = require("@chakra-ui/react");
+var import_react27 = require("@chakra-ui/react");
 var import_utils14 = require("@rjsf/utils");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function AltDateWidget({
@@ -779,10 +788,10 @@ function AltDateWidget({
     options: realOptions
   });
   const chakraProps = getChakra({ uiSchema: props.uiSchema });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react26.FieldsetRoot, { ...chakraProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react26.Box, { display: "flex", flexWrap: "wrap", alignItems: "center", children: elements.map((elemProps, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react27.FieldsetRoot, { ...chakraProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react27.Box, { display: "flex", flexWrap: "wrap", alignItems: "center", children: elements.map((elemProps, i) => {
       const elemId = `${id}_${elemProps.type}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react26.Box, { mr: "2", mb: "2", width: "20", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react27.Box, { mr: "2", mb: "2", width: "20", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         import_utils14.DateElement,
         {
           ...props,
@@ -800,28 +809,28 @@ function AltDateWidget({
         }
       ) }, elemId);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react26.Box, { display: "flex", children: [
-      !options.hideNowButton && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react26.Button, { onClick: handleSetNow, mr: "2", children: translateString(import_utils14.TranslatableString.NowLabel) }),
-      !options.hideClearButton && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react26.Button, { onClick: handleClear, children: translateString(import_utils14.TranslatableString.ClearLabel) })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react27.Box, { display: "flex", children: [
+      !options.hideNowButton && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react27.Button, { onClick: handleSetNow, mr: "2", children: translateString(import_utils14.TranslatableString.NowLabel) }),
+      !options.hideClearButton && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react27.Button, { onClick: handleClear, children: translateString(import_utils14.TranslatableString.ClearLabel) })
     ] })
   ] });
 }
 var AltDateWidget_default = AltDateWidget;
 
 // src/CheckboxesWidget/CheckboxesWidget.tsx
-var import_react29 = require("@chakra-ui/react");
+var import_react30 = require("@chakra-ui/react");
 var import_utils16 = require("@rjsf/utils");
 
 // src/components/ui/checkbox.tsx
-var import_react27 = require("react");
-var import_react28 = require("@chakra-ui/react");
+var import_react28 = require("react");
+var import_react29 = require("@chakra-ui/react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var Checkbox = (0, import_react27.forwardRef)(function Checkbox2(props, ref) {
+var Checkbox = (0, import_react28.forwardRef)((props, ref) => {
   const { icon, children, inputProps, rootRef, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Checkbox.Root, { ref: rootRef, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Checkbox.HiddenInput, { ref, ...inputProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Checkbox.Control, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Checkbox.Indicator, {}) }),
-    children != null && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Checkbox.Label, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react29.Checkbox.Root, { ref: rootRef, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react29.Checkbox.HiddenInput, { ref, ...inputProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react29.Checkbox.Control, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react29.Checkbox.Indicator, {}) }),
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react29.Checkbox.Label, { children })
   ] });
 });
 
@@ -846,30 +855,30 @@ function CheckboxesWidget(props) {
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = (0, import_utils16.getOptionValueFormat)(options);
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils16.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils16.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils16.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils16.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
   const row = options ? options.inline : false;
   const selectValue = (0, import_utils16.enumOptionSelectedValue)(value, enumOptions, true, optionValueFormat, []);
   const chakraProps = getChakra({ uiSchema });
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-    import_react29.FieldsetRoot,
+    import_react30.FieldsetRoot,
     {
       mb: 1,
       disabled: disabled || readonly,
       invalid: rawErrors && rawErrors.length > 0,
       ...chakraProps,
       children: [
-        !hideLabel && label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react29.FieldsetLegend, { children: (0, import_utils16.labelValue)(label) }),
+        !hideLabel && label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react30.FieldsetLegend, { children: (0, import_utils16.labelValue)(label) }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_react29.CheckboxGroup,
+          import_react30.CheckboxGroup,
           {
             onValueChange: (option) => onChange((0, import_utils16.enumOptionValueDecoder)(option, enumOptions, optionValueFormat, emptyValue)),
             value: selectValue,
             "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id),
             readOnly: readonly,
             invalid: required && value.length === 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react29.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-              const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react30.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+              const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
               return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Checkbox,
                 {
@@ -877,11 +886,11 @@ function CheckboxesWidget(props) {
                   name: htmlName || id,
                   value: (0, import_utils16.enumOptionValueEncoder)(option.value, index, optionValueFormat),
                   disabled: disabled || itemDisabled || readonly,
-                  onBlur: _onBlur,
-                  onFocus: _onFocus,
-                  children: option.label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react29.Text, { children: option.label })
+                  onBlur: handleBlur,
+                  onFocus: handleFocus,
+                  children: option.label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react30.Text, { children: option.label })
                 },
-                index
+                String(option.value)
               );
             }) })
           }
@@ -892,7 +901,7 @@ function CheckboxesWidget(props) {
 }
 
 // src/CheckboxWidget/CheckboxWidget.tsx
-var import_react30 = require("@chakra-ui/react");
+var import_react31 = require("@chakra-ui/react");
 var import_utils18 = require("@rjsf/utils");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
@@ -921,9 +930,9 @@ function CheckboxWidget(props) {
   const uiOptions = (0, import_utils18.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({ uiSchema });
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Field, { mb: 1, required, ...chakraProps, children: [
     !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -943,19 +952,19 @@ 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": (0, import_utils18.ariaDescribedByIds)(id),
-        children: (0, import_utils18.labelValue)(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react30.Text, { children: label }), hideLabel || !label)
+        children: (0, import_utils18.labelValue)(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react31.Text, { children: label }), hideLabel || !label)
       }
     )
   ] });
 }
 
 // src/NativeSelectWidget/NativeSelectWidget.tsx
-var import_react31 = require("react");
-var import_react32 = require("@chakra-ui/react");
+var import_react32 = require("react");
+var import_react33 = require("@chakra-ui/react");
 var import_utils20 = require("@rjsf/utils");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function NativeSelectWidget(props) {
@@ -979,27 +988,25 @@ function NativeSelectWidget(props) {
     uiSchema
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const _onChange = ({ target }) => {
-    return onChange((0, import_utils20.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  };
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils20.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils20.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const handleChange = ({ target }) => onChange((0, import_utils20.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils20.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils20.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
   const showPlaceholderOption = !multiple && schema.default === void 0;
-  const { valueLabelMap, displayEnumOptions } = (0, import_react31.useMemo)(() => {
-    const valueLabelMap2 = {};
-    let displayEnumOptions2 = [];
+  const { valueLabelMap, displayEnumOptions } = (0, import_react32.useMemo)(() => {
+    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 = (0, import_utils20.enumOptionsIndexForValue)(value, enumOptions, false);
   const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
@@ -1009,7 +1016,7 @@ function NativeSelectWidget(props) {
     }
   ] : [];
   const formValue = getSingleValue()[0]?.value || "";
-  const selectOptions = (0, import_react32.createListCollection)({
+  const selectOptions = (0, import_react33.createListCollection)({
     items: displayEnumOptions.filter((item) => item.value)
   });
   const chakraProps = getChakra({ uiSchema });
@@ -1023,14 +1030,14 @@ function NativeSelectWidget(props) {
       invalid: rawErrors && rawErrors.length > 0,
       label: (0, import_utils20.labelValue)(label, hideLabel || !label),
       ...chakraProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react32.NativeSelect.Root, { children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react33.NativeSelect.Root, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-          import_react32.NativeSelect.Field,
+          import_react33.NativeSelect.Field,
           {
             id,
-            onBlur: _onBlur,
-            onChange: _onChange,
-            onFocus: _onFocus,
+            onBlur: handleBlur,
+            onChange: handleChange,
+            onFocus: handleFocus,
             autoFocus: autofocus,
             value: formValue,
             "aria-describedby": (0, import_utils20.ariaDescribedByIds)(id),
@@ -1040,29 +1047,29 @@ function NativeSelectWidget(props) {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react32.NativeSelect.Indicator, {})
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react33.NativeSelect.Indicator, {})
       ] })
     }
   );
 }
 
 // src/RadioWidget/RadioWidget.tsx
-var import_react35 = require("@chakra-ui/react");
+var import_react36 = require("@chakra-ui/react");
 var import_utils22 = require("@rjsf/utils");
 
 // src/components/ui/radio.tsx
-var import_react33 = require("react");
-var import_react34 = require("@chakra-ui/react");
+var import_react34 = require("react");
+var import_react35 = require("@chakra-ui/react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var Radio = (0, import_react33.forwardRef)(function Radio2(props, ref) {
+var Radio = (0, import_react34.forwardRef)((props, ref) => {
   const { children, inputProps, rootRef, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react34.RadioGroup.Item, { ref: rootRef, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react34.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react34.RadioGroup.ItemIndicator, {}),
-    children && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react34.RadioGroup.ItemText, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react35.RadioGroup.Item, { ref: rootRef, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react35.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react35.RadioGroup.ItemIndicator, {}),
+    children && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react35.RadioGroup.ItemText, { children })
   ] });
 });
-var RadioGroup = import_react34.RadioGroup.Root;
+var RadioGroup = import_react35.RadioGroup.Root;
 
 // src/RadioWidget/RadioWidget.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -1083,9 +1090,9 @@ function RadioWidget({
 }) {
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = (0, import_utils22.getOptionValueFormat)(options);
-  const _onChange = ({ target: { value: value2 } }) => onChange((0, import_utils22.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
-  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, (0, import_utils22.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, (0, import_utils22.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
+  const handleChange = ({ target: { value: enumValue } }) => onChange((0, import_utils22.enumOptionValueDecoder)(enumValue, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = ({ target: { value: enumValue } }) => onBlur(id, (0, import_utils22.enumOptionValueDecoder)(enumValue, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = ({ target: { value: enumValue } }) => onFocus(id, (0, import_utils22.enumOptionValueDecoder)(enumValue, enumOptions, optionValueFormat, emptyValue));
   const row = options ? options.inline : false;
   const selectValue = (0, import_utils22.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, null);
   const chakraProps = getChakra({ uiSchema });
@@ -1101,14 +1108,14 @@ function RadioWidget({
       children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         RadioGroup,
         {
-          onChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           value: selectValue,
           name: htmlName || id,
           "aria-describedby": (0, import_utils22.ariaDescribedByIds)(id),
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-            const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react36.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+            const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
             return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               Radio,
               {
@@ -1117,7 +1124,7 @@ function RadioWidget({
                 disabled: disabled || itemDisabled || readonly,
                 children: option.label
               },
-              index
+              String(option.value)
             );
           }) })
         }
@@ -1130,10 +1137,27 @@ function RadioWidget({
 var import_utils24 = require("@rjsf/utils");
 
 // src/components/ui/slider.tsx
-var import_react36 = require("react");
-var import_react37 = require("@chakra-ui/react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var Slider = (0, import_react36.forwardRef)(function Slider2(props, ref) {
+var import_react37 = require("react");
+var import_react38 = require("@chakra-ui/react");
+var import_jsx_runtime30 = (
+  // oxlint-disable-next-line react/no-array-index-key
+  require("react/jsx-runtime")
+);
+var SliderMarks = (0, import_react37.forwardRef)((props, ref) => {
+  const { marks } = props;
+  if (!marks?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.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__ */ (0, import_jsx_runtime30.jsxs)(import_react38.Slider.Marker, { value, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.Slider.MarkerIndicator, {}),
+      label
+    ] }, index);
+  }) });
+});
+var Slider = (0, import_react37.forwardRef)((props, ref) => {
   const { marks: marksProp, showValue, ...rest } = props;
   const value = props.defaultValue ?? props.value;
   const marks = marksProp?.map((mark) => {
@@ -1143,10 +1167,10 @@ var Slider = (0, import_react36.forwardRef)(function Slider2(props, ref) {
     return mark;
   });
   const hasMarkLabel = !!marks?.some((mark) => mark.label);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react37.Slider.Root, { ref, width: "200px", thumbAlignment: "center", ...rest, children: [
-    showValue && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.HStack, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.Slider.ValueText, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react37.Slider.Control, { "data-has-mark-label": hasMarkLabel || void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.Slider.Range, {}) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react38.Slider.Root, { ref, width: "200px", thumbAlignment: "center", ...rest, children: [
+    showValue && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.HStack, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.Slider.ValueText, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react38.Slider.Control, { "data-has-mark-label": hasMarkLabel || void 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.Slider.Range, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SliderThumbs, { value }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SliderMarks, { marks })
     ] })
@@ -1154,22 +1178,11 @@ var Slider = (0, import_react36.forwardRef)(function Slider2(props, ref) {
 });
 function SliderThumbs(props) {
   const { value } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: value?.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.Slider.Thumb, { index, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.Slider.HiddenInput, {}) }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: value?.map((_, index) => (
+    // oxlint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.Slider.Thumb, { index, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react38.Slider.HiddenInput, {}) }, index)
+  )) });
 }
-var SliderMarks = (0, import_react36.forwardRef)(function SliderMarks2(props, ref) {
-  const { marks } = props;
-  if (!marks?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.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__ */ (0, import_jsx_runtime30.jsxs)(import_react37.Slider.Marker, { value, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react37.Slider.MarkerIndicator, {}),
-      label
-    ] }, index);
-  }) });
-});
 
 // src/RangeWidget/RangeWidget.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -1187,9 +1200,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__ */ (0, import_jsx_runtime31.jsx)(Field, { mb: 1, label: (0, import_utils24.labelValue)(label, hideLabel || !label), ...chakraProps, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Slider,
@@ -1199,52 +1212,48 @@ function RangeWidget({
       name: id,
       disabled: disabled || readonly,
       value: [value],
-      onValueChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
+      onValueChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       "aria-describedby": (0, import_utils24.ariaDescribedByIds)(id)
     }
   ) });
 }
 
 // src/SelectWidget/SelectWidget.tsx
-var import_react40 = require("react");
-var import_react41 = require("@chakra-ui/react");
+var import_react41 = require("react");
+var import_react42 = require("@chakra-ui/react");
 var import_utils26 = require("@rjsf/utils");
 
 // src/components/ui/select.tsx
-var import_react38 = require("react");
-var import_react39 = require("@chakra-ui/react");
+var import_react39 = require("react");
+var import_react40 = require("@chakra-ui/react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var SelectTrigger = (0, import_react38.forwardRef)(function SelectTrigger2(props, ref) {
+var SelectClearTrigger = (0, import_react39.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) }));
+var SelectTrigger = (0, import_react39.forwardRef)((props, ref) => {
   const { children, clearable, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react39.Select.Control, { ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Trigger, { ref, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react39.Select.IndicatorGroup, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react40.Select.Control, { ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.Trigger, { ref, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react40.Select.IndicatorGroup, { children: [
       clearable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectClearTrigger, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Indicator, {})
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.Indicator, {})
     ] })
   ] });
 });
-var SelectClearTrigger = (0, import_react38.forwardRef)(
-  function SelectClearTrigger2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) });
-  }
-);
-var SelectContent = (0, import_react38.forwardRef)(function SelectContent2(props, ref) {
+var SelectContent = (0, import_react39.forwardRef)((props, ref) => {
   const { portalled = true, portalRef, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Content, { ...rest, ref }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.Content, { ...rest, ref }) }) });
 });
-var SelectItem = (0, import_react38.forwardRef)(function SelectItem2(props, ref) {
+var SelectItem = (0, import_react39.forwardRef)((props, ref) => {
   const { item, children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react39.Select.Item, { item, ...rest, ref, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react40.Select.Item, { item, ...rest, ref, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.ItemIndicator, {})
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.ItemIndicator, {})
   ] }, item.value);
 });
-var SelectValueText = (0, import_react38.forwardRef)(function SelectValueText2(props, ref) {
+var SelectValueText = (0, import_react39.forwardRef)((props, ref) => {
   const { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Context, { children: (select) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.Context, { children: (select) => {
     const items = select.selectedItems;
     if (items.length === 0) {
       return props.placeholder;
@@ -1258,21 +1267,19 @@ var SelectValueText = (0, import_react38.forwardRef)(function SelectValueText2(p
     return `${items.length} selected`;
   } }) });
 });
-var SelectRoot = (0, import_react38.forwardRef)(function SelectRoot2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Root, { ...props, ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? props.children : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.HiddenSelect, {}),
-    props.children
-  ] }) });
-});
-var SelectItemGroup = (0, import_react38.forwardRef)(function SelectItemGroup2(props, ref) {
+var SelectRoot = (0, import_react39.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.Root, { ...props, ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? props.children : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.HiddenSelect, {}),
+  props.children
+] }) }));
+var SelectItemGroup = (0, import_react39.forwardRef)((props, ref) => {
   const { children, label, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react39.Select.ItemGroup, { ...rest, ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.ItemGroupLabel, { children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react40.Select.ItemGroup, { ...rest, ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react40.Select.ItemGroupLabel, { children: label }),
     children
   ] });
 });
-var SelectLabel = import_react39.Select.Label;
-var SelectItemText = import_react39.Select.ItemText;
+var SelectLabel = import_react40.Select.Label;
+var SelectItemText = import_react40.Select.ItemText;
 
 // src/SelectWidget/SelectWidget.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -1299,41 +1306,39 @@ function SelectWidget(props) {
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
   const optionValueFormat = (0, import_utils26.getOptionValueFormat)(options);
-  const _onMultiChange = ({ value: value2 }) => {
-    return onChange((0, import_utils26.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
-  };
-  const _onSingleChange = ({ value: value2 }) => {
-    const selected = (0, import_utils26.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue);
+  const handleMultiChange = ({ value: newValue }) => onChange((0, import_utils26.enumOptionValueDecoder)(newValue, enumOptions, optionValueFormat, emptyValue));
+  const handleSingleChange = ({ value: newValue }) => {
+    const selected = (0, import_utils26.enumOptionValueDecoder)(newValue, enumOptions, optionValueFormat, emptyValue);
     return onChange(Array.isArray(selected) && selected.length === 1 ? selected[0] : selected);
   };
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils26.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils26.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils26.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils26.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
   const showPlaceholderOption = !multiple && schema.default === void 0;
-  const displayEnumOptions = (0, import_react40.useMemo)(() => {
-    let displayEnumOptions2 = [];
+  const displayEnumOptions = (0, import_react41.useMemo)(() => {
+    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: (0, import_utils26.enumOptionValueEncoder)(value2, index, optionValueFormat),
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+          label: enumLabel,
+          value: (0, import_utils26.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 = [
     (0, import_utils26.enumOptionSelectedValue)(value, enumOptions, isMultiple, optionValueFormat, isMultiple ? [] : "")
   ].flat().filter((v) => v !== "");
-  const selectOptions = (0, import_react41.createListCollection)({
+  const selectOptions = (0, import_react42.createListCollection)({
     items: displayEnumOptions.filter((item) => item.value)
   });
-  const containerRef = (0, import_react40.useRef)(null);
+  const containerRef = (0, import_react41.useRef)(null);
   const chakraProps = getChakra({ uiSchema });
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Field,
@@ -1355,18 +1360,18 @@ 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": (0, import_utils26.ariaDescribedByIds)(id),
           positioning: { placement: "bottom" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react41.Select.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValueText, { placeholder }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react41.Select.Positioner, { minWidth: "100% !important", zIndex: "2 !important", top: "calc(100% + 5px) !important", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react41.Select.Content, { children: selectOptions.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react41.Select.Item, { item, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Select.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValueText, { placeholder }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Select.Positioner, { minWidth: "100% !important", zIndex: "2 !important", top: "calc(100% + 5px) !important", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Select.Content, { children: selectOptions.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react42.Select.Item, { item, children: [
               item.label,
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react41.Select.ItemIndicator, {})
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react42.Select.ItemIndicator, {})
             ] }, item.value)) }) })
           ]
         }
@@ -1376,7 +1381,7 @@ function SelectWidget(props) {
 }
 
 // src/TextareaWidget/TextareaWidget.tsx
-var import_react42 = require("@chakra-ui/react");
+var import_react43 = require("@chakra-ui/react");
 var import_utils28 = require("@rjsf/utils");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function TextareaWidget({
@@ -1397,9 +1402,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__ */ (0, import_jsx_runtime34.jsx)(
     Field,
@@ -1412,16 +1417,16 @@ function TextareaWidget({
       label: (0, import_utils28.labelValue)(label, hideLabel || !label),
       ...chakraProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        import_react42.Textarea,
+        import_react43.Textarea,
         {
           id,
           name: htmlName || id,
           value: value ?? "",
           placeholder,
           autoFocus: autofocus,
-          onChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           rows: options.rows,
           "aria-describedby": (0, import_utils28.ariaDescribedByIds)(id)
         }
@@ -1434,22 +1439,22 @@ function TextareaWidget({
 var import_utils30 = require("@rjsf/utils");
 
 // src/components/ui/number-input.tsx
-var import_react43 = require("react");
-var import_react44 = require("@chakra-ui/react");
+var import_react44 = require("react");
+var import_react45 = require("@chakra-ui/react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var NumberInputRoot = (0, import_react43.forwardRef)(function NumberInput(props, ref) {
-  const inputRef = (0, import_react43.useRef)(null);
-  (0, import_react43.useEffect)(() => {
+var NumberInputRoot = (0, import_react44.forwardRef)((props, ref) => {
+  const inputRef = (0, import_react44.useRef)(null);
+  (0, import_react44.useEffect)(() => {
     if (inputRef.current) {
       inputRef.current.value = props.value || "";
     }
   }, [props.value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.NumberInput.Root, { ref, variant: "outline", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.NumberInput.Control, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.NumberInput.IncrementTrigger, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.NumberInput.DecrementTrigger, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react45.NumberInput.Root, { ref, variant: "outline", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react45.NumberInput.Control, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react45.NumberInput.IncrementTrigger, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react45.NumberInput.DecrementTrigger, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.NumberInput.Input, { ref: inputRef })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react45.NumberInput.Input, { ref: inputRef })
   ] });
 });
 
@@ -1457,9 +1462,9 @@ var NumberInputRoot = (0, import_react43.forwardRef)(function NumberInput(props,
 var import_jsx_runtime36 = require("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__ */ (0, import_jsx_runtime36.jsx)(
     Field,
@@ -1475,9 +1480,9 @@ function UpDownWidget(props) {
         NumberInputRoot,
         {
           value,
-          onValueChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onValueChange: handleChange,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           "aria-describedby": (0, import_utils30.ariaDescribedByIds)(id),
           id,
           name: id
@@ -1520,18 +1525,16 @@ function generateForm() {
 var Form_default = generateForm();
 
 // src/ChakraFrameProvider.tsx
-var import_react45 = require("@chakra-ui/react");
+var import_react46 = require("@chakra-ui/react");
 var import_cache = __toESM(require("@emotion/cache"), 1);
-var import_react46 = require("@emotion/react");
+var import_react47 = require("@emotion/react");
 var import_weak_memoize = __toESM(require("@emotion/weak-memoize"), 1);
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var memoizedCreateCacheWithContainer = (0, import_weak_memoize.default)((container) => {
   const newCache = (0, import_cache.default)({ container, key: "rjsf" });
   return newCache;
 });
-var __createChakraFrameProvider = (props) => ({ document }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { style: { margin: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react46.CacheProvider, { value: memoizedCreateCacheWithContainer(document.head), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react45.ChakraProvider, { value: import_react45.defaultSystem, children: props.children }) }) });
-};
+var __createChakraFrameProvider = (props) => ({ document }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { style: { margin: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react47.CacheProvider, { value: memoizedCreateCacheWithContainer(document.head), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react46.ChakraProvider, { value: import_react46.defaultSystem, children: props.children }) }) });
 
 // src/index.ts
 var index_default = Form_default;