@rjsf/chakra-ui 6.5.3 → 6.6.0

package/dist/index.cjs

@@ -48,8 +48,8 @@ module.exports = __toCommonJS(index_exports);
 var import_core4 = require("@rjsf/core");
 
 // src/AddButton/AddButton.tsx
-var import_utils = require("@rjsf/utils");
 var import_react = require("@chakra-ui/react");
+var import_utils = require("@rjsf/utils");
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function AddButton({
@@ -161,8 +161,8 @@ function ArrayFieldTemplate(props) {
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 var import_react7 = require("react");
 var import_react8 = require("@chakra-ui/react");
-var import_utils4 = require("@rjsf/utils");
 var import_core = require("@rjsf/core");
+var import_utils4 = require("@rjsf/utils");
 
 // src/components/ui/field.tsx
 var import_react4 = require("react");
@@ -269,8 +269,8 @@ function BaseInputTemplate(props) {
 }
 
 // src/DescriptionField/DescriptionField.tsx
-var import_core2 = require("@rjsf/core");
 var import_react9 = require("@chakra-ui/react");
+var import_core2 = require("@rjsf/core");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function DescriptionField({ description, id, registry, uiSchema }) {
   if (!description) {
@@ -280,8 +280,8 @@ function DescriptionField({ description, id, registry, uiSchema }) {
 }
 
 // src/ErrorList/ErrorList.tsx
-var import_utils6 = require("@rjsf/utils");
 var import_react14 = require("@chakra-ui/react");
+var import_utils6 = require("@rjsf/utils");
 
 // src/components/ui/alert.tsx
 var import_react12 = require("react");
@@ -321,105 +321,38 @@ function ErrorList({
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Alert, { status: "error", title: translateString(import_utils6.TranslatableString.ErrorsLabel), mb: 3, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react14.ListRoot, { listStylePosition: "inside", children: errors.map((error, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react14.ListItem, { children: error.stack }, i)) }) });
 }
 
-// src/IconButton/ChakraIconButton.tsx
-var import_react15 = require("react");
-var import_react16 = require("@chakra-ui/react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function ChakraIconButton2(props) {
-  const { icon, iconType, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react16.IconButton, { "aria-label": props.title, ...otherProps, children: icon });
-}
-ChakraIconButton2.displayName = "ChakraIconButton";
-var ChakraIconButton_default = (0, import_react15.memo)(ChakraIconButton2);
-
-// src/IconButton/IconButton.tsx
-var import_utils7 = require("@rjsf/utils");
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function CopyButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChakraIconButton_default, { title: translateString(import_utils7.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.CopyIcon, {}) });
-}
-function MoveDownButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    ChakraIconButton_default,
-    {
-      title: translateString(import_utils7.TranslatableString.MoveDownButton),
-      ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.ArrowDownIcon, {})
-    }
-  );
-}
-function MoveUpButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    ChakraIconButton_default,
-    {
-      title: translateString(import_utils7.TranslatableString.MoveUpButton),
-      ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.ArrowUpIcon, {})
-    }
-  );
-}
-function RemoveButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    ChakraIconButton_default,
-    {
-      title: translateString(import_utils7.TranslatableString.RemoveButton),
-      ...props,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.DeleteIcon, {})
-    }
-  );
-}
-function ClearButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChakraIconButton_default, { title: translateString(import_utils7.TranslatableString.ClearButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.X, {}) });
-}
-
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
-var import_utils8 = require("@rjsf/utils");
-var import_react17 = require("@chakra-ui/react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react15 = require("@chakra-ui/react");
+var import_utils7 = require("@rjsf/utils");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function FieldErrorTemplate(props) {
   const { errors = [], fieldPathId } = props;
   if (errors.length === 0) {
     return null;
   }
-  const id = (0, import_utils8.errorId)(fieldPathId);
+  const id = (0, import_utils7.errorId)(fieldPathId);
   return errors.map((error, i) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react17.Fieldset.ErrorText, { mt: 0, id, children: error }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react15.Fieldset.ErrorText, { mt: 0, id, children: error }, i);
   });
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
-var import_react18 = require("@chakra-ui/react");
-var import_utils9 = require("@rjsf/utils");
+var import_react16 = require("@chakra-ui/react");
 var import_core3 = require("@rjsf/core");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_utils8 = require("@rjsf/utils");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (!help) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react18.Text, { as: "sup", fontSize: "md", id: (0, import_utils9.helpId)(fieldPathId), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core3.RichHelp, { help, registry, uiSchema }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react16.Text, { as: "sup", fontSize: "md", id: (0, import_utils8.helpId)(fieldPathId), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core3.RichHelp, { help, registry, uiSchema }) });
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
-var import_react19 = require("@chakra-ui/react");
-var import_utils10 = require("@rjsf/utils");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react17 = require("@chakra-ui/react");
+var import_utils9 = require("@rjsf/utils");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function FieldTemplate(props) {
   const {
     id,
@@ -444,16 +377,16 @@ function FieldTemplate(props) {
     schema,
     uiSchema
   } = props;
-  const uiOptions = (0, import_utils10.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils10.getTemplate)(
+  const uiOptions = (0, import_utils9.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils9.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { display: "none" }, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { display: "none" }, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     WrapIfAdditionalTemplate2,
     {
       classNames,
@@ -471,10 +404,10 @@ function FieldTemplate(props) {
       schema,
       uiSchema,
       registry,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react19.Fieldset.Root, { disabled, invalid: rawErrors && rawErrors.length > 0, children: [
-        displayLabel && rawDescription ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react19.Fieldset.Legend, { mt: 2, children: description }) : null,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react17.Fieldset.Root, { disabled, invalid: rawErrors && rawErrors.length > 0, children: [
+        displayLabel && rawDescription ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react17.Fieldset.Legend, { mt: 2, children: description }) : null,
         help,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react19.Fieldset.Content, { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react17.Fieldset.Content, { children }),
         errors
       ] })
     }
@@ -482,14 +415,81 @@ function FieldTemplate(props) {
 }
 
 // src/GridTemplate/GridTemplate.tsx
-var import_react20 = require("@chakra-ui/react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react18 = require("@chakra-ui/react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function GridTemplate(props) {
   const { children, column, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react20.GridItem, { ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react18.GridItem, { ...rest, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react20.Grid, { ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react18.Grid, { ...rest, children });
+}
+
+// src/IconButton/ChakraIconButton.tsx
+var import_react19 = require("react");
+var import_react20 = require("@chakra-ui/react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function ChakraIconButton2(props) {
+  const { icon, iconType, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react20.IconButton, { "aria-label": props.title, ...otherProps, children: icon });
+}
+ChakraIconButton2.displayName = "ChakraIconButton";
+var ChakraIconButton_default = (0, import_react19.memo)(ChakraIconButton2);
+
+// src/IconButton/IconButton.tsx
+var import_utils10 = require("@rjsf/utils");
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function CopyButton(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) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    ChakraIconButton_default,
+    {
+      title: translateString(import_utils10.TranslatableString.MoveDownButton),
+      ...props,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.ArrowDownIcon, {})
+    }
+  );
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    ChakraIconButton_default,
+    {
+      title: translateString(import_utils10.TranslatableString.MoveUpButton),
+      ...props,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.ArrowUpIcon, {})
+    }
+  );
+}
+function RemoveButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    ChakraIconButton_default,
+    {
+      title: translateString(import_utils10.TranslatableString.RemoveButton),
+      ...props,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.DeleteIcon, {})
+    }
+  );
+}
+function ClearButton(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, {}) });
 }
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
@@ -648,8 +648,8 @@ function TitleField({
 }
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
-var import_utils13 = require("@rjsf/utils");
 var import_react25 = require("@chakra-ui/react");
+var import_utils13 = require("@rjsf/utils");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
@@ -808,7 +808,7 @@ function AltDateWidget({
 }
 var AltDateWidget_default = AltDateWidget;
 
-// src/CheckboxWidget/CheckboxWidget.tsx
+// src/CheckboxesWidget/CheckboxesWidget.tsx
 var import_react29 = require("@chakra-ui/react");
 var import_utils16 = require("@rjsf/utils");
 
@@ -825,8 +825,76 @@ var Checkbox = (0, import_react27.forwardRef)(function Checkbox2(props, ref) {
   ] });
 });
 
-// src/CheckboxWidget/CheckboxWidget.tsx
+// src/CheckboxesWidget/CheckboxesWidget.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
+function CheckboxesWidget(props) {
+  const {
+    id,
+    htmlName,
+    disabled,
+    options,
+    value,
+    readonly,
+    onChange,
+    onBlur,
+    onFocus,
+    required,
+    label,
+    rawErrors = [],
+    hideLabel,
+    uiSchema
+  } = 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 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,
+    {
+      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) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          import_react29.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;
+              return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                Checkbox,
+                {
+                  id: (0, import_utils16.optionId)(id, index),
+                  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 })
+                },
+                index
+              );
+            }) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/CheckboxWidget/CheckboxWidget.tsx
+var import_react30 = require("@chakra-ui/react");
+var import_utils18 = require("@rjsf/utils");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     id,
@@ -844,31 +912,31 @@ function CheckboxWidget(props) {
     uiSchema,
     schema
   } = props;
-  const required = (0, import_utils16.schemaRequiresTrueValue)(schema);
-  const DescriptionFieldTemplate = (0, import_utils16.getTemplate)(
+  const required = (0, import_utils18.schemaRequiresTrueValue)(schema);
+  const DescriptionFieldTemplate = (0, import_utils18.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
   );
-  const uiOptions = (0, import_utils16.getUiOptions)(uiSchema);
+  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 chakraProps = getChakra({ uiSchema });
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Field, { mb: 1, required, ...chakraProps, children: [
-    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Field, { mb: 1, required, ...chakraProps, children: [
+    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils16.descriptionId)(id),
+        id: (0, import_utils18.descriptionId)(id),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Checkbox,
       {
         id,
@@ -878,101 +946,126 @@ function CheckboxWidget(props) {
         onCheckedChange: _onChange,
         onBlur: _onBlur,
         onFocus: _onFocus,
-        "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id),
-        children: (0, import_utils16.labelValue)(/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react29.Text, { children: label }), hideLabel || !label)
+        "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)
       }
     )
   ] });
 }
 
-// src/CheckboxesWidget/CheckboxesWidget.tsx
-var import_react30 = require("@chakra-ui/react");
-var import_utils18 = require("@rjsf/utils");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-function CheckboxesWidget(props) {
+// src/NativeSelectWidget/NativeSelectWidget.tsx
+var import_react31 = require("react");
+var import_react32 = require("@chakra-ui/react");
+var import_utils20 = require("@rjsf/utils");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function NativeSelectWidget(props) {
   const {
     id,
-    htmlName,
-    disabled,
     options,
-    value,
+    label,
+    hideLabel,
+    placeholder,
+    multiple,
+    required,
+    disabled,
     readonly,
+    value,
+    autofocus,
     onChange,
     onBlur,
     onFocus,
-    required,
-    label,
     rawErrors = [],
-    hideLabel,
+    schema,
     uiSchema
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const optionValueFormat = (0, import_utils18.getOptionValueFormat)(options);
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils18.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils18.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const row = options ? options.inline : false;
-  const selectValue = (0, import_utils18.enumOptionSelectedValue)(value, enumOptions, true, optionValueFormat, []);
+  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 showPlaceholderOption = !multiple && schema.default === void 0;
+  const { valueLabelMap, displayEnumOptions } = (0, import_react31.useMemo)(() => {
+    const valueLabelMap2 = {};
+    let displayEnumOptions2 = [];
+    if (Array.isArray(enumOptions)) {
+      displayEnumOptions2 = enumOptions.map((option, index) => {
+        const { value: value2, label: label2 } = option;
+        valueLabelMap2[index] = label2 || String(value2);
+        return {
+          label: label2,
+          value: String(index),
+          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+        };
+      });
+    }
+    return { valueLabelMap: valueLabelMap2, displayEnumOptions: displayEnumOptions2 };
+  }, [enumDisabled, enumOptions]);
+  const selectedIndex = (0, import_utils20.enumOptionsIndexForValue)(value, enumOptions, false);
+  const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
+    {
+      label: valueLabelMap[selectedIndex] || "",
+      value: selectedIndex.toString()
+    }
+  ] : [];
+  const formValue = getSingleValue()[0]?.value || "";
+  const selectOptions = (0, import_react32.createListCollection)({
+    items: displayEnumOptions.filter((item) => item.value)
+  });
   const chakraProps = getChakra({ uiSchema });
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-    import_react30.FieldsetRoot,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Field,
     {
       mb: 1,
       disabled: disabled || readonly,
+      required,
+      readOnly: readonly,
       invalid: rawErrors && rawErrors.length > 0,
+      label: (0, import_utils20.labelValue)(label, hideLabel || !label),
       ...chakraProps,
-      children: [
-        !hideLabel && label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react30.FieldsetLegend, { children: (0, import_utils18.labelValue)(label) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_react30.CheckboxGroup,
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react32.NativeSelect.Root, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          import_react32.NativeSelect.Field,
           {
-            onValueChange: (option) => onChange((0, import_utils18.enumOptionValueDecoder)(option, enumOptions, optionValueFormat, emptyValue)),
-            value: selectValue,
-            "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
-            readOnly: readonly,
-            invalid: required && value.length === 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react30.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-              const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-              return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                Checkbox,
-                {
-                  id: (0, import_utils18.optionId)(id, index),
-                  name: htmlName || id,
-                  value: (0, import_utils18.enumOptionValueEncoder)(option.value, index, optionValueFormat),
-                  disabled: disabled || itemDisabled || readonly,
-                  onBlur: _onBlur,
-                  onFocus: _onFocus,
-                  children: option.label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react30.Text, { children: option.label })
-                },
-                index
-              );
-            }) })
+            id,
+            onBlur: _onBlur,
+            onChange: _onChange,
+            onFocus: _onFocus,
+            autoFocus: autofocus,
+            value: formValue,
+            "aria-describedby": (0, import_utils20.ariaDescribedByIds)(id),
+            children: [
+              showPlaceholderOption ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder || "" }) : void 0,
+              selectOptions.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: item.value, children: item.label }, item.value))
+            ]
           }
-        )
-      ]
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react32.NativeSelect.Indicator, {})
+      ] })
     }
   );
 }
 
 // src/RadioWidget/RadioWidget.tsx
-var import_react33 = require("@chakra-ui/react");
-var import_utils20 = require("@rjsf/utils");
+var import_react35 = require("@chakra-ui/react");
+var import_utils22 = require("@rjsf/utils");
 
 // src/components/ui/radio.tsx
-var import_react31 = require("react");
-var import_react32 = require("@chakra-ui/react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Radio = (0, import_react31.forwardRef)(function Radio2(props, ref) {
+var import_react33 = require("react");
+var import_react34 = require("@chakra-ui/react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Radio = (0, import_react33.forwardRef)(function Radio2(props, ref) {
   const { children, inputProps, rootRef, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react32.RadioGroup.Item, { ref: rootRef, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react32.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react32.RadioGroup.ItemIndicator, {}),
-    children && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react32.RadioGroup.ItemText, { children })
+  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 })
   ] });
 });
-var RadioGroup = import_react32.RadioGroup.Root;
+var RadioGroup = import_react34.RadioGroup.Root;
 
 // src/RadioWidget/RadioWidget.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function RadioWidget({
   id,
   htmlName,
@@ -989,23 +1082,23 @@ function RadioWidget({
   uiSchema
 }) {
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const optionValueFormat = (0, import_utils20.getOptionValueFormat)(options);
-  const _onChange = ({ target: { value: value2 } }) => onChange((0, import_utils20.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
-  const _onBlur = ({ target: { value: value2 } }) => onBlur(id, (0, import_utils20.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target: { value: value2 } }) => onFocus(id, (0, import_utils20.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
+  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 row = options ? options.inline : false;
-  const selectValue = (0, import_utils20.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, null);
+  const selectValue = (0, import_utils22.enumOptionSelectedValue)(value, enumOptions, false, optionValueFormat, null);
   const chakraProps = getChakra({ uiSchema });
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Field,
     {
       mb: 1,
       disabled: disabled || readonly,
       required,
       readOnly: readonly,
-      label: (0, import_utils20.labelValue)(label, hideLabel || !label),
+      label: (0, import_utils22.labelValue)(label, hideLabel || !label),
       ...chakraProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         RadioGroup,
         {
           onChange: _onChange,
@@ -1013,14 +1106,14 @@ function RadioWidget({
           onFocus: _onFocus,
           value: selectValue,
           name: htmlName || id,
-          "aria-describedby": (0, import_utils20.ariaDescribedByIds)(id),
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react33.Stack, { direction: row ? "row" : "column", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+          "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;
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               Radio,
               {
-                value: (0, import_utils20.enumOptionValueEncoder)(option.value, index, optionValueFormat),
-                id: (0, import_utils20.optionId)(id, index),
+                value: (0, import_utils22.enumOptionValueEncoder)(option.value, index, optionValueFormat),
+                id: (0, import_utils22.optionId)(id, index),
                 disabled: disabled || itemDisabled || readonly,
                 children: option.label
               },
@@ -1034,13 +1127,13 @@ function RadioWidget({
 }
 
 // src/RangeWidget/RangeWidget.tsx
-var import_utils22 = require("@rjsf/utils");
+var import_utils24 = require("@rjsf/utils");
 
 // src/components/ui/slider.tsx
-var import_react34 = require("react");
-var import_react35 = require("@chakra-ui/react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Slider = (0, import_react34.forwardRef)(function Slider2(props, ref) {
+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) {
   const { marks: marksProp, showValue, ...rest } = props;
   const value = props.defaultValue ?? props.value;
   const marks = marksProp?.map((mark) => {
@@ -1050,36 +1143,36 @@ var Slider = (0, import_react34.forwardRef)(function Slider2(props, ref) {
     return mark;
   });
   const hasMarkLabel = !!marks?.some((mark) => mark.label);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react35.Slider.Root, { ref, width: "200px", thumbAlignment: "center", ...rest, children: [
-    showValue && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.HStack, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Slider.ValueText, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react35.Slider.Control, { "data-has-mark-label": hasMarkLabel || void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Slider.Range, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SliderThumbs, { value }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SliderMarks, { marks })
+  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, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SliderThumbs, { value }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SliderMarks, { marks })
     ] })
   ] });
 });
 function SliderThumbs(props) {
   const { value } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: value?.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Slider.Thumb, { index, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Slider.HiddenInput, {}) }, index)) });
+  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)) });
 }
-var SliderMarks = (0, import_react34.forwardRef)(function SliderMarks2(props, ref) {
+var SliderMarks = (0, import_react36.forwardRef)(function SliderMarks2(props, ref) {
   const { marks } = props;
   if (!marks?.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Slider.MarkerGroup, { ref, children: marks.map((mark, index) => {
+  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_runtime29.jsxs)(import_react35.Slider.Marker, { value, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react35.Slider.MarkerIndicator, {}),
+    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_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function RangeWidget({
   value,
   readonly,
@@ -1098,10 +1191,10 @@ function RangeWidget({
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
   const chakraProps = getChakra({ uiSchema });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Field, { mb: 1, label: (0, import_utils22.labelValue)(label, hideLabel || !label), ...chakraProps, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  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,
     {
-      ...(0, import_utils22.rangeSpec)(schema),
+      ...(0, import_utils24.rangeSpec)(schema),
       id,
       name: id,
       disabled: disabled || readonly,
@@ -1109,49 +1202,49 @@ function RangeWidget({
       onValueChange: _onChange,
       onBlur: _onBlur,
       onFocus: _onFocus,
-      "aria-describedby": (0, import_utils22.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils24.ariaDescribedByIds)(id)
     }
   ) });
 }
 
 // src/SelectWidget/SelectWidget.tsx
-var import_react38 = require("react");
-var import_utils24 = require("@rjsf/utils");
-var import_react39 = require("@chakra-ui/react");
+var import_react40 = require("react");
+var import_react41 = require("@chakra-ui/react");
+var import_utils26 = require("@rjsf/utils");
 
 // src/components/ui/select.tsx
-var import_react36 = require("react");
-var import_react37 = require("@chakra-ui/react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var SelectTrigger = (0, import_react36.forwardRef)(function SelectTrigger2(props, ref) {
+var import_react38 = require("react");
+var import_react39 = require("@chakra-ui/react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var SelectTrigger = (0, import_react38.forwardRef)(function SelectTrigger2(props, ref) {
   const { children, clearable, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react37.Select.Control, { ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.Trigger, { ref, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react37.Select.IndicatorGroup, { children: [
-      clearable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectClearTrigger, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.Indicator, {})
+  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: [
+      clearable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectClearTrigger, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Indicator, {})
     ] })
   ] });
 });
-var SelectClearTrigger = (0, import_react36.forwardRef)(
+var SelectClearTrigger = (0, import_react38.forwardRef)(
   function SelectClearTrigger2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) });
+    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_react36.forwardRef)(function SelectContent2(props, ref) {
+var SelectContent = (0, import_react38.forwardRef)(function SelectContent2(props, ref) {
   const { portalled = true, portalRef, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.Content, { ...rest, ref }) }) });
+  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 }) }) });
 });
-var SelectItem = (0, import_react36.forwardRef)(function SelectItem2(props, ref) {
+var SelectItem = (0, import_react38.forwardRef)(function SelectItem2(props, ref) {
   const { item, children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react37.Select.Item, { item, ...rest, ref, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react39.Select.Item, { item, ...rest, ref, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.ItemIndicator, {})
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.ItemIndicator, {})
   ] }, item.value);
 });
-var SelectValueText = (0, import_react36.forwardRef)(function SelectValueText2(props, ref) {
+var SelectValueText = (0, import_react38.forwardRef)(function SelectValueText2(props, ref) {
   const { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.Context, { children: (select) => {
+  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) => {
     const items = select.selectedItems;
     if (items.length === 0) {
       return props.placeholder;
@@ -1165,24 +1258,24 @@ var SelectValueText = (0, import_react36.forwardRef)(function SelectValueText2(p
     return `${items.length} selected`;
   } }) });
 });
-var SelectRoot = (0, import_react36.forwardRef)(function SelectRoot2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.Root, { ...props, ref, positioning: { sameWidth: true, ...props.positioning }, children: props.asChild ? props.children : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.HiddenSelect, {}),
+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_react36.forwardRef)(function SelectItemGroup2(props, ref) {
+var SelectItemGroup = (0, import_react38.forwardRef)(function SelectItemGroup2(props, ref) {
   const { children, label, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react37.Select.ItemGroup, { ...rest, ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react37.Select.ItemGroupLabel, { children: label }),
+  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 }),
     children
   ] });
 });
-var SelectLabel = import_react37.Select.Label;
-var SelectItemText = import_react37.Select.ItemText;
+var SelectLabel = import_react39.Select.Label;
+var SelectItemText = import_react39.Select.ItemText;
 
 // src/SelectWidget/SelectWidget.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function SelectWidget(props) {
   const {
     id,
@@ -1205,25 +1298,25 @@ function SelectWidget(props) {
     uiSchema
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const optionValueFormat = (0, import_utils24.getOptionValueFormat)(options);
+  const optionValueFormat = (0, import_utils26.getOptionValueFormat)(options);
   const _onMultiChange = ({ value: value2 }) => {
-    return onChange((0, import_utils24.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
+    return onChange((0, import_utils26.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue));
   };
   const _onSingleChange = ({ value: value2 }) => {
-    const selected = (0, import_utils24.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue);
+    const selected = (0, import_utils26.enumOptionValueDecoder)(value2, enumOptions, optionValueFormat, emptyValue);
     return onChange(Array.isArray(selected) && selected.length === 1 ? selected[0] : selected);
   };
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils24.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils24.enumOptionValueDecoder)(target && target.value, enumOptions, optionValueFormat, emptyValue));
+  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 showPlaceholderOption = !multiple && schema.default === void 0;
-  const displayEnumOptions = (0, import_react38.useMemo)(() => {
+  const displayEnumOptions = (0, import_react40.useMemo)(() => {
     let displayEnumOptions2 = [];
     if (Array.isArray(enumOptions)) {
       displayEnumOptions2 = enumOptions.map((option, index) => {
         const { value: value2, label: label2 } = option;
         return {
           label: label2,
-          value: (0, import_utils24.enumOptionValueEncoder)(value2, index, optionValueFormat),
+          value: (0, import_utils26.enumOptionValueEncoder)(value2, index, optionValueFormat),
           disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
         };
       });
@@ -1235,14 +1328,14 @@ function SelectWidget(props) {
   }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption, optionValueFormat]);
   const isMultiple = typeof multiple !== "undefined" && multiple !== false && Boolean(enumOptions);
   const formValue = [
-    (0, import_utils24.enumOptionSelectedValue)(value, enumOptions, isMultiple, optionValueFormat, isMultiple ? [] : "")
+    (0, import_utils26.enumOptionSelectedValue)(value, enumOptions, isMultiple, optionValueFormat, isMultiple ? [] : "")
   ].flat().filter((v) => v !== "");
-  const selectOptions = (0, import_react39.createListCollection)({
+  const selectOptions = (0, import_react41.createListCollection)({
     items: displayEnumOptions.filter((item) => item.value)
   });
-  const containerRef = (0, import_react38.useRef)(null);
+  const containerRef = (0, import_react40.useRef)(null);
   const chakraProps = getChakra({ uiSchema });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Field,
     {
       ref: containerRef,
@@ -1251,10 +1344,10 @@ function SelectWidget(props) {
       required,
       readOnly: readonly,
       invalid: rawErrors && rawErrors.length > 0,
-      label: (0, import_utils24.labelValue)(label, hideLabel || !label),
+      label: (0, import_utils26.labelValue)(label, hideLabel || !label),
       position: "relative",
       ...chakraProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
         SelectRoot,
         {
           collection: selectOptions,
@@ -1267,13 +1360,13 @@ function SelectWidget(props) {
           onFocus: _onFocus,
           autoFocus: autofocus,
           value: formValue,
-          "aria-describedby": (0, import_utils24.ariaDescribedByIds)(id),
+          "aria-describedby": (0, import_utils26.ariaDescribedByIds)(id),
           positioning: { placement: "bottom" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectValueText, { placeholder }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Positioner, { minWidth: "100% !important", zIndex: "2 !important", top: "calc(100% + 5px) !important", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.Content, { children: selectOptions.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react39.Select.Item, { item, 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: [
               item.label,
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react39.Select.ItemIndicator, {})
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react41.Select.ItemIndicator, {})
             ] }, item.value)) }) })
           ]
         }
@@ -1282,99 +1375,6 @@ function SelectWidget(props) {
   );
 }
 
-// src/NativeSelectWidget/NativeSelectWidget.tsx
-var import_react40 = require("react");
-var import_utils26 = require("@rjsf/utils");
-var import_react41 = require("@chakra-ui/react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-function NativeSelectWidget(props) {
-  const {
-    id,
-    options,
-    label,
-    hideLabel,
-    placeholder,
-    multiple,
-    required,
-    disabled,
-    readonly,
-    value,
-    autofocus,
-    onChange,
-    onBlur,
-    onFocus,
-    rawErrors = [],
-    schema,
-    uiSchema
-  } = props;
-  const { enumOptions, enumDisabled, emptyValue } = options;
-  const _onChange = ({ target }) => {
-    return onChange((0, import_utils26.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  };
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils26.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils26.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const showPlaceholderOption = !multiple && schema.default === void 0;
-  const { valueLabelMap, displayEnumOptions } = (0, import_react40.useMemo)(() => {
-    const valueLabelMap2 = {};
-    let displayEnumOptions2 = [];
-    if (Array.isArray(enumOptions)) {
-      displayEnumOptions2 = enumOptions.map((option, index) => {
-        const { value: value2, label: label2 } = option;
-        valueLabelMap2[index] = label2 || String(value2);
-        return {
-          label: label2,
-          value: String(index),
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
-        };
-      });
-    }
-    return { valueLabelMap: valueLabelMap2, displayEnumOptions: displayEnumOptions2 };
-  }, [enumDisabled, enumOptions]);
-  const selectedIndex = (0, import_utils26.enumOptionsIndexForValue)(value, enumOptions, false);
-  const getSingleValue = () => typeof selectedIndex !== "undefined" ? [
-    {
-      label: valueLabelMap[selectedIndex] || "",
-      value: selectedIndex.toString()
-    }
-  ] : [];
-  const formValue = getSingleValue()[0]?.value || "";
-  const selectOptions = (0, import_react41.createListCollection)({
-    items: displayEnumOptions.filter((item) => item.value)
-  });
-  const chakraProps = getChakra({ uiSchema });
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    Field,
-    {
-      mb: 1,
-      disabled: disabled || readonly,
-      required,
-      readOnly: readonly,
-      invalid: rawErrors && rawErrors.length > 0,
-      label: (0, import_utils26.labelValue)(label, hideLabel || !label),
-      ...chakraProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react41.NativeSelect.Root, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-          import_react41.NativeSelect.Field,
-          {
-            id,
-            onBlur: _onBlur,
-            onChange: _onChange,
-            onFocus: _onFocus,
-            autoFocus: autofocus,
-            value: formValue,
-            "aria-describedby": (0, import_utils26.ariaDescribedByIds)(id),
-            children: [
-              showPlaceholderOption ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "", disabled: true, hidden: true, children: placeholder || "" }) : void 0,
-              selectOptions.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: item.value, children: item.label }, item.value))
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react41.NativeSelect.Indicator, {})
-      ] })
-    }
-  );
-}
-
 // src/TextareaWidget/TextareaWidget.tsx
 var import_react42 = require("@chakra-ui/react");
 var import_utils28 = require("@rjsf/utils");
@@ -1520,17 +1520,17 @@ function generateForm() {
 var Form_default = generateForm();
 
 // src/ChakraFrameProvider.tsx
-var import_react45 = require("@emotion/react");
+var import_react45 = require("@chakra-ui/react");
 var import_cache = __toESM(require("@emotion/cache"), 1);
+var import_react46 = require("@emotion/react");
 var import_weak_memoize = __toESM(require("@emotion/weak-memoize"), 1);
-var import_react46 = require("@chakra-ui/react");
 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_react45.CacheProvider, { value: memoizedCreateCacheWithContainer(document.head), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react46.ChakraProvider, { value: import_react46.defaultSystem, children: props.children }) }) });
+  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 }) }) });
 };
 
 // src/index.ts