diff --git a/CHANGELOG.md b/CHANGELOG.md
index c388da37a3..2107c87b68 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,51 @@ it according to semantic versioning. For example, if your PR adds a breaking cha
 should change the heading of the (upcoming) version to include a major version bump.
 
 -->
+# 6.0.2
+
+## @rjsf/shadcn
+
+- Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/semantic-ui
+
+- Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/react-bootstrap
+
+- Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/primereact
+
+- Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/mui
+
+- Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/mantine
+
+- Updated `CheckboxWidget` to handle label and description rendering consistently, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/fluentui-rc
+
+- Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/antd
+
+- Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+
+## @rjsf/chakra-ui
+
+- Updated `CheckboxWidget` to handle label and description rendering consistently, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
+## @rjsf/core
+
+- Fixed duplicate label and description rendering in `CheckboxWidget` by conditionally rendering them based on widget type
+  - Updated `CheckboxWidget` to handle label and description rendering consistently
+  - Modified `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
+
 # 6.0.1
 
 ## Dev / docs / playground
diff --git a/packages/antd/src/templates/FieldTemplate/index.tsx b/packages/antd/src/templates/FieldTemplate/index.tsx
index 65ccf87a8c..9b32dcdaa0 100644
--- a/packages/antd/src/templates/FieldTemplate/index.tsx
+++ b/packages/antd/src/templates/FieldTemplate/index.tsx
@@ -56,6 +56,7 @@ export default function FieldTemplate<
   } = formContext as GenericObjectType;
 
   const uiOptions = getUiOptions<T, S, F>(uiSchema);
+
   const WrapIfAdditionalTemplate = getTemplate<'WrapIfAdditionalTemplate', T, S, F>(
     'WrapIfAdditionalTemplate',
     registry,
@@ -79,7 +80,7 @@ export default function FieldTemplate<
       descriptionProps.extra = descriptionNode;
       break;
   }
-
+  const isCheckbox = uiOptions.widget === 'checkbox';
   return (
     <WrapIfAdditionalTemplate
       classNames={classNames}
@@ -101,7 +102,7 @@ export default function FieldTemplate<
         hasFeedback={schema.type !== 'array' && schema.type !== 'object'}
         help={(!!rawHelp && help) || (rawErrors?.length ? errors : undefined)}
         htmlFor={id}
-        label={displayLabel && label}
+        label={displayLabel && !isCheckbox && label}
         labelCol={labelCol}
         required={required}
         style={wrapperStyle}
diff --git a/packages/antd/test/__snapshots__/Form.test.tsx.snap b/packages/antd/test/__snapshots__/Form.test.tsx.snap
index 0da6903cee..7c052669d0 100644
--- a/packages/antd/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Form.test.tsx.snap
@@ -6486,6 +6486,102 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="ant-form-item css-dev-only-do-not-override-ac2jek ant-form-item-horizontal"
+    >
+      <div
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-ac2jek"
+        style={
+          {
+            "rowGap": undefined,
+          }
+        }
+      >
+        <div
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-ac2jek"
+          style={{}}
+        >
+          <div
+            className="ant-form-item-control-input"
+          >
+            <div
+              className="ant-form-item-control-input-content"
+            >
+              <label
+                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-ac2jek"
+                onClick={[Function]}
+                style={{}}
+              >
+                <span
+                  className="ant-checkbox ant-wave-target css-dev-only-do-not-override-ac2jek"
+                >
+                  <input
+                    aria-describedby="root__error root__description root__help"
+                    autoFocus={false}
+                    checked={false}
+                    className="ant-checkbox-input"
+                    disabled={false}
+                    id="root"
+                    name="root"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onClick={[Function]}
+                    onFocus={[Function]}
+                    type="checkbox"
+                  />
+                  <span
+                    className="ant-checkbox-inner"
+                  />
+                </span>
+                <span
+                  className="ant-checkbox-label"
+                >
+                  test
+                </span>
+              </label>
+            </div>
+          </div>
+          <div
+            className="ant-form-item-additional"
+            style={{}}
+          >
+            <div
+              className="ant-form-item-extra"
+            >
+              <span
+                id="root__description"
+              >
+                This is a checkbox description
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ant-btn css-dev-only-do-not-override-ac2jek ant-btn-submit"
+    disabled={false}
+    onClick={[Function]}
+    style={{}}
+    type="submit"
+  >
+    <span>
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="rjsf"
@@ -19433,6 +19529,150 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="ant-form-item css-dev-only-do-not-override-ac2jek ant-form-item-horizontal"
+    >
+      <div
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-ac2jek"
+        style={
+          {
+            "rowGap": undefined,
+          }
+        }
+      >
+        <div
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-ac2jek"
+          style={{}}
+        >
+          <label
+            className=""
+            htmlFor="root"
+            title="test"
+          >
+            test
+          </label>
+        </div>
+        <div
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-ac2jek"
+          style={{}}
+        >
+          <div
+            className="ant-form-item-control-input"
+          >
+            <div
+              className="ant-form-item-control-input-content"
+            >
+              <div
+                aria-describedby="root__error root__description root__help"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-ac2jek"
+                id="root"
+                onBlur={[Function]}
+                onFocus={[Function]}
+              >
+                <label
+                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-ac2jek"
+                  onClick={[Function]}
+                  style={{}}
+                >
+                  <span
+                    className="ant-radio ant-wave-target"
+                  >
+                    <input
+                      autoFocus={false}
+                      checked={false}
+                      className="ant-radio-input"
+                      disabled={false}
+                      id="root-0"
+                      name="root"
+                      onChange={[Function]}
+                      onClick={[Function]}
+                      type="radio"
+                      value="0"
+                    />
+                    <span
+                      className="ant-radio-inner"
+                    />
+                  </span>
+                  <span
+                    className="ant-radio-label"
+                  >
+                    Yes
+                  </span>
+                </label>
+                <label
+                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-ac2jek"
+                  onClick={[Function]}
+                  style={{}}
+                >
+                  <span
+                    className="ant-radio ant-wave-target"
+                  >
+                    <input
+                      autoFocus={false}
+                      checked={false}
+                      className="ant-radio-input"
+                      disabled={false}
+                      id="root-1"
+                      name="root"
+                      onChange={[Function]}
+                      onClick={[Function]}
+                      type="radio"
+                      value="1"
+                    />
+                    <span
+                      className="ant-radio-inner"
+                    />
+                  </span>
+                  <span
+                    className="ant-radio-label"
+                  >
+                    No
+                  </span>
+                </label>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ant-form-item-additional"
+            style={{}}
+          >
+            <div
+              className="ant-form-item-extra"
+            >
+              <span
+                id="root__description"
+              >
+                This is a radio description
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ant-btn css-dev-only-do-not-override-ac2jek ant-btn-submit"
+    disabled={false}
+    onClick={[Function]}
+    style={{}}
+    type="submit"
+  >
+    <span>
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="rjsf"
@@ -21333,6 +21573,177 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="ant-form-item css-dev-only-do-not-override-ac2jek ant-form-item-horizontal"
+    >
+      <div
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-ac2jek"
+        style={
+          {
+            "rowGap": undefined,
+          }
+        }
+      >
+        <div
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-ac2jek"
+          style={{}}
+        >
+          <label
+            className=""
+            htmlFor="root"
+            title="test"
+          >
+            test
+          </label>
+        </div>
+        <div
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-ac2jek"
+          style={{}}
+        >
+          <div
+            className="ant-form-item-control-input"
+          >
+            <div
+              className="ant-form-item-control-input-content"
+            >
+              <div
+                aria-describedby="root__error root__description root__help"
+                className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-ac2jek ant-select-single ant-select-show-arrow"
+                name="root"
+                onBlur={[Function]}
+                onFocus={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
+                onMouseDown={[Function]}
+                style={
+                  {
+                    "width": "100%",
+                  }
+                }
+              >
+                <div
+                  className="ant-select-selector"
+                  onClick={[Function]}
+                  onMouseDown={[Function]}
+                >
+                  <span
+                    className="ant-select-selection-wrap"
+                  >
+                    <span
+                      className="ant-select-selection-search"
+                    >
+                      <input
+                        aria-autocomplete="list"
+                        aria-controls="root_list"
+                        aria-describedby="root__error root__description root__help"
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-owns="root_list"
+                        autoComplete="off"
+                        autoFocus={false}
+                        className="ant-select-selection-search-input"
+                        disabled={false}
+                        id="root"
+                        onBlur={[Function]}
+                        onChange={[Function]}
+                        onCompositionEnd={[Function]}
+                        onCompositionStart={[Function]}
+                        onKeyDown={[Function]}
+                        onMouseDown={[Function]}
+                        onPaste={[Function]}
+                        readOnly={true}
+                        role="combobox"
+                        style={
+                          {
+                            "opacity": 0,
+                          }
+                        }
+                        type="search"
+                        unselectable="on"
+                        value=""
+                      />
+                    </span>
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
+                </div>
+                <span
+                  aria-hidden={true}
+                  className="ant-select-arrow"
+                  onMouseDown={[Function]}
+                  style={
+                    {
+                      "WebkitUserSelect": "none",
+                      "userSelect": "none",
+                    }
+                  }
+                  unselectable="on"
+                >
+                  <span
+                    aria-label="down"
+                    className="anticon anticon-down ant-select-suffix"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="down"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                      />
+                    </svg>
+                  </span>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            className="ant-form-item-additional"
+            style={{}}
+          >
+            <div
+              className="ant-form-item-extra"
+            >
+              <span
+                id="root__description"
+              >
+                This is a select description
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ant-btn css-dev-only-do-not-override-ac2jek ant-btn-submit"
+    disabled={false}
+    onClick={[Function]}
+    style={{}}
+    type="submit"
+  >
+    <span>
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx b/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx
index 1ffbaf5633..8b3100767e 100644
--- a/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx
@@ -10,6 +10,7 @@ import {
   StrictRJSFSchema,
   RJSFSchema,
   FormContextType,
+  getUiOptions,
 } from '@rjsf/utils';
 
 import { Field } from '../components/ui/field';
@@ -46,7 +47,9 @@ export default function CheckboxWidget<
     registry,
     options,
   );
-  const description = options.description || schema.description;
+  const uiOptions = getUiOptions(uiSchema);
+  const isCheckbox = uiOptions.widget === 'checkbox';
+  const description = isCheckbox ? undefined : (options.description ?? schema.description);
 
   const _onChange = ({ checked }: CheckboxCheckedChangeDetails) => onChange(checked);
   const _onBlur = ({ target }: FocusEvent<HTMLInputElement | any>) => onBlur(id, target && target.checked);
diff --git a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
index 29a0711d2e..66e2062e5f 100644
--- a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
@@ -544,7 +544,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r86:::legend"
+      aria-labelledby="fieldset:::r8f:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -561,7 +561,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r87:::legend"
+                aria-labelledby="fieldset:::r8g:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -600,7 +600,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                               className="rjsf-field rjsf-field-object"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r88:::legend"
+                                aria-labelledby="fieldset:::r8h:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -632,7 +632,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-string"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::r89:::legend"
+                                          aria-labelledby="fieldset:::r8i:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -645,15 +645,15 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::r8a:"
+                                              id="field:::r8j:"
                                               role="group"
                                             >
                                               <label
                                                 className="chakra-field__label emotion-20"
                                                 data-part="label"
                                                 data-scope="field"
-                                                htmlFor=":r8a:"
-                                                id="field:::r8a:::label"
+                                                htmlFor=":r8j:"
+                                                id="field:::r8j:::label"
                                               >
                                                 title
                                               </label>
@@ -685,7 +685,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-boolean"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::r8b:::legend"
+                                          aria-labelledby="fieldset:::r8k:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -698,7 +698,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::r8c:"
+                                              id="field:::r8l:"
                                               role="group"
                                             >
                                               <label
@@ -708,7 +708,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                 data-scope="checkbox"
                                                 data-state="unchecked"
                                                 dir="ltr"
-                                                htmlFor=":r8c:"
+                                                htmlFor=":r8l:"
                                                 id="checkbox:root_tasks_0_done"
                                                 onBlur={[Function]}
                                                 onClick={[Function]}
@@ -718,10 +718,10 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                               >
                                                 <input
                                                   aria-invalid={false}
-                                                  aria-labelledby="field:::r8c:::label"
+                                                  aria-labelledby="field:::r8l:::label"
                                                   defaultChecked={false}
                                                   disabled={false}
-                                                  id=":r8c:"
+                                                  id=":r8l:"
                                                   name="root[tasks][0][done]"
                                                   onBlur={[Function]}
                                                   onClick={[Function]}
@@ -765,7 +765,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                   data-scope="checkbox"
                                                   data-state="unchecked"
                                                   dir="ltr"
-                                                  id="field:::r8c:::label"
+                                                  id="field:::r8l:::label"
                                                 >
                                                   <p>
                                                     done
@@ -892,7 +892,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                               className="rjsf-field rjsf-field-object"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r8e:::legend"
+                                aria-labelledby="fieldset:::r8n:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -924,7 +924,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-string"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::r8f:::legend"
+                                          aria-labelledby="fieldset:::r8o:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -937,15 +937,15 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::r8g:"
+                                              id="field:::r8p:"
                                               role="group"
                                             >
                                               <label
                                                 className="chakra-field__label emotion-20"
                                                 data-part="label"
                                                 data-scope="field"
-                                                htmlFor=":r8g:"
-                                                id="field:::r8g:::label"
+                                                htmlFor=":r8p:"
+                                                id="field:::r8p:::label"
                                               >
                                                 title
                                               </label>
@@ -977,7 +977,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-boolean"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::r8h:::legend"
+                                          aria-labelledby="fieldset:::r8q:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -990,7 +990,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::r8i:"
+                                              id="field:::r8r:"
                                               role="group"
                                             >
                                               <label
@@ -1000,7 +1000,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                 data-scope="checkbox"
                                                 data-state="checked"
                                                 dir="ltr"
-                                                htmlFor=":r8i:"
+                                                htmlFor=":r8r:"
                                                 id="checkbox:root_tasks_1_done"
                                                 onBlur={[Function]}
                                                 onClick={[Function]}
@@ -1010,10 +1010,10 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                               >
                                                 <input
                                                   aria-invalid={false}
-                                                  aria-labelledby="field:::r8i:::label"
+                                                  aria-labelledby="field:::r8r:::label"
                                                   defaultChecked={true}
                                                   disabled={false}
-                                                  id=":r8i:"
+                                                  id=":r8r:"
                                                   name="root[tasks][1][done]"
                                                   onBlur={[Function]}
                                                   onClick={[Function]}
@@ -1061,7 +1061,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                   data-scope="checkbox"
                                                   data-state="checked"
                                                   dir="ltr"
-                                                  id="field:::r8i:::label"
+                                                  id="field:::r8r:::label"
                                                 >
                                                   <p>
                                                     done
@@ -1676,7 +1676,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r80:::legend"
+      aria-labelledby="fieldset:::r89:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -1693,7 +1693,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r81:::legend"
+                aria-labelledby="fieldset:::r8a:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -1732,7 +1732,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                               className="rjsf-field rjsf-field-string"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r82:::legend"
+                                aria-labelledby="fieldset:::r8b:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -1745,7 +1745,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                                     className="chakra-field__root emotion-13"
                                     data-part="root"
                                     data-scope="field"
-                                    id="field:::r83:"
+                                    id="field:::r8c:"
                                     role="group"
                                   >
                                     <label
@@ -1753,8 +1753,8 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                                       data-part="label"
                                       data-required=""
                                       data-scope="field"
-                                      htmlFor=":r83:"
-                                      id="field:::r83:::label"
+                                      htmlFor=":r8c:"
+                                      id="field:::r8c:::label"
                                     >
                                       tags-0
                                       <span
@@ -1898,7 +1898,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                               className="rjsf-field rjsf-field-string"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r84:::legend"
+                                aria-labelledby="fieldset:::r8d:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -1911,7 +1911,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                                     className="chakra-field__root emotion-13"
                                     data-part="root"
                                     data-scope="field"
-                                    id="field:::r85:"
+                                    id="field:::r8e:"
                                     role="group"
                                   >
                                     <label
@@ -1919,8 +1919,8 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                                       data-part="label"
                                       data-required=""
                                       data-scope="field"
-                                      htmlFor=":r85:"
-                                      id="field:::r85:::label"
+                                      htmlFor=":r8e:"
+                                      id="field:::r8e:::label"
                                     >
                                       tags-1
                                       <span
@@ -2415,7 +2415,7 @@ exports[`nameGenerator bracketNameGenerator checkboxes field 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r8s:::legend"
+      aria-labelledby="fieldset:::r95:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -2432,7 +2432,7 @@ exports[`nameGenerator bracketNameGenerator checkboxes field 1`] = `
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r8t:::legend"
+                aria-labelledby="fieldset:::r96:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -2442,7 +2442,7 @@ exports[`nameGenerator bracketNameGenerator checkboxes field 1`] = `
                   className="fieldset__content emotion-1"
                 >
                   <fieldset
-                    aria-labelledby="fieldset:::r8u:::legend"
+                    aria-labelledby="fieldset:::r97:::legend"
                     className="fieldset__root emotion-5"
                     data-part="root"
                     data-scope="fieldset"
@@ -2947,7 +2947,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r7l:::legend"
+      aria-labelledby="fieldset:::r7u:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -2964,7 +2964,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r7m:::legend"
+                aria-labelledby="fieldset:::r7v:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -2996,7 +2996,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r7n:::legend"
+                          aria-labelledby="fieldset:::r80:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -3009,15 +3009,15 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                               className="chakra-field__root emotion-11"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r7o:"
+                              id="field:::r81:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-12"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r7o:"
-                                id="field:::r7o:::label"
+                                htmlFor=":r81:"
+                                id="field:::r81:::label"
                               >
                                 firstName
                               </label>
@@ -3049,7 +3049,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r7p:::legend"
+                          aria-labelledby="fieldset:::r82:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -3062,15 +3062,15 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                               className="chakra-field__root emotion-11"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r7q:"
+                              id="field:::r83:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-12"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r7q:"
-                                id="field:::r7q:::label"
+                                htmlFor=":r83:"
+                                id="field:::r83:::label"
                               >
                                 lastName
                               </label>
@@ -3102,7 +3102,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r7r:::legend"
+                          aria-labelledby="fieldset:::r84:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -3134,7 +3134,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r7s:::legend"
+                                    aria-labelledby="fieldset:::r85:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -3147,15 +3147,15 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                         className="chakra-field__root emotion-11"
                                         data-part="root"
                                         data-scope="field"
-                                        id="field:::r7t:"
+                                        id="field:::r86:"
                                         role="group"
                                       >
                                         <label
                                           className="chakra-field__label emotion-12"
                                           data-part="label"
                                           data-scope="field"
-                                          htmlFor=":r7t:"
-                                          id="field:::r7t:::label"
+                                          htmlFor=":r86:"
+                                          id="field:::r86:::label"
                                         >
                                           street
                                         </label>
@@ -3187,7 +3187,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r7u:::legend"
+                                    aria-labelledby="fieldset:::r87:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -3200,15 +3200,15 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                         className="chakra-field__root emotion-11"
                                         data-part="root"
                                         data-scope="field"
-                                        id="field:::r7v:"
+                                        id="field:::r88:"
                                         role="group"
                                       >
                                         <label
                                           className="chakra-field__label emotion-12"
                                           data-part="label"
                                           data-scope="field"
-                                          htmlFor=":r7v:"
-                                          id="field:::r7v:::label"
+                                          htmlFor=":r88:"
+                                          id="field:::r88:::label"
                                         >
                                           city
                                         </label>
@@ -3559,7 +3559,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r8o:::legend"
+      aria-labelledby="fieldset:::r91:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -3576,7 +3576,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r8p:::legend"
+                aria-labelledby="fieldset:::r92:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -3589,28 +3589,28 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r8q:"
+                    id="field:::r93:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r8q:"
-                      id="field:::r8q:::label"
+                      htmlFor=":r93:"
+                      id="field:::r93:::label"
                     >
                       option
                     </label>
                     <div
                       aria-describedby="root_option__error root_option__description root_option__help"
-                      aria-labelledby="radio-group::r8r::label"
+                      aria-labelledby="radio-group::r94::label"
                       aria-orientation="vertical"
                       className="chakra-radio-group__root"
                       data-orientation="vertical"
                       data-part="root"
                       data-scope="radio-group"
                       dir="ltr"
-                      id="radio-group::r8r:"
+                      id="radio-group::r94:"
                       onBlur={[Function]}
                       onChange={[Function]}
                       onFocus={[Function]}
@@ -3632,7 +3632,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                           data-ssr=""
                           data-state="unchecked"
                           dir="ltr"
-                          htmlFor="radio-group::r8r::radio:input:0"
+                          htmlFor="radio-group::r94::radio:input:0"
                           id="root_option-0"
                           onClick={[Function]}
                           onPointerDown={[Function]}
@@ -3641,9 +3641,9 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                           onPointerUp={[Function]}
                         >
                           <input
-                            data-ownedby="radio-group::r8r:"
+                            data-ownedby="radio-group::r94:"
                             defaultChecked={false}
-                            id="radio-group::r8r::radio:input:0"
+                            id="radio-group::r94::radio:input:0"
                             name="root[option]"
                             onBlur={[Function]}
                             onClick={[Function]}
@@ -3676,7 +3676,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                             data-ssr=""
                             data-state="unchecked"
                             dir="ltr"
-                            id="radio-group::r8r::radio:control:0"
+                            id="radio-group::r94::radio:control:0"
                           />
                           <span
                             className="chakra-radio-group__itemText"
@@ -3686,7 +3686,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                             data-ssr=""
                             data-state="unchecked"
                             dir="ltr"
-                            id="radio-group::r8r::radio:label:0"
+                            id="radio-group::r94::radio:label:0"
                           >
                             foo
                           </span>
@@ -3699,7 +3699,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                           data-ssr=""
                           data-state="unchecked"
                           dir="ltr"
-                          htmlFor="radio-group::r8r::radio:input:1"
+                          htmlFor="radio-group::r94::radio:input:1"
                           id="root_option-1"
                           onClick={[Function]}
                           onPointerDown={[Function]}
@@ -3708,9 +3708,9 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                           onPointerUp={[Function]}
                         >
                           <input
-                            data-ownedby="radio-group::r8r:"
+                            data-ownedby="radio-group::r94:"
                             defaultChecked={false}
-                            id="radio-group::r8r::radio:input:1"
+                            id="radio-group::r94::radio:input:1"
                             name="root[option]"
                             onBlur={[Function]}
                             onClick={[Function]}
@@ -3743,7 +3743,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                             data-ssr=""
                             data-state="unchecked"
                             dir="ltr"
-                            id="radio-group::r8r::radio:control:1"
+                            id="radio-group::r94::radio:control:1"
                           />
                           <span
                             className="chakra-radio-group__itemText"
@@ -3753,7 +3753,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                             data-ssr=""
                             data-state="unchecked"
                             dir="ltr"
-                            id="radio-group::r8r::radio:label:1"
+                            id="radio-group::r94::radio:label:1"
                           >
                             bar
                           </span>
@@ -4266,7 +4266,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r8k:::legend"
+      aria-labelledby="fieldset:::r8t:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -4283,7 +4283,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r8l:::legend"
+                aria-labelledby="fieldset:::r8u:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -4296,15 +4296,15 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r8m:"
+                    id="field:::r8v:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r8m:"
-                      id="field:::r8m:::label"
+                      htmlFor=":r8v:"
+                      id="field:::r8v:::label"
                     >
                       color
                     </label>
@@ -4321,9 +4321,9 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                     >
                       <select
                         aria-hidden={true}
-                        aria-labelledby="field:::r8m:::label"
+                        aria-labelledby="field:::r8v:::label"
                         disabled={false}
-                        id=":r8m:"
+                        id=":r8v:"
                         multiple={false}
                         name="root[color]"
                         onFocus={[Function]}
@@ -4387,7 +4387,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                             aria-expanded={false}
                             aria-haspopup="listbox"
                             aria-invalid={false}
-                            aria-labelledby="field:::r8m:::label"
+                            aria-labelledby="field:::r8v:::label"
                             aria-required={false}
                             className="chakra-select__trigger emotion-10"
                             data-part="trigger"
@@ -4457,7 +4457,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                         }
                       >
                         <div
-                          aria-labelledby="field:::r8m:::label"
+                          aria-labelledby="field:::r8v:::label"
                           className="chakra-select__content emotion-16"
                           data-part="content"
                           data-scope="select"
@@ -4940,7 +4940,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r7d:::legend"
+      aria-labelledby="fieldset:::r7m:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -4957,7 +4957,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r7e:::legend"
+                aria-labelledby="fieldset:::r7n:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -4970,15 +4970,15 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r7f:"
+                    id="field:::r7o:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r7f:"
-                      id="field:::r7f:::label"
+                      htmlFor=":r7o:"
+                      id="field:::r7o:::label"
                     >
                       firstName
                     </label>
@@ -5010,7 +5010,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
               className="rjsf-field rjsf-field-number"
             >
               <fieldset
-                aria-labelledby="fieldset:::r7g:::legend"
+                aria-labelledby="fieldset:::r7p:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -5023,15 +5023,15 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r7h:"
+                    id="field:::r7q:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r7h:"
-                      id="field:::r7h:::label"
+                      htmlFor=":r7q:"
+                      id="field:::r7q:::label"
                     >
                       age
                     </label>
@@ -5064,7 +5064,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
               className="rjsf-field rjsf-field-boolean"
             >
               <fieldset
-                aria-labelledby="fieldset:::r7i:::legend"
+                aria-labelledby="fieldset:::r7r:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -5077,7 +5077,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r7j:"
+                    id="field:::r7s:"
                     role="group"
                   >
                     <label
@@ -5087,7 +5087,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                       data-scope="checkbox"
                       data-state="unchecked"
                       dir="ltr"
-                      htmlFor=":r7j:"
+                      htmlFor=":r7s:"
                       id="checkbox:root_active"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -5097,10 +5097,10 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                     >
                       <input
                         aria-invalid={false}
-                        aria-labelledby="field:::r7j:::label"
+                        aria-labelledby="field:::r7s:::label"
                         defaultChecked={false}
                         disabled={false}
-                        id=":r7j:"
+                        id=":r7s:"
                         name="root[active]"
                         onBlur={[Function]}
                         onClick={[Function]}
@@ -5144,7 +5144,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                         data-scope="checkbox"
                         data-state="unchecked"
                         dir="ltr"
-                        id="field:::r7j:::label"
+                        id="field:::r7s:::label"
                       >
                         <p>
                           active
@@ -5405,7 +5405,7 @@ exports[`nameGenerator bracketNameGenerator textarea field 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r92:::legend"
+      aria-labelledby="fieldset:::r9b:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -5422,7 +5422,7 @@ exports[`nameGenerator bracketNameGenerator textarea field 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r93:::legend"
+                aria-labelledby="fieldset:::r9c:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -5435,15 +5435,15 @@ exports[`nameGenerator bracketNameGenerator textarea field 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r94:"
+                    id="field:::r9d:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r94:"
-                      id="field:::r94:::label"
+                      htmlFor=":r9d:"
+                      id="field:::r9d:::label"
                     >
                       description
                     </label>
@@ -6036,7 +6036,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r9u:::legend"
+      aria-labelledby="fieldset:::ra7:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -6053,7 +6053,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r9v:::legend"
+                aria-labelledby="fieldset:::ra8:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -6092,7 +6092,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                               className="rjsf-field rjsf-field-object"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::ra0:::legend"
+                                aria-labelledby="fieldset:::ra9:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -6124,7 +6124,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-string"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::ra1:::legend"
+                                          aria-labelledby="fieldset:::raa:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -6137,15 +6137,15 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::ra2:"
+                                              id="field:::rab:"
                                               role="group"
                                             >
                                               <label
                                                 className="chakra-field__label emotion-20"
                                                 data-part="label"
                                                 data-scope="field"
-                                                htmlFor=":ra2:"
-                                                id="field:::ra2:::label"
+                                                htmlFor=":rab:"
+                                                id="field:::rab:::label"
                                               >
                                                 title
                                               </label>
@@ -6177,7 +6177,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-boolean"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::ra3:::legend"
+                                          aria-labelledby="fieldset:::rac:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -6190,7 +6190,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::ra4:"
+                                              id="field:::rad:"
                                               role="group"
                                             >
                                               <label
@@ -6200,7 +6200,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                 data-scope="checkbox"
                                                 data-state="unchecked"
                                                 dir="ltr"
-                                                htmlFor=":ra4:"
+                                                htmlFor=":rad:"
                                                 id="checkbox:root_tasks_0_done"
                                                 onBlur={[Function]}
                                                 onClick={[Function]}
@@ -6210,10 +6210,10 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                               >
                                                 <input
                                                   aria-invalid={false}
-                                                  aria-labelledby="field:::ra4:::label"
+                                                  aria-labelledby="field:::rad:::label"
                                                   defaultChecked={false}
                                                   disabled={false}
-                                                  id=":ra4:"
+                                                  id=":rad:"
                                                   name="root.tasks.0.done"
                                                   onBlur={[Function]}
                                                   onClick={[Function]}
@@ -6257,7 +6257,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                   data-scope="checkbox"
                                                   data-state="unchecked"
                                                   dir="ltr"
-                                                  id="field:::ra4:::label"
+                                                  id="field:::rad:::label"
                                                 >
                                                   <p>
                                                     done
@@ -6384,7 +6384,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                               className="rjsf-field rjsf-field-object"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::ra6:::legend"
+                                aria-labelledby="fieldset:::raf:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -6416,7 +6416,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-string"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::ra7:::legend"
+                                          aria-labelledby="fieldset:::rag:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -6429,15 +6429,15 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::ra8:"
+                                              id="field:::rah:"
                                               role="group"
                                             >
                                               <label
                                                 className="chakra-field__label emotion-20"
                                                 data-part="label"
                                                 data-scope="field"
-                                                htmlFor=":ra8:"
-                                                id="field:::ra8:::label"
+                                                htmlFor=":rah:"
+                                                id="field:::rah:::label"
                                               >
                                                 title
                                               </label>
@@ -6469,7 +6469,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                         className="rjsf-field rjsf-field-boolean"
                                       >
                                         <fieldset
-                                          aria-labelledby="fieldset:::ra9:::legend"
+                                          aria-labelledby="fieldset:::rai:::legend"
                                           className="fieldset__root emotion-0"
                                           data-part="root"
                                           data-scope="fieldset"
@@ -6482,7 +6482,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                               className="chakra-field__root emotion-19"
                                               data-part="root"
                                               data-scope="field"
-                                              id="field:::raa:"
+                                              id="field:::raj:"
                                               role="group"
                                             >
                                               <label
@@ -6492,7 +6492,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                 data-scope="checkbox"
                                                 data-state="checked"
                                                 dir="ltr"
-                                                htmlFor=":raa:"
+                                                htmlFor=":raj:"
                                                 id="checkbox:root_tasks_1_done"
                                                 onBlur={[Function]}
                                                 onClick={[Function]}
@@ -6502,10 +6502,10 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                               >
                                                 <input
                                                   aria-invalid={false}
-                                                  aria-labelledby="field:::raa:::label"
+                                                  aria-labelledby="field:::raj:::label"
                                                   defaultChecked={true}
                                                   disabled={false}
-                                                  id=":raa:"
+                                                  id=":raj:"
                                                   name="root.tasks.1.done"
                                                   onBlur={[Function]}
                                                   onClick={[Function]}
@@ -6553,7 +6553,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                   data-scope="checkbox"
                                                   data-state="checked"
                                                   dir="ltr"
-                                                  id="field:::raa:::label"
+                                                  id="field:::raj:::label"
                                                 >
                                                   <p>
                                                     done
@@ -7168,7 +7168,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r9o:::legend"
+      aria-labelledby="fieldset:::ra1:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -7185,7 +7185,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r9p:::legend"
+                aria-labelledby="fieldset:::ra2:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -7224,7 +7224,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                               className="rjsf-field rjsf-field-string"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r9q:::legend"
+                                aria-labelledby="fieldset:::ra3:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -7237,7 +7237,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                                     className="chakra-field__root emotion-13"
                                     data-part="root"
                                     data-scope="field"
-                                    id="field:::r9r:"
+                                    id="field:::ra4:"
                                     role="group"
                                   >
                                     <label
@@ -7245,8 +7245,8 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                                       data-part="label"
                                       data-required=""
                                       data-scope="field"
-                                      htmlFor=":r9r:"
-                                      id="field:::r9r:::label"
+                                      htmlFor=":ra4:"
+                                      id="field:::ra4:::label"
                                     >
                                       tags-0
                                       <span
@@ -7390,7 +7390,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                               className="rjsf-field rjsf-field-string"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r9s:::legend"
+                                aria-labelledby="fieldset:::ra5:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -7403,7 +7403,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                                     className="chakra-field__root emotion-13"
                                     data-part="root"
                                     data-scope="field"
-                                    id="field:::r9t:"
+                                    id="field:::ra6:"
                                     role="group"
                                   >
                                     <label
@@ -7411,8 +7411,8 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                                       data-part="label"
                                       data-required=""
                                       data-scope="field"
-                                      htmlFor=":r9t:"
-                                      id="field:::r9t:::label"
+                                      htmlFor=":ra6:"
+                                      id="field:::ra6:::label"
                                     >
                                       tags-1
                                       <span
@@ -7863,7 +7863,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r9d:::legend"
+      aria-labelledby="fieldset:::r9m:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -7880,7 +7880,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r9e:::legend"
+                aria-labelledby="fieldset:::r9n:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -7912,7 +7912,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r9f:::legend"
+                          aria-labelledby="fieldset:::r9o:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -7925,15 +7925,15 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                               className="chakra-field__root emotion-11"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r9g:"
+                              id="field:::r9p:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-12"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r9g:"
-                                id="field:::r9g:::label"
+                                htmlFor=":r9p:"
+                                id="field:::r9p:::label"
                               >
                                 firstName
                               </label>
@@ -7965,7 +7965,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r9h:::legend"
+                          aria-labelledby="fieldset:::r9q:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -7978,15 +7978,15 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                               className="chakra-field__root emotion-11"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r9i:"
+                              id="field:::r9r:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-12"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r9i:"
-                                id="field:::r9i:::label"
+                                htmlFor=":r9r:"
+                                id="field:::r9r:::label"
                               >
                                 lastName
                               </label>
@@ -8018,7 +8018,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r9j:::legend"
+                          aria-labelledby="fieldset:::r9s:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -8050,7 +8050,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r9k:::legend"
+                                    aria-labelledby="fieldset:::r9t:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -8063,15 +8063,15 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                         className="chakra-field__root emotion-11"
                                         data-part="root"
                                         data-scope="field"
-                                        id="field:::r9l:"
+                                        id="field:::r9u:"
                                         role="group"
                                       >
                                         <label
                                           className="chakra-field__label emotion-12"
                                           data-part="label"
                                           data-scope="field"
-                                          htmlFor=":r9l:"
-                                          id="field:::r9l:::label"
+                                          htmlFor=":r9u:"
+                                          id="field:::r9u:::label"
                                         >
                                           street
                                         </label>
@@ -8103,7 +8103,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r9m:::legend"
+                                    aria-labelledby="fieldset:::r9v:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -8116,15 +8116,15 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                         className="chakra-field__root emotion-11"
                                         data-part="root"
                                         data-scope="field"
-                                        id="field:::r9n:"
+                                        id="field:::ra0:"
                                         role="group"
                                       >
                                         <label
                                           className="chakra-field__label emotion-12"
                                           data-part="label"
                                           data-scope="field"
-                                          htmlFor=":r9n:"
-                                          id="field:::r9n:::label"
+                                          htmlFor=":ra0:"
+                                          id="field:::ra0:::label"
                                         >
                                           city
                                         </label>
@@ -8662,7 +8662,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::rac:::legend"
+      aria-labelledby="fieldset:::ral:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -8679,7 +8679,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::rad:::legend"
+                aria-labelledby="fieldset:::ram:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -8692,15 +8692,15 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::rae:"
+                    id="field:::ran:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":rae:"
-                      id="field:::rae:::label"
+                      htmlFor=":ran:"
+                      id="field:::ran:::label"
                     >
                       color
                     </label>
@@ -8717,9 +8717,9 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                     >
                       <select
                         aria-hidden={true}
-                        aria-labelledby="field:::rae:::label"
+                        aria-labelledby="field:::ran:::label"
                         disabled={false}
-                        id=":rae:"
+                        id=":ran:"
                         multiple={false}
                         name="root.color"
                         onFocus={[Function]}
@@ -8783,7 +8783,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                             aria-expanded={false}
                             aria-haspopup="listbox"
                             aria-invalid={false}
-                            aria-labelledby="field:::rae:::label"
+                            aria-labelledby="field:::ran:::label"
                             aria-required={false}
                             className="chakra-select__trigger emotion-10"
                             data-part="trigger"
@@ -8853,7 +8853,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                         }
                       >
                         <div
-                          aria-labelledby="field:::rae:::label"
+                          aria-labelledby="field:::ran:::label"
                           className="chakra-select__content emotion-16"
                           data-part="content"
                           data-scope="select"
@@ -9336,7 +9336,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r95:::legend"
+      aria-labelledby="fieldset:::r9e:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -9353,7 +9353,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r96:::legend"
+                aria-labelledby="fieldset:::r9f:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -9366,15 +9366,15 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r97:"
+                    id="field:::r9g:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r97:"
-                      id="field:::r97:::label"
+                      htmlFor=":r9g:"
+                      id="field:::r9g:::label"
                     >
                       firstName
                     </label>
@@ -9406,7 +9406,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
               className="rjsf-field rjsf-field-number"
             >
               <fieldset
-                aria-labelledby="fieldset:::r98:::legend"
+                aria-labelledby="fieldset:::r9h:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -9419,15 +9419,15 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r99:"
+                    id="field:::r9i:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-6"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r99:"
-                      id="field:::r99:::label"
+                      htmlFor=":r9i:"
+                      id="field:::r9i:::label"
                     >
                       age
                     </label>
@@ -9460,7 +9460,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
               className="rjsf-field rjsf-field-boolean"
             >
               <fieldset
-                aria-labelledby="fieldset:::r9a:::legend"
+                aria-labelledby="fieldset:::r9j:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -9473,7 +9473,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                     className="chakra-field__root emotion-5"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r9b:"
+                    id="field:::r9k:"
                     role="group"
                   >
                     <label
@@ -9483,7 +9483,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                       data-scope="checkbox"
                       data-state="unchecked"
                       dir="ltr"
-                      htmlFor=":r9b:"
+                      htmlFor=":r9k:"
                       id="checkbox:root_active"
                       onBlur={[Function]}
                       onClick={[Function]}
@@ -9493,10 +9493,10 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                     >
                       <input
                         aria-invalid={false}
-                        aria-labelledby="field:::r9b:::label"
+                        aria-labelledby="field:::r9k:::label"
                         defaultChecked={false}
                         disabled={false}
-                        id=":r9b:"
+                        id=":r9k:"
                         name="root.active"
                         onBlur={[Function]}
                         onClick={[Function]}
@@ -9540,7 +9540,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                         data-scope="checkbox"
                         data-state="unchecked"
                         dir="ltr"
-                        id="field:::r9b:::label"
+                        id="field:::r9k:::label"
                       >
                         <p>
                           active
@@ -9916,7 +9916,7 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
-exports[`single fields checkbox field with label 1`] = `
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -9936,382 +9936,29 @@ exports[`single fields checkbox field with label 1`] = `
   }
 }
 
-@layer recipes {
-  .emotion-1 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    width: var(--chakra-sizes-full);
-    gap: var(--chakra-spacing-4);
-  }
-}
-
-.emotion-2 {
-  margin-bottom: var(--chakra-spacing-1);
-}
-
-@layer recipes {
-  .emotion-2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    width: 100%;
-    position: relative;
-    gap: var(--chakra-spacing-1\\.5);
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-align-items: flex-start;
-    -webkit-box-align: flex-start;
-    -ms-flex-align: flex-start;
-    align-items: flex-start;
-  }
-}
-
-@layer recipes {
-  .emotion-3 {
-    display: -webkit-inline-box;
-    display: -webkit-inline-flex;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    gap: var(--chakra-spacing-2\\.5);
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    vertical-align: top;
-    position: relative;
-  }
-}
-
-@layer recipes {
-  .emotion-4 {
-    display: -webkit-inline-box;
-    display: -webkit-inline-flex;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    color: var(--chakra-colors-white);
-    border-width: 1px;
-    border-color: var(--chakra-colors-border-emphasized);
-    border-radius: var(--chakra-radii-l1);
-    cursor: var(--chakra-cursor-checkbox);
-    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
-    width: var(--chakra-sizes-5);
-    height: var(--chakra-sizes-5);
-    padding: var(--chakra-spacing-0\\.5);
-  }
-
-  .emotion-4:is(:focus-visible, [data-focus-visible]) {
-    outline-width: var(--focus-ring-width, 2px);
-    outline-offset: var(--focus-ring-offset, 2px);
-    outline-style: var(--focus-ring-style, solid);
-    outline-color: var(--focus-ring-color);
-  }
-
-  .emotion-4 :where(svg) {
-    width: var(--chakra-sizes-full);
-    height: var(--chakra-sizes-full);
-  }
-
-  .emotion-4:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    --chakra-colors-color-palette-50: var(--chakra-colors-red-50);
-    --chakra-colors-color-palette-100: var(--chakra-colors-red-100);
-    --chakra-colors-color-palette-200: var(--chakra-colors-red-200);
-    --chakra-colors-color-palette-300: var(--chakra-colors-red-300);
-    --chakra-colors-color-palette-400: var(--chakra-colors-red-400);
-    --chakra-colors-color-palette-500: var(--chakra-colors-red-500);
-    --chakra-colors-color-palette-600: var(--chakra-colors-red-600);
-    --chakra-colors-color-palette-700: var(--chakra-colors-red-700);
-    --chakra-colors-color-palette-800: var(--chakra-colors-red-800);
-    --chakra-colors-color-palette-900: var(--chakra-colors-red-900);
-    --chakra-colors-color-palette-950: var(--chakra-colors-red-950);
-    --chakra-colors-color-palette-contrast: var(--chakra-colors-red-contrast);
-    --chakra-colors-color-palette-fg: var(--chakra-colors-red-fg);
-    --chakra-colors-color-palette-subtle: var(--chakra-colors-red-subtle);
-    --chakra-colors-color-palette-muted: var(--chakra-colors-red-muted);
-    --chakra-colors-color-palette-emphasized: var(--chakra-colors-red-emphasized);
-    --chakra-colors-color-palette-solid: var(--chakra-colors-red-solid);
-    --chakra-colors-color-palette-focus-ring: var(--chakra-colors-red-focus-ring);
-    border-color: var(--chakra-colors-border-error);
-  }
-
-  .emotion-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: var(--chakra-cursor-disabled);
-  }
-
-  .emotion-4:is([data-state=checked], [data-state=indeterminate]) {
-    background: var(--chakra-colors-color-palette-solid);
-    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
-    color: var(--chakra-colors-color-palette-contrast);
-    border-color: var(--chakra-colors-color-palette-solid);
-  }
-}
-
-.emotion-5 {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 3px;
-  stroke-linecap: round;
-  stroke-linejoin: round;
+.emotion-1 {
+  margin-top: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-6 {
+  .emotion-1 {
+    color: var(--chakra-colors-fg);
     font-weight: var(--chakra-font-weights-medium);
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
     font-size: var(--chakra-font-sizes-sm);
     line-height: 1.25rem;
   }
 
-  .emotion-6:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-  }
-}
-
-.emotion-7 {
-  margin-top: var(--chakra-spacing-3);
-}
-
-@layer recipes {
-  .emotion-8 {
-    display: -webkit-inline-box;
-    display: -webkit-inline-flex;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    appearance: none;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    position: relative;
-    border-radius: var(--chakra-radii-l2);
-    white-space: nowrap;
-    vertical-align: middle;
-    border-width: 1px;
-    border-color: var(--chakra-colors-transparent);
-    cursor: var(--chakra-cursor-button);
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    outline: 0;
-    line-height: 1.25rem;
-    isolation: isolate;
-    font-weight: var(--chakra-font-weights-medium);
-    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;
-    transition-duration: var(--chakra-durations-moderate);
-    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
-    height: var(--chakra-sizes-10);
-    min-width: var(--chakra-sizes-10);
-    font-size: var(--chakra-font-sizes-sm);
-    padding-inline: var(--chakra-spacing-4);
-    gap: var(--chakra-spacing-2);
-    background: var(--chakra-colors-color-palette-solid);
-    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
-    color: var(--chakra-colors-color-palette-contrast);
-  }
-
-  .emotion-8:is(:focus-visible, [data-focus-visible]) {
-    outline-width: var(--focus-ring-width, 2px);
-    outline-offset: var(--focus-ring-offset, 2px);
-    outline-style: var(--focus-ring-style, solid);
-    outline-color: var(--focus-ring-color);
-  }
-
-  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-1:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-8 :where(svg) {
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: var(--chakra-sizes-5);
-    height: var(--chakra-sizes-5);
-  }
-
-  .emotion-8:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
-    --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
-    background: var(--mix-background, var(--chakra-colors-color-palette-solid));
-    --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
-  }
-
-  @media (hover: hover) {
-    .emotion-8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
-      --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
-      background: var(--mix-background, var(--chakra-colors-color-palette-solid));
-      --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
-    }
   }
 }
 
-<form
-  className="rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-boolean"
-  >
-    <fieldset
-      aria-labelledby="fieldset:::r26:::legend"
-      className="fieldset__root emotion-0"
-      data-part="root"
-      data-scope="fieldset"
-      disabled={false}
-    >
-      <div
-        className="fieldset__content emotion-1"
-      >
-        <div
-          className="chakra-field__root emotion-2"
-          data-part="root"
-          data-scope="field"
-          id="field:::r27:"
-          role="group"
-        >
-          <label
-            aria-describedby="root__error root__description root__help"
-            className="chakra-checkbox__root emotion-3"
-            data-part="root"
-            data-scope="checkbox"
-            data-state="unchecked"
-            dir="ltr"
-            htmlFor=":r27:"
-            id="checkbox:root"
-            onBlur={[Function]}
-            onClick={[Function]}
-            onFocus={[Function]}
-            onPointerLeave={[Function]}
-            onPointerMove={[Function]}
-          >
-            <input
-              aria-invalid={false}
-              aria-labelledby="field:::r27:::label"
-              defaultChecked={false}
-              disabled={false}
-              id=":r27:"
-              name="root"
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              required={false}
-              style={
-                {
-                  "border": "0",
-                  "clip": "rect(0 0 0 0)",
-                  "height": "1px",
-                  "margin": "-1px",
-                  "overflow": "hidden",
-                  "padding": "0",
-                  "position": "absolute",
-                  "whiteSpace": "nowrap",
-                  "width": "1px",
-                  "wordWrap": "normal",
-                }
-              }
-              type="checkbox"
-              value="on"
-            />
-            <div
-              aria-hidden={true}
-              className="chakra-checkbox__control emotion-4"
-              data-part="control"
-              data-scope="checkbox"
-              data-state="unchecked"
-              dir="ltr"
-              id="checkbox:root:control"
-            >
-              <svg
-                className="emotion-5"
-                data-state="unchecked"
-                viewBox="0 0 24 24"
-              />
-            </div>
-            <span
-              className="chakra-checkbox__label emotion-6"
-              data-part="label"
-              data-scope="checkbox"
-              data-state="unchecked"
-              dir="ltr"
-              id="field:::r27:::label"
-            >
-              <p>
-                test
-              </p>
-            </span>
-          </label>
-        </div>
-      </div>
-    </fieldset>
-  </div>
-  <div
-    className="emotion-7"
-  >
-    <button
-      className="chakra-button emotion-8"
-      disabled={false}
-      type="submit"
-    >
-      Submit
-    </button>
-  </div>
-</form>
-`;
-
-exports[`single fields checkbox field with label and description 1`] = `
-@layer recipes {
-  .emotion-0 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    width: var(--chakra-sizes-full);
-  }
-
-  .emotion-0>:not(style, [hidden])~:not(style, [hidden]) {
-    --space-y-reverse: 0;
-    margin-top: calc(var(--chakra-spacing-4) * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(var(--chakra-spacing-4) * var(--space-y-reverse));
-  }
+.emotion-2 {
+  font-size: var(--chakra-font-sizes-md);
 }
 
 @layer recipes {
-  .emotion-1 {
+  .emotion-3 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10324,12 +9971,12 @@ exports[`single fields checkbox field with label and description 1`] = `
   }
 }
 
-.emotion-2 {
+.emotion-4 {
   margin-bottom: var(--chakra-spacing-1);
 }
 
 @layer recipes {
-  .emotion-2 {
+  .emotion-4 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10347,12 +9994,8 @@ exports[`single fields checkbox field with label and description 1`] = `
   }
 }
 
-.emotion-3 {
-  font-size: var(--chakra-font-sizes-md);
-}
-
 @layer recipes {
-  .emotion-4 {
+  .emotion-5 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -10368,7 +10011,7 @@ exports[`single fields checkbox field with label and description 1`] = `
 }
 
 @layer recipes {
-  .emotion-5 {
+  .emotion-6 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -10395,19 +10038,19 @@ exports[`single fields checkbox field with label and description 1`] = `
     padding: var(--chakra-spacing-0\\.5);
   }
 
-  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+  .emotion-6:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-5 :where(svg) {
+  .emotion-6 :where(svg) {
     width: var(--chakra-sizes-full);
     height: var(--chakra-sizes-full);
   }
 
-  .emotion-5:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-6:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     --chakra-colors-color-palette-50: var(--chakra-colors-red-50);
     --chakra-colors-color-palette-100: var(--chakra-colors-red-100);
     --chakra-colors-color-palette-200: var(--chakra-colors-red-200);
@@ -10429,12 +10072,12 @@ exports[`single fields checkbox field with label and description 1`] = `
     border-color: var(--chakra-colors-border-error);
   }
 
-  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-6:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: var(--chakra-cursor-disabled);
   }
 
-  .emotion-5:is([data-state=checked], [data-state=indeterminate]) {
+  .emotion-6:is([data-state=checked], [data-state=indeterminate]) {
     background: var(--chakra-colors-color-palette-solid);
     --bg-currentcolor: var(--chakra-colors-color-palette-solid);
     color: var(--chakra-colors-color-palette-contrast);
@@ -10442,7 +10085,7 @@ exports[`single fields checkbox field with label and description 1`] = `
   }
 }
 
-.emotion-6 {
+.emotion-7 {
   fill: none;
   stroke: currentColor;
   stroke-width: 3px;
@@ -10451,7 +10094,7 @@ exports[`single fields checkbox field with label and description 1`] = `
 }
 
 @layer recipes {
-  .emotion-7 {
+  .emotion-8 {
     font-weight: var(--chakra-font-weights-medium);
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -10461,17 +10104,17 @@ exports[`single fields checkbox field with label and description 1`] = `
     line-height: 1.25rem;
   }
 
-  .emotion-7:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
   }
 }
 
-.emotion-8 {
+.emotion-9 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-9 {
+  .emotion-10 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -10519,19 +10162,19 @@ exports[`single fields checkbox field with label and description 1`] = `
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-9:is(:focus-visible, [data-focus-visible]) {
+  .emotion-10:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-10:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-9 :where(svg) {
+  .emotion-10 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -10539,14 +10182,14 @@ exports[`single fields checkbox field with label and description 1`] = `
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-9:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-10:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-10:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -10563,36 +10206,43 @@ exports[`single fields checkbox field with label and description 1`] = `
     className="rjsf-field rjsf-field-boolean"
   >
     <fieldset
-      aria-labelledby="fieldset:::r29:::legend"
+      aria-labelledby="fieldset:::r2f:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
       disabled={false}
     >
+      <legend
+        className="fieldset__legend emotion-1"
+        data-part="legend"
+        data-scope="fieldset"
+        id="fieldset:::r2f:::legend"
+      >
+        <sup
+          className="emotion-2"
+          id="root__description"
+        >
+          This is a checkbox description
+        </sup>
+      </legend>
       <div
-        className="fieldset__content emotion-1"
+        className="fieldset__content emotion-3"
       >
         <div
-          className="chakra-field__root emotion-2"
+          className="chakra-field__root emotion-4"
           data-part="root"
           data-scope="field"
-          id="field:::r2a:"
+          id="field:::r2g:"
           role="group"
         >
-          <sup
-            className="emotion-3"
-            id="root__description"
-          >
-            test description
-          </sup>
           <label
             aria-describedby="root__error root__description root__help"
-            className="chakra-checkbox__root emotion-4"
+            className="chakra-checkbox__root emotion-5"
             data-part="root"
             data-scope="checkbox"
             data-state="unchecked"
             dir="ltr"
-            htmlFor=":r2a:"
+            htmlFor=":r2g:"
             id="checkbox:root"
             onBlur={[Function]}
             onClick={[Function]}
@@ -10602,10 +10252,10 @@ exports[`single fields checkbox field with label and description 1`] = `
           >
             <input
               aria-invalid={false}
-              aria-labelledby="field:::r2a:::label"
+              aria-labelledby="field:::r2g:::label"
               defaultChecked={false}
               disabled={false}
-              id=":r2a:"
+              id=":r2g:"
               name="root"
               onBlur={[Function]}
               onClick={[Function]}
@@ -10630,7 +10280,7 @@ exports[`single fields checkbox field with label and description 1`] = `
             />
             <div
               aria-hidden={true}
-              className="chakra-checkbox__control emotion-5"
+              className="chakra-checkbox__control emotion-6"
               data-part="control"
               data-scope="checkbox"
               data-state="unchecked"
@@ -10638,18 +10288,18 @@ exports[`single fields checkbox field with label and description 1`] = `
               id="checkbox:root:control"
             >
               <svg
-                className="emotion-6"
+                className="emotion-7"
                 data-state="unchecked"
                 viewBox="0 0 24 24"
               />
             </div>
             <span
-              className="chakra-checkbox__label emotion-7"
+              className="chakra-checkbox__label emotion-8"
               data-part="label"
               data-scope="checkbox"
               data-state="unchecked"
               dir="ltr"
-              id="field:::r2a:::label"
+              id="field:::r2g:::label"
             >
               <p>
                 test
@@ -10661,10 +10311,10 @@ exports[`single fields checkbox field with label and description 1`] = `
     </fieldset>
   </div>
   <div
-    className="emotion-8"
+    className="emotion-9"
   >
     <button
-      className="chakra-button emotion-9"
+      className="chakra-button emotion-10"
       disabled={false}
       type="submit"
     >
@@ -10674,7 +10324,7 @@ exports[`single fields checkbox field with label and description 1`] = `
 </form>
 `;
 
-exports[`single fields checkbox field with label and rich text description 1`] = `
+exports[`single fields checkbox field with label 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -10731,12 +10381,8 @@ exports[`single fields checkbox field with label and rich text description 1`] =
   }
 }
 
-.emotion-3 {
-  font-size: var(--chakra-font-sizes-md);
-}
-
 @layer recipes {
-  .emotion-4 {
+  .emotion-3 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -10752,7 +10398,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
 }
 
 @layer recipes {
-  .emotion-5 {
+  .emotion-4 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -10779,19 +10425,19 @@ exports[`single fields checkbox field with label and rich text description 1`] =
     padding: var(--chakra-spacing-0\\.5);
   }
 
-  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+  .emotion-4:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-5 :where(svg) {
+  .emotion-4 :where(svg) {
     width: var(--chakra-sizes-full);
     height: var(--chakra-sizes-full);
   }
 
-  .emotion-5:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-4:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     --chakra-colors-color-palette-50: var(--chakra-colors-red-50);
     --chakra-colors-color-palette-100: var(--chakra-colors-red-100);
     --chakra-colors-color-palette-200: var(--chakra-colors-red-200);
@@ -10813,12 +10459,12 @@ exports[`single fields checkbox field with label and rich text description 1`] =
     border-color: var(--chakra-colors-border-error);
   }
 
-  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: var(--chakra-cursor-disabled);
   }
 
-  .emotion-5:is([data-state=checked], [data-state=indeterminate]) {
+  .emotion-4:is([data-state=checked], [data-state=indeterminate]) {
     background: var(--chakra-colors-color-palette-solid);
     --bg-currentcolor: var(--chakra-colors-color-palette-solid);
     color: var(--chakra-colors-color-palette-contrast);
@@ -10826,7 +10472,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
   }
 }
 
-.emotion-6 {
+.emotion-5 {
   fill: none;
   stroke: currentColor;
   stroke-width: 3px;
@@ -10835,7 +10481,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
 }
 
 @layer recipes {
-  .emotion-7 {
+  .emotion-6 {
     font-weight: var(--chakra-font-weights-medium);
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -10845,17 +10491,17 @@ exports[`single fields checkbox field with label and rich text description 1`] =
     line-height: 1.25rem;
   }
 
-  .emotion-7:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-6:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
   }
 }
 
-.emotion-8 {
+.emotion-7 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-9 {
+  .emotion-8 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -10903,19 +10549,19 @@ exports[`single fields checkbox field with label and rich text description 1`] =
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-9:is(:focus-visible, [data-focus-visible]) {
+  .emotion-8:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-9 :where(svg) {
+  .emotion-8 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -10923,14 +10569,14 @@ exports[`single fields checkbox field with label and rich text description 1`] =
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-9:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-8:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-8:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -10947,7 +10593,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
     className="rjsf-field rjsf-field-boolean"
   >
     <fieldset
-      aria-labelledby="fieldset:::r2c:::legend"
+      aria-labelledby="fieldset:::r26:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -10960,31 +10606,17 @@ exports[`single fields checkbox field with label and rich text description 1`] =
           className="chakra-field__root emotion-2"
           data-part="root"
           data-scope="field"
-          id="field:::r2d:"
+          id="field:::r27:"
           role="group"
         >
-          <sup
-            className="emotion-3"
-            id="root__description"
-          >
-            <span>
-              <strong>
-                test
-              </strong>
-               
-              <strong>
-                description
-              </strong>
-            </span>
-          </sup>
           <label
             aria-describedby="root__error root__description root__help"
-            className="chakra-checkbox__root emotion-4"
+            className="chakra-checkbox__root emotion-3"
             data-part="root"
             data-scope="checkbox"
             data-state="unchecked"
             dir="ltr"
-            htmlFor=":r2d:"
+            htmlFor=":r27:"
             id="checkbox:root"
             onBlur={[Function]}
             onClick={[Function]}
@@ -10994,10 +10626,10 @@ exports[`single fields checkbox field with label and rich text description 1`] =
           >
             <input
               aria-invalid={false}
-              aria-labelledby="field:::r2d:::label"
+              aria-labelledby="field:::r27:::label"
               defaultChecked={false}
               disabled={false}
-              id=":r2d:"
+              id=":r27:"
               name="root"
               onBlur={[Function]}
               onClick={[Function]}
@@ -11022,7 +10654,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
             />
             <div
               aria-hidden={true}
-              className="chakra-checkbox__control emotion-5"
+              className="chakra-checkbox__control emotion-4"
               data-part="control"
               data-scope="checkbox"
               data-state="unchecked"
@@ -11030,18 +10662,18 @@ exports[`single fields checkbox field with label and rich text description 1`] =
               id="checkbox:root:control"
             >
               <svg
-                className="emotion-6"
+                className="emotion-5"
                 data-state="unchecked"
                 viewBox="0 0 24 24"
               />
             </div>
             <span
-              className="chakra-checkbox__label emotion-7"
+              className="chakra-checkbox__label emotion-6"
               data-part="label"
               data-scope="checkbox"
               data-state="unchecked"
               dir="ltr"
-              id="field:::r2d:::label"
+              id="field:::r27:::label"
             >
               <p>
                 test
@@ -11053,10 +10685,10 @@ exports[`single fields checkbox field with label and rich text description 1`] =
     </fieldset>
   </div>
   <div
-    className="emotion-8"
+    className="emotion-7"
   >
     <button
-      className="chakra-button emotion-9"
+      className="chakra-button emotion-8"
       disabled={false}
       type="submit"
     >
@@ -11066,7 +10698,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
 </form>
 `;
 
-exports[`single fields checkboxes field 1`] = `
+exports[`single fields checkbox field with label and description 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -11110,45 +10742,25 @@ exports[`single fields checkboxes field 1`] = `
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
+    width: 100%;
+    position: relative;
+    gap: var(--chakra-spacing-1\\.5);
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
-    width: var(--chakra-sizes-full);
-  }
-
-  .emotion-2>:not(style, [hidden])~:not(style, [hidden]) {
-    --space-y-reverse: 0;
-    margin-top: calc(var(--chakra-spacing-4) * calc(1 - var(--space-y-reverse)));
-    margin-bottom: calc(var(--chakra-spacing-4) * var(--space-y-reverse));
-  }
-}
-
-@layer recipes {
-  .emotion-3 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    gap: var(--chakra-spacing-1\\.5);
+    -webkit-align-items: flex-start;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
   }
 }
 
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  gap: 0.5rem;
+.emotion-3 {
+  font-size: var(--chakra-font-sizes-md);
 }
 
 @layer recipes {
-  .emotion-5 {
+  .emotion-4 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -11164,7 +10776,7 @@ exports[`single fields checkboxes field 1`] = `
 }
 
 @layer recipes {
-  .emotion-6 {
+  .emotion-5 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -11191,19 +10803,19 @@ exports[`single fields checkboxes field 1`] = `
     padding: var(--chakra-spacing-0\\.5);
   }
 
-  .emotion-6:is(:focus-visible, [data-focus-visible]) {
+  .emotion-5:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-6 :where(svg) {
+  .emotion-5 :where(svg) {
     width: var(--chakra-sizes-full);
     height: var(--chakra-sizes-full);
   }
 
-  .emotion-6:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-5:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     --chakra-colors-color-palette-50: var(--chakra-colors-red-50);
     --chakra-colors-color-palette-100: var(--chakra-colors-red-100);
     --chakra-colors-color-palette-200: var(--chakra-colors-red-200);
@@ -11225,12 +10837,12 @@ exports[`single fields checkboxes field 1`] = `
     border-color: var(--chakra-colors-border-error);
   }
 
-  .emotion-6:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: var(--chakra-cursor-disabled);
   }
 
-  .emotion-6:is([data-state=checked], [data-state=indeterminate]) {
+  .emotion-5:is([data-state=checked], [data-state=indeterminate]) {
     background: var(--chakra-colors-color-palette-solid);
     --bg-currentcolor: var(--chakra-colors-color-palette-solid);
     color: var(--chakra-colors-color-palette-contrast);
@@ -11238,7 +10850,7 @@ exports[`single fields checkboxes field 1`] = `
   }
 }
 
-.emotion-7 {
+.emotion-6 {
   fill: none;
   stroke: currentColor;
   stroke-width: 3px;
@@ -11247,7 +10859,7 @@ exports[`single fields checkboxes field 1`] = `
 }
 
 @layer recipes {
-  .emotion-8 {
+  .emotion-7 {
     font-weight: var(--chakra-font-weights-medium);
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -11257,17 +10869,17 @@ exports[`single fields checkboxes field 1`] = `
     line-height: 1.25rem;
   }
 
-  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-7:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
   }
 }
 
-.emotion-21 {
+.emotion-8 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-22 {
+  .emotion-9 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -11315,19 +10927,19 @@ exports[`single fields checkboxes field 1`] = `
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-22:is(:focus-visible, [data-focus-visible]) {
+  .emotion-9:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-22:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-22 :where(svg) {
+  .emotion-9 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -11335,14 +10947,14 @@ exports[`single fields checkboxes field 1`] = `
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-22:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-9:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-22:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -11356,10 +10968,10 @@ exports[`single fields checkboxes field 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-array"
+    className="rjsf-field rjsf-field-boolean"
   >
     <fieldset
-      aria-labelledby="fieldset:::r2f:::legend"
+      aria-labelledby="fieldset:::r29:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -11368,312 +10980,99 @@ exports[`single fields checkboxes field 1`] = `
       <div
         className="fieldset__content emotion-1"
       >
-        <fieldset
-          aria-labelledby="fieldset:::r2g:::legend"
-          className="fieldset__root emotion-2"
+        <div
+          className="chakra-field__root emotion-2"
           data-part="root"
-          data-scope="fieldset"
-          disabled={false}
+          data-scope="field"
+          id="field:::r2a:"
+          role="group"
         >
-          <div
-            aria-describedby="root__error root__description root__help"
+          <sup
             className="emotion-3"
-            data-part="group"
+            id="root__description"
+          >
+            test description
+          </sup>
+          <label
+            aria-describedby="root__error root__description root__help"
+            className="chakra-checkbox__root emotion-4"
+            data-part="root"
             data-scope="checkbox"
-            label="An enum list rendered as checkboxes"
-            required={false}
-            role="group"
+            data-state="unchecked"
+            dir="ltr"
+            htmlFor=":r2a:"
+            id="checkbox:root"
+            onBlur={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onPointerLeave={[Function]}
+            onPointerMove={[Function]}
           >
+            <input
+              aria-invalid={false}
+              aria-labelledby="field:::r2a:::label"
+              defaultChecked={false}
+              disabled={false}
+              id=":r2a:"
+              name="root"
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              required={false}
+              style={
+                {
+                  "border": "0",
+                  "clip": "rect(0 0 0 0)",
+                  "height": "1px",
+                  "margin": "-1px",
+                  "overflow": "hidden",
+                  "padding": "0",
+                  "position": "absolute",
+                  "whiteSpace": "nowrap",
+                  "width": "1px",
+                  "wordWrap": "normal",
+                }
+              }
+              type="checkbox"
+              value="on"
+            />
             <div
-              className="chakra-stack emotion-4"
+              aria-hidden={true}
+              className="chakra-checkbox__control emotion-5"
+              data-part="control"
+              data-scope="checkbox"
+              data-state="unchecked"
+              dir="ltr"
+              id="checkbox:root:control"
             >
-              <label
-                className="chakra-checkbox__root emotion-5"
-                data-part="root"
-                data-scope="checkbox"
-                data-state="unchecked"
-                dir="ltr"
-                htmlFor="checkbox:root-0:input"
-                id="checkbox:root-0"
-                onBlur={[Function]}
-                onClick={[Function]}
-                onFocus={[Function]}
-                onPointerLeave={[Function]}
-                onPointerMove={[Function]}
-              >
-                <input
-                  aria-invalid={false}
-                  aria-labelledby="checkbox:root-0:label"
-                  defaultChecked={false}
-                  disabled={false}
-                  id="checkbox:root-0:input"
-                  name="root"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  style={
-                    {
-                      "border": "0",
-                      "clip": "rect(0 0 0 0)",
-                      "height": "1px",
-                      "margin": "-1px",
-                      "overflow": "hidden",
-                      "padding": "0",
-                      "position": "absolute",
-                      "whiteSpace": "nowrap",
-                      "width": "1px",
-                      "wordWrap": "normal",
-                    }
-                  }
-                  type="checkbox"
-                  value="0"
-                />
-                <div
-                  aria-hidden={true}
-                  className="chakra-checkbox__control emotion-6"
-                  data-part="control"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-0:control"
-                >
-                  <svg
-                    className="emotion-7"
-                    data-state="unchecked"
-                    viewBox="0 0 24 24"
-                  />
-                </div>
-                <span
-                  className="chakra-checkbox__label emotion-8"
-                  data-part="label"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-0:label"
-                >
-                  <p>
-                    foo
-                  </p>
-                </span>
-              </label>
-              <label
-                className="chakra-checkbox__root emotion-5"
-                data-part="root"
-                data-scope="checkbox"
-                data-state="unchecked"
-                dir="ltr"
-                htmlFor="checkbox:root-1:input"
-                id="checkbox:root-1"
-                onBlur={[Function]}
-                onClick={[Function]}
-                onFocus={[Function]}
-                onPointerLeave={[Function]}
-                onPointerMove={[Function]}
-              >
-                <input
-                  aria-invalid={false}
-                  aria-labelledby="checkbox:root-1:label"
-                  defaultChecked={false}
-                  disabled={false}
-                  id="checkbox:root-1:input"
-                  name="root"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  style={
-                    {
-                      "border": "0",
-                      "clip": "rect(0 0 0 0)",
-                      "height": "1px",
-                      "margin": "-1px",
-                      "overflow": "hidden",
-                      "padding": "0",
-                      "position": "absolute",
-                      "whiteSpace": "nowrap",
-                      "width": "1px",
-                      "wordWrap": "normal",
-                    }
-                  }
-                  type="checkbox"
-                  value="1"
-                />
-                <div
-                  aria-hidden={true}
-                  className="chakra-checkbox__control emotion-6"
-                  data-part="control"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-1:control"
-                >
-                  <svg
-                    className="emotion-7"
-                    data-state="unchecked"
-                    viewBox="0 0 24 24"
-                  />
-                </div>
-                <span
-                  className="chakra-checkbox__label emotion-8"
-                  data-part="label"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-1:label"
-                >
-                  <p>
-                    bar
-                  </p>
-                </span>
-              </label>
-              <label
-                className="chakra-checkbox__root emotion-5"
-                data-part="root"
-                data-scope="checkbox"
-                data-state="unchecked"
-                dir="ltr"
-                htmlFor="checkbox:root-2:input"
-                id="checkbox:root-2"
-                onBlur={[Function]}
-                onClick={[Function]}
-                onFocus={[Function]}
-                onPointerLeave={[Function]}
-                onPointerMove={[Function]}
-              >
-                <input
-                  aria-invalid={false}
-                  aria-labelledby="checkbox:root-2:label"
-                  defaultChecked={false}
-                  disabled={false}
-                  id="checkbox:root-2:input"
-                  name="root"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  style={
-                    {
-                      "border": "0",
-                      "clip": "rect(0 0 0 0)",
-                      "height": "1px",
-                      "margin": "-1px",
-                      "overflow": "hidden",
-                      "padding": "0",
-                      "position": "absolute",
-                      "whiteSpace": "nowrap",
-                      "width": "1px",
-                      "wordWrap": "normal",
-                    }
-                  }
-                  type="checkbox"
-                  value="2"
-                />
-                <div
-                  aria-hidden={true}
-                  className="chakra-checkbox__control emotion-6"
-                  data-part="control"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-2:control"
-                >
-                  <svg
-                    className="emotion-7"
-                    data-state="unchecked"
-                    viewBox="0 0 24 24"
-                  />
-                </div>
-                <span
-                  className="chakra-checkbox__label emotion-8"
-                  data-part="label"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-2:label"
-                >
-                  <p>
-                    fuzz
-                  </p>
-                </span>
-              </label>
-              <label
-                className="chakra-checkbox__root emotion-5"
-                data-part="root"
-                data-scope="checkbox"
+              <svg
+                className="emotion-6"
                 data-state="unchecked"
-                dir="ltr"
-                htmlFor="checkbox:root-3:input"
-                id="checkbox:root-3"
-                onBlur={[Function]}
-                onClick={[Function]}
-                onFocus={[Function]}
-                onPointerLeave={[Function]}
-                onPointerMove={[Function]}
-              >
-                <input
-                  aria-invalid={false}
-                  aria-labelledby="checkbox:root-3:label"
-                  defaultChecked={false}
-                  disabled={false}
-                  id="checkbox:root-3:input"
-                  name="root"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  style={
-                    {
-                      "border": "0",
-                      "clip": "rect(0 0 0 0)",
-                      "height": "1px",
-                      "margin": "-1px",
-                      "overflow": "hidden",
-                      "padding": "0",
-                      "position": "absolute",
-                      "whiteSpace": "nowrap",
-                      "width": "1px",
-                      "wordWrap": "normal",
-                    }
-                  }
-                  type="checkbox"
-                  value="3"
-                />
-                <div
-                  aria-hidden={true}
-                  className="chakra-checkbox__control emotion-6"
-                  data-part="control"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-3:control"
-                >
-                  <svg
-                    className="emotion-7"
-                    data-state="unchecked"
-                    viewBox="0 0 24 24"
-                  />
-                </div>
-                <span
-                  className="chakra-checkbox__label emotion-8"
-                  data-part="label"
-                  data-scope="checkbox"
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="checkbox:root-3:label"
-                >
-                  <p>
-                    qux
-                  </p>
-                </span>
-              </label>
+                viewBox="0 0 24 24"
+              />
             </div>
-          </div>
-        </fieldset>
+            <span
+              className="chakra-checkbox__label emotion-7"
+              data-part="label"
+              data-scope="checkbox"
+              data-state="unchecked"
+              dir="ltr"
+              id="field:::r2a:::label"
+            >
+              <p>
+                test
+              </p>
+            </span>
+          </label>
+        </div>
       </div>
     </fieldset>
   </div>
   <div
-    className="emotion-21"
+    className="emotion-8"
   >
     <button
-      className="chakra-button emotion-22"
+      className="chakra-button emotion-9"
       disabled={false}
       type="submit"
     >
@@ -11683,7 +11082,7 @@ exports[`single fields checkboxes field 1`] = `
 </form>
 `;
 
-exports[`single fields field with description 1`] = `
+exports[`single fields checkbox field with label and rich text description 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -11718,38 +11117,11 @@ exports[`single fields field with description 1`] = `
 }
 
 .emotion-2 {
-  display: grid;
-  gap: var(--chakra-spacing-4);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-.emotion-4 {
-  margin-top: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-4 {
-    color: var(--chakra-colors-fg);
-    font-weight: var(--chakra-font-weights-medium);
-    font-size: var(--chakra-font-sizes-sm);
-    line-height: 1.25rem;
-  }
-
-  .emotion-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-  }
-}
-
-.emotion-5 {
-  font-size: var(--chakra-font-sizes-md);
-}
-
-.emotion-7 {
   margin-bottom: var(--chakra-spacing-1);
 }
 
 @layer recipes {
-  .emotion-7 {
+  .emotion-2 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -11767,83 +11139,131 @@ exports[`single fields field with description 1`] = `
   }
 }
 
+.emotion-3 {
+  font-size: var(--chakra-font-sizes-md);
+}
+
 @layer recipes {
-  .emotion-8 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
+  .emotion-4 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    gap: var(--chakra-spacing-2\\.5);
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    text-align: start;
-    font-size: var(--chakra-font-sizes-sm);
-    line-height: 1.25rem;
-    font-weight: var(--chakra-font-weights-medium);
-    gap: var(--chakra-spacing-1);
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-
-  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
+    vertical-align: top;
+    position: relative;
   }
 }
 
 @layer recipes {
-  .emotion-9 {
-    width: 100%;
-    min-width: var(--input-height);
-    outline: 0;
-    position: relative;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    appearance: none;
-    text-align: start;
-    border-radius: var(--chakra-radii-l2);
-    height: var(--input-height);
-    --focus-color: var(--chakra-colors-color-palette-focus-ring);
-    --error-color: var(--chakra-colors-border-error);
-    font-size: var(--chakra-font-sizes-sm);
-    line-height: 1.25rem;
-    padding-inline: var(--chakra-spacing-3);
-    --input-height: var(--chakra-sizes-10);
-    background: var(--chakra-colors-transparent);
-    --bg-currentcolor: var(--chakra-colors-transparent);
+  .emotion-5 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    color: var(--chakra-colors-white);
     border-width: 1px;
-    border-color: var(--chakra-colors-border);
-    --focus-ring-color: var(--focus-color);
+    border-color: var(--chakra-colors-border-emphasized);
+    border-radius: var(--chakra-radii-l1);
+    cursor: var(--chakra-cursor-checkbox);
+    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
+    padding: var(--chakra-spacing-0\\.5);
   }
 
-  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+    outline-width: var(--focus-ring-width, 2px);
+    outline-offset: var(--focus-ring-offset, 2px);
+    outline-style: var(--focus-ring-style, solid);
+    outline-color: var(--focus-ring-color);
+  }
+
+  .emotion-5 :where(svg) {
+    width: var(--chakra-sizes-full);
+    height: var(--chakra-sizes-full);
+  }
+
+  .emotion-5:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --chakra-colors-color-palette-50: var(--chakra-colors-red-50);
+    --chakra-colors-color-palette-100: var(--chakra-colors-red-100);
+    --chakra-colors-color-palette-200: var(--chakra-colors-red-200);
+    --chakra-colors-color-palette-300: var(--chakra-colors-red-300);
+    --chakra-colors-color-palette-400: var(--chakra-colors-red-400);
+    --chakra-colors-color-palette-500: var(--chakra-colors-red-500);
+    --chakra-colors-color-palette-600: var(--chakra-colors-red-600);
+    --chakra-colors-color-palette-700: var(--chakra-colors-red-700);
+    --chakra-colors-color-palette-800: var(--chakra-colors-red-800);
+    --chakra-colors-color-palette-900: var(--chakra-colors-red-900);
+    --chakra-colors-color-palette-950: var(--chakra-colors-red-950);
+    --chakra-colors-color-palette-contrast: var(--chakra-colors-red-contrast);
+    --chakra-colors-color-palette-fg: var(--chakra-colors-red-fg);
+    --chakra-colors-color-palette-subtle: var(--chakra-colors-red-subtle);
+    --chakra-colors-color-palette-muted: var(--chakra-colors-red-muted);
+    --chakra-colors-color-palette-emphasized: var(--chakra-colors-red-emphasized);
+    --chakra-colors-color-palette-solid: var(--chakra-colors-red-solid);
+    --chakra-colors-color-palette-focus-ring: var(--chakra-colors-red-focus-ring);
+    border-color: var(--chakra-colors-border-error);
+  }
+
+  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
-    cursor: not-allowed;
+    cursor: var(--chakra-cursor-disabled);
   }
 
-  .emotion-9:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    --focus-ring-color: var(--error-color);
-    border-color: var(--error-color);
+  .emotion-5:is([data-state=checked], [data-state=indeterminate]) {
+    background: var(--chakra-colors-color-palette-solid);
+    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
+    color: var(--chakra-colors-color-palette-contrast);
+    border-color: var(--chakra-colors-color-palette-solid);
   }
+}
 
-  .emotion-9:is(:focus-visible, [data-focus-visible]) {
-    outline-offset: 0px;
-    outline-width: var(--focus-ring-width, 1px);
-    outline-color: var(--focus-ring-color);
-    outline-style: var(--focus-ring-style, solid);
-    border-color: var(--focus-ring-color);
+.emotion-6 {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 3px;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+@layer recipes {
+  .emotion-7 {
+    font-weight: var(--chakra-font-weights-medium);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+  }
+
+  .emotion-7:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
   }
 }
 
-.emotion-10 {
+.emotion-8 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-11 {
+  .emotion-9 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -11891,19 +11311,19 @@ exports[`single fields field with description 1`] = `
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-11:is(:focus-visible, [data-focus-visible]) {
+  .emotion-9:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-11:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-11 :where(svg) {
+  .emotion-9 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -11911,14 +11331,14 @@ exports[`single fields field with description 1`] = `
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-11:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-9:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-11:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -11932,10 +11352,10 @@ exports[`single fields field with description 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-object"
+    className="rjsf-field rjsf-field-boolean"
   >
     <fieldset
-      aria-labelledby="fieldset:::r2s:::legend"
+      aria-labelledby="fieldset:::r2c:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -11945,83 +11365,106 @@ exports[`single fields field with description 1`] = `
         className="fieldset__content emotion-1"
       >
         <div
-          className="emotion-2"
+          className="chakra-field__root emotion-2"
+          data-part="root"
+          data-scope="field"
+          id="field:::r2d:"
+          role="group"
         >
-          <div>
+          <sup
+            className="emotion-3"
+            id="root__description"
+          >
+            <span>
+              <strong>
+                test
+              </strong>
+               
+              <strong>
+                description
+              </strong>
+            </span>
+          </sup>
+          <label
+            aria-describedby="root__error root__description root__help"
+            className="chakra-checkbox__root emotion-4"
+            data-part="root"
+            data-scope="checkbox"
+            data-state="unchecked"
+            dir="ltr"
+            htmlFor=":r2d:"
+            id="checkbox:root"
+            onBlur={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onPointerLeave={[Function]}
+            onPointerMove={[Function]}
+          >
+            <input
+              aria-invalid={false}
+              aria-labelledby="field:::r2d:::label"
+              defaultChecked={false}
+              disabled={false}
+              id=":r2d:"
+              name="root"
+              onBlur={[Function]}
+              onClick={[Function]}
+              onFocus={[Function]}
+              required={false}
+              style={
+                {
+                  "border": "0",
+                  "clip": "rect(0 0 0 0)",
+                  "height": "1px",
+                  "margin": "-1px",
+                  "overflow": "hidden",
+                  "padding": "0",
+                  "position": "absolute",
+                  "whiteSpace": "nowrap",
+                  "width": "1px",
+                  "wordWrap": "normal",
+                }
+              }
+              type="checkbox"
+              value="on"
+            />
             <div
-              className="rjsf-field rjsf-field-string"
+              aria-hidden={true}
+              className="chakra-checkbox__control emotion-5"
+              data-part="control"
+              data-scope="checkbox"
+              data-state="unchecked"
+              dir="ltr"
+              id="checkbox:root:control"
             >
-              <fieldset
-                aria-labelledby="fieldset:::r2t:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <legend
-                  className="fieldset__legend emotion-4"
-                  data-part="legend"
-                  data-scope="fieldset"
-                  id="fieldset:::r2t:::legend"
-                >
-                  <sup
-                    className="emotion-5"
-                    id="root_my-field__description"
-                  >
-                    some description
-                  </sup>
-                </legend>
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div
-                    className="chakra-field__root emotion-7"
-                    data-part="root"
-                    data-scope="field"
-                    id="field:::r2u:"
-                    role="group"
-                  >
-                    <label
-                      className="chakra-field__label emotion-8"
-                      data-part="label"
-                      data-scope="field"
-                      htmlFor=":r2u:"
-                      id="field:::r2u:::label"
-                    >
-                      my-field
-                    </label>
-                    <input
-                      aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                      autoFocus={false}
-                      className="chakra-input emotion-9"
-                      data-part="input"
-                      data-scope="field"
-                      disabled={false}
-                      id="root_my-field"
-                      name="root_my-field"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      placeholder=""
-                      readOnly={false}
-                      required={false}
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-              </fieldset>
+              <svg
+                className="emotion-6"
+                data-state="unchecked"
+                viewBox="0 0 24 24"
+              />
             </div>
-          </div>
+            <span
+              className="chakra-checkbox__label emotion-7"
+              data-part="label"
+              data-scope="checkbox"
+              data-state="unchecked"
+              dir="ltr"
+              id="field:::r2d:::label"
+            >
+              <p>
+                test
+              </p>
+            </span>
+          </label>
         </div>
       </div>
     </fieldset>
   </div>
   <div
-    className="emotion-10"
+    className="emotion-8"
   >
     <button
-      className="chakra-button emotion-11"
+      className="chakra-button emotion-9"
       disabled={false}
       type="submit"
     >
@@ -12031,7 +11474,7 @@ exports[`single fields field with description 1`] = `
 </form>
 `;
 
-exports[`single fields field with description in uiSchema 1`] = `
+exports[`single fields checkboxes field 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -12066,132 +11509,173 @@ exports[`single fields field with description in uiSchema 1`] = `
 }
 
 .emotion-2 {
-  display: grid;
-  gap: var(--chakra-spacing-4);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-.emotion-4 {
-  margin-top: var(--chakra-spacing-2);
+  margin-bottom: var(--chakra-spacing-1);
 }
 
 @layer recipes {
-  .emotion-4 {
-    color: var(--chakra-colors-fg);
-    font-weight: var(--chakra-font-weights-medium);
-    font-size: var(--chakra-font-sizes-sm);
-    line-height: 1.25rem;
+  .emotion-2 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
   }
 
-  .emotion-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
+  .emotion-2>:not(style, [hidden])~:not(style, [hidden]) {
+    --space-y-reverse: 0;
+    margin-top: calc(var(--chakra-spacing-4) * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(var(--chakra-spacing-4) * var(--space-y-reverse));
   }
 }
 
-.emotion-5 {
-  font-size: var(--chakra-font-sizes-md);
-}
-
-.emotion-7 {
-  margin-bottom: var(--chakra-spacing-1);
-}
-
 @layer recipes {
-  .emotion-7 {
+  .emotion-3 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
-    width: 100%;
-    position: relative;
-    gap: var(--chakra-spacing-1\\.5);
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-align-items: flex-start;
-    -webkit-box-align: flex-start;
-    -ms-flex-align: flex-start;
-    align-items: flex-start;
+    gap: var(--chakra-spacing-1\\.5);
   }
 }
 
+.emotion-4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
 @layer recipes {
-  .emotion-8 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
+  .emotion-5 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    gap: var(--chakra-spacing-2\\.5);
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    text-align: start;
-    font-size: var(--chakra-font-sizes-sm);
-    line-height: 1.25rem;
-    font-weight: var(--chakra-font-weights-medium);
-    gap: var(--chakra-spacing-1);
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-  }
-
-  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
+    vertical-align: top;
+    position: relative;
   }
 }
 
 @layer recipes {
-  .emotion-9 {
-    width: 100%;
-    min-width: var(--input-height);
-    outline: 0;
-    position: relative;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    appearance: none;
-    text-align: start;
-    border-radius: var(--chakra-radii-l2);
-    height: var(--input-height);
-    --focus-color: var(--chakra-colors-color-palette-focus-ring);
-    --error-color: var(--chakra-colors-border-error);
-    font-size: var(--chakra-font-sizes-sm);
-    line-height: 1.25rem;
-    padding-inline: var(--chakra-spacing-3);
-    --input-height: var(--chakra-sizes-10);
-    background: var(--chakra-colors-transparent);
-    --bg-currentcolor: var(--chakra-colors-transparent);
+  .emotion-6 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    color: var(--chakra-colors-white);
     border-width: 1px;
-    border-color: var(--chakra-colors-border);
-    --focus-ring-color: var(--focus-color);
+    border-color: var(--chakra-colors-border-emphasized);
+    border-radius: var(--chakra-radii-l1);
+    cursor: var(--chakra-cursor-checkbox);
+    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
+    padding: var(--chakra-spacing-0\\.5);
   }
 
-  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-6:is(:focus-visible, [data-focus-visible]) {
+    outline-width: var(--focus-ring-width, 2px);
+    outline-offset: var(--focus-ring-offset, 2px);
+    outline-style: var(--focus-ring-style, solid);
+    outline-color: var(--focus-ring-color);
+  }
+
+  .emotion-6 :where(svg) {
+    width: var(--chakra-sizes-full);
+    height: var(--chakra-sizes-full);
+  }
+
+  .emotion-6:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --chakra-colors-color-palette-50: var(--chakra-colors-red-50);
+    --chakra-colors-color-palette-100: var(--chakra-colors-red-100);
+    --chakra-colors-color-palette-200: var(--chakra-colors-red-200);
+    --chakra-colors-color-palette-300: var(--chakra-colors-red-300);
+    --chakra-colors-color-palette-400: var(--chakra-colors-red-400);
+    --chakra-colors-color-palette-500: var(--chakra-colors-red-500);
+    --chakra-colors-color-palette-600: var(--chakra-colors-red-600);
+    --chakra-colors-color-palette-700: var(--chakra-colors-red-700);
+    --chakra-colors-color-palette-800: var(--chakra-colors-red-800);
+    --chakra-colors-color-palette-900: var(--chakra-colors-red-900);
+    --chakra-colors-color-palette-950: var(--chakra-colors-red-950);
+    --chakra-colors-color-palette-contrast: var(--chakra-colors-red-contrast);
+    --chakra-colors-color-palette-fg: var(--chakra-colors-red-fg);
+    --chakra-colors-color-palette-subtle: var(--chakra-colors-red-subtle);
+    --chakra-colors-color-palette-muted: var(--chakra-colors-red-muted);
+    --chakra-colors-color-palette-emphasized: var(--chakra-colors-red-emphasized);
+    --chakra-colors-color-palette-solid: var(--chakra-colors-red-solid);
+    --chakra-colors-color-palette-focus-ring: var(--chakra-colors-red-focus-ring);
+    border-color: var(--chakra-colors-border-error);
+  }
+
+  .emotion-6:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
-    cursor: not-allowed;
+    cursor: var(--chakra-cursor-disabled);
   }
 
-  .emotion-9:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    --focus-ring-color: var(--error-color);
-    border-color: var(--error-color);
+  .emotion-6:is([data-state=checked], [data-state=indeterminate]) {
+    background: var(--chakra-colors-color-palette-solid);
+    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
+    color: var(--chakra-colors-color-palette-contrast);
+    border-color: var(--chakra-colors-color-palette-solid);
   }
+}
 
-  .emotion-9:is(:focus-visible, [data-focus-visible]) {
-    outline-offset: 0px;
-    outline-width: var(--focus-ring-width, 1px);
-    outline-color: var(--focus-ring-color);
-    outline-style: var(--focus-ring-style, solid);
-    border-color: var(--focus-ring-color);
+.emotion-7 {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 3px;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+@layer recipes {
+  .emotion-8 {
+    font-weight: var(--chakra-font-weights-medium);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+  }
+
+  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
   }
 }
 
-.emotion-10 {
+.emotion-21 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-11 {
+  .emotion-22 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -12239,19 +11723,19 @@ exports[`single fields field with description in uiSchema 1`] = `
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-11:is(:focus-visible, [data-focus-visible]) {
+  .emotion-22:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-11:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-22:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-11 :where(svg) {
+  .emotion-22 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -12259,14 +11743,14 @@ exports[`single fields field with description in uiSchema 1`] = `
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-11:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-22:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-11:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-22:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -12280,10 +11764,10 @@ exports[`single fields field with description in uiSchema 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-object"
+    className="rjsf-field rjsf-field-array"
   >
     <fieldset
-      aria-labelledby="fieldset:::r2v:::legend"
+      aria-labelledby="fieldset:::r2o:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -12292,84 +11776,312 @@ exports[`single fields field with description in uiSchema 1`] = `
       <div
         className="fieldset__content emotion-1"
       >
-        <div
-          className="emotion-2"
+        <fieldset
+          aria-labelledby="fieldset:::r2p:::legend"
+          className="fieldset__root emotion-2"
+          data-part="root"
+          data-scope="fieldset"
+          disabled={false}
         >
-          <div>
+          <div
+            aria-describedby="root__error root__description root__help"
+            className="emotion-3"
+            data-part="group"
+            data-scope="checkbox"
+            label="An enum list rendered as checkboxes"
+            required={false}
+            role="group"
+          >
             <div
-              className="rjsf-field rjsf-field-string"
+              className="chakra-stack emotion-4"
             >
-              <fieldset
-                aria-labelledby="fieldset:::r30:::legend"
-                className="fieldset__root emotion-0"
+              <label
+                className="chakra-checkbox__root emotion-5"
                 data-part="root"
-                data-scope="fieldset"
-                disabled={false}
+                data-scope="checkbox"
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="checkbox:root-0:input"
+                id="checkbox:root-0"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
               >
-                <legend
-                  className="fieldset__legend emotion-4"
-                  data-part="legend"
-                  data-scope="fieldset"
-                  id="fieldset:::r30:::legend"
+                <input
+                  aria-invalid={false}
+                  aria-labelledby="checkbox:root-0:label"
+                  defaultChecked={false}
+                  disabled={false}
+                  id="checkbox:root-0:input"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="checkbox"
+                  value="0"
+                />
+                <div
+                  aria-hidden={true}
+                  className="chakra-checkbox__control emotion-6"
+                  data-part="control"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-0:control"
                 >
-                  <sup
-                    className="emotion-5"
-                    id="root_my-field__description"
-                  >
-                    some other description
-                  </sup>
-                </legend>
+                  <svg
+                    className="emotion-7"
+                    data-state="unchecked"
+                    viewBox="0 0 24 24"
+                  />
+                </div>
+                <span
+                  className="chakra-checkbox__label emotion-8"
+                  data-part="label"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-0:label"
+                >
+                  <p>
+                    foo
+                  </p>
+                </span>
+              </label>
+              <label
+                className="chakra-checkbox__root emotion-5"
+                data-part="root"
+                data-scope="checkbox"
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="checkbox:root-1:input"
+                id="checkbox:root-1"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
+              >
+                <input
+                  aria-invalid={false}
+                  aria-labelledby="checkbox:root-1:label"
+                  defaultChecked={false}
+                  disabled={false}
+                  id="checkbox:root-1:input"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="checkbox"
+                  value="1"
+                />
                 <div
-                  className="fieldset__content emotion-1"
+                  aria-hidden={true}
+                  className="chakra-checkbox__control emotion-6"
+                  data-part="control"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-1:control"
                 >
-                  <div
-                    className="chakra-field__root emotion-7"
-                    data-part="root"
-                    data-scope="field"
-                    id="field:::r31:"
-                    role="group"
-                  >
-                    <label
-                      className="chakra-field__label emotion-8"
-                      data-part="label"
-                      data-scope="field"
-                      htmlFor=":r31:"
-                      id="field:::r31:::label"
-                    >
-                      my-field
-                    </label>
-                    <input
-                      aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                      autoFocus={false}
-                      className="chakra-input emotion-9"
-                      data-part="input"
-                      data-scope="field"
-                      disabled={false}
-                      id="root_my-field"
-                      name="root_my-field"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      placeholder=""
-                      readOnly={false}
-                      required={false}
-                      type="text"
-                      value=""
-                    />
-                  </div>
+                  <svg
+                    className="emotion-7"
+                    data-state="unchecked"
+                    viewBox="0 0 24 24"
+                  />
                 </div>
-              </fieldset>
+                <span
+                  className="chakra-checkbox__label emotion-8"
+                  data-part="label"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-1:label"
+                >
+                  <p>
+                    bar
+                  </p>
+                </span>
+              </label>
+              <label
+                className="chakra-checkbox__root emotion-5"
+                data-part="root"
+                data-scope="checkbox"
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="checkbox:root-2:input"
+                id="checkbox:root-2"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
+              >
+                <input
+                  aria-invalid={false}
+                  aria-labelledby="checkbox:root-2:label"
+                  defaultChecked={false}
+                  disabled={false}
+                  id="checkbox:root-2:input"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="checkbox"
+                  value="2"
+                />
+                <div
+                  aria-hidden={true}
+                  className="chakra-checkbox__control emotion-6"
+                  data-part="control"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-2:control"
+                >
+                  <svg
+                    className="emotion-7"
+                    data-state="unchecked"
+                    viewBox="0 0 24 24"
+                  />
+                </div>
+                <span
+                  className="chakra-checkbox__label emotion-8"
+                  data-part="label"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-2:label"
+                >
+                  <p>
+                    fuzz
+                  </p>
+                </span>
+              </label>
+              <label
+                className="chakra-checkbox__root emotion-5"
+                data-part="root"
+                data-scope="checkbox"
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="checkbox:root-3:input"
+                id="checkbox:root-3"
+                onBlur={[Function]}
+                onClick={[Function]}
+                onFocus={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
+              >
+                <input
+                  aria-invalid={false}
+                  aria-labelledby="checkbox:root-3:label"
+                  defaultChecked={false}
+                  disabled={false}
+                  id="checkbox:root-3:input"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="checkbox"
+                  value="3"
+                />
+                <div
+                  aria-hidden={true}
+                  className="chakra-checkbox__control emotion-6"
+                  data-part="control"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-3:control"
+                >
+                  <svg
+                    className="emotion-7"
+                    data-state="unchecked"
+                    viewBox="0 0 24 24"
+                  />
+                </div>
+                <span
+                  className="chakra-checkbox__label emotion-8"
+                  data-part="label"
+                  data-scope="checkbox"
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="checkbox:root-3:label"
+                >
+                  <p>
+                    qux
+                  </p>
+                </span>
+              </label>
             </div>
           </div>
-        </div>
+        </fieldset>
       </div>
     </fieldset>
   </div>
   <div
-    className="emotion-10"
+    className="emotion-21"
   >
     <button
-      className="chakra-button emotion-11"
+      className="chakra-button emotion-22"
       disabled={false}
       type="submit"
     >
@@ -12379,7 +12091,7 @@ exports[`single fields field with description in uiSchema 1`] = `
 </form>
 `;
 
-exports[`single fields field with markdown description 1`] = `
+exports[`single fields field with description 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -12631,7 +12343,7 @@ exports[`single fields field with markdown description 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r32:::legend"
+      aria-labelledby="fieldset:::r35:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -12648,7 +12360,7 @@ exports[`single fields field with markdown description 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r33:::legend"
+                aria-labelledby="fieldset:::r36:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -12658,19 +12370,13 @@ exports[`single fields field with markdown description 1`] = `
                   className="fieldset__legend emotion-4"
                   data-part="legend"
                   data-scope="fieldset"
-                  id="fieldset:::r33:::legend"
+                  id="fieldset:::r36:::legend"
                 >
                   <sup
                     className="emotion-5"
                     id="root_my-field__description"
                   >
-                    <span>
-                      some 
-                      <strong>
-                        Rich
-                      </strong>
-                       description
-                    </span>
+                    some description
                   </sup>
                 </legend>
                 <div
@@ -12680,15 +12386,15 @@ exports[`single fields field with markdown description 1`] = `
                     className="chakra-field__root emotion-7"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r34:"
+                    id="field:::r37:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-8"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r34:"
-                      id="field:::r34:::label"
+                      htmlFor=":r37:"
+                      id="field:::r37:::label"
                     >
                       my-field
                     </label>
@@ -12733,7 +12439,7 @@ exports[`single fields field with markdown description 1`] = `
 </form>
 `;
 
-exports[`single fields field with markdown description in uiSchema 1`] = `
+exports[`single fields field with description in uiSchema 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -12985,7 +12691,7 @@ exports[`single fields field with markdown description in uiSchema 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r35:::legend"
+      aria-labelledby="fieldset:::r38:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -13002,7 +12708,7 @@ exports[`single fields field with markdown description in uiSchema 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r36:::legend"
+                aria-labelledby="fieldset:::r39:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -13012,15 +12718,13 @@ exports[`single fields field with markdown description in uiSchema 1`] = `
                   className="fieldset__legend emotion-4"
                   data-part="legend"
                   data-scope="fieldset"
-                  id="fieldset:::r36:::legend"
+                  id="fieldset:::r39:::legend"
                 >
                   <sup
                     className="emotion-5"
                     id="root_my-field__description"
                   >
-                    <span>
-                      some other description
-                    </span>
+                    some other description
                   </sup>
                 </legend>
                 <div
@@ -13030,15 +12734,15 @@ exports[`single fields field with markdown description in uiSchema 1`] = `
                     className="chakra-field__root emotion-7"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r37:"
+                    id="field:::r3a:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-8"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r37:"
-                      id="field:::r37:::label"
+                      htmlFor=":r3a:"
+                      id="field:::r3a:::label"
                     >
                       my-field
                     </label>
@@ -13083,7 +12787,7 @@ exports[`single fields field with markdown description in uiSchema 1`] = `
 </form>
 `;
 
-exports[`single fields format color 1`] = `
+exports[`single fields field with markdown description 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -13118,12 +12822,39 @@ exports[`single fields format color 1`] = `
 }
 
 .emotion-2 {
-  margin-bottom: var(--chakra-spacing-1);
+  display: grid;
+  gap: var(--chakra-spacing-4);
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+.emotion-4 {
+  margin-top: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-2 {
-    display: -webkit-box;
+  .emotion-4 {
+    color: var(--chakra-colors-fg);
+    font-weight: var(--chakra-font-weights-medium);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+  }
+
+  .emotion-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+.emotion-5 {
+  font-size: var(--chakra-font-sizes-md);
+}
+
+.emotion-7 {
+  margin-bottom: var(--chakra-spacing-1);
+}
+
+@layer recipes {
+  .emotion-7 {
+    display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
@@ -13141,7 +12872,33 @@ exports[`single fields format color 1`] = `
 }
 
 @layer recipes {
-  .emotion-3 {
+  .emotion-8 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-align: start;
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    font-weight: var(--chakra-font-weights-medium);
+    gap: var(--chakra-spacing-1);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+@layer recipes {
+  .emotion-9 {
     width: 100%;
     min-width: var(--input-height);
     outline: 0;
@@ -13166,17 +12923,17 @@ exports[`single fields format color 1`] = `
     --focus-ring-color: var(--focus-color);
   }
 
-  .emotion-3:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-3:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-9:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     --focus-ring-color: var(--error-color);
     border-color: var(--error-color);
   }
 
-  .emotion-3:is(:focus-visible, [data-focus-visible]) {
+  .emotion-9:is(:focus-visible, [data-focus-visible]) {
     outline-offset: 0px;
     outline-width: var(--focus-ring-width, 1px);
     outline-color: var(--focus-ring-color);
@@ -13185,12 +12942,12 @@ exports[`single fields format color 1`] = `
   }
 }
 
-.emotion-4 {
+.emotion-10 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-5 {
+  .emotion-11 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -13238,19 +12995,19 @@ exports[`single fields format color 1`] = `
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+  .emotion-11:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-11:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-5 :where(svg) {
+  .emotion-11 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -13258,14 +13015,14 @@ exports[`single fields format color 1`] = `
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-5:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-11:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-11:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -13279,10 +13036,10 @@ exports[`single fields format color 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::rg:::legend"
+      aria-labelledby="fieldset:::r3b:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -13292,39 +13049,89 @@ exports[`single fields format color 1`] = `
         className="fieldset__content emotion-1"
       >
         <div
-          className="chakra-field__root emotion-2"
-          data-part="root"
-          data-scope="field"
-          id="field:::rh:"
-          role="group"
+          className="emotion-2"
         >
-          <input
-            aria-describedby="root__error root__description root__help"
-            autoFocus={false}
-            className="chakra-input emotion-3"
-            data-part="input"
-            data-scope="field"
-            disabled={false}
-            id="root"
-            name="root"
-            onBlur={[Function]}
-            onChange={[Function]}
-            onFocus={[Function]}
-            placeholder=""
-            readOnly={false}
-            required={false}
-            type="color"
-            value=""
-          />
+          <div>
+            <div
+              className="rjsf-field rjsf-field-string"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r3c:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <legend
+                  className="fieldset__legend emotion-4"
+                  data-part="legend"
+                  data-scope="fieldset"
+                  id="fieldset:::r3c:::legend"
+                >
+                  <sup
+                    className="emotion-5"
+                    id="root_my-field__description"
+                  >
+                    <span>
+                      some 
+                      <strong>
+                        Rich
+                      </strong>
+                       description
+                    </span>
+                  </sup>
+                </legend>
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-field__root emotion-7"
+                    data-part="root"
+                    data-scope="field"
+                    id="field:::r3d:"
+                    role="group"
+                  >
+                    <label
+                      className="chakra-field__label emotion-8"
+                      data-part="label"
+                      data-scope="field"
+                      htmlFor=":r3d:"
+                      id="field:::r3d:::label"
+                    >
+                      my-field
+                    </label>
+                    <input
+                      aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
+                      autoFocus={false}
+                      className="chakra-input emotion-9"
+                      data-part="input"
+                      data-scope="field"
+                      disabled={false}
+                      id="root_my-field"
+                      name="root_my-field"
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      placeholder=""
+                      readOnly={false}
+                      required={false}
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
         </div>
       </div>
     </fieldset>
   </div>
   <div
-    className="emotion-4"
+    className="emotion-10"
   >
     <button
-      className="chakra-button emotion-5"
+      className="chakra-button emotion-11"
       disabled={false}
       type="submit"
     >
@@ -13334,7 +13141,7 @@ exports[`single fields format color 1`] = `
 </form>
 `;
 
-exports[`single fields format date 1`] = `
+exports[`single fields field with markdown description in uiSchema 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -13369,11 +13176,38 @@ exports[`single fields format date 1`] = `
 }
 
 .emotion-2 {
+  display: grid;
+  gap: var(--chakra-spacing-4);
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+.emotion-4 {
+  margin-top: var(--chakra-spacing-2);
+}
+
+@layer recipes {
+  .emotion-4 {
+    color: var(--chakra-colors-fg);
+    font-weight: var(--chakra-font-weights-medium);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+  }
+
+  .emotion-4:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+.emotion-5 {
+  font-size: var(--chakra-font-sizes-md);
+}
+
+.emotion-7 {
   margin-bottom: var(--chakra-spacing-1);
 }
 
 @layer recipes {
-  .emotion-2 {
+  .emotion-7 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -13392,7 +13226,33 @@ exports[`single fields format date 1`] = `
 }
 
 @layer recipes {
-  .emotion-3 {
+  .emotion-8 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-align: start;
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    font-weight: var(--chakra-font-weights-medium);
+    gap: var(--chakra-spacing-1);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+@layer recipes {
+  .emotion-9 {
     width: 100%;
     min-width: var(--input-height);
     outline: 0;
@@ -13417,17 +13277,17 @@ exports[`single fields format date 1`] = `
     --focus-ring-color: var(--focus-color);
   }
 
-  .emotion-3:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-3:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-9:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     --focus-ring-color: var(--error-color);
     border-color: var(--error-color);
   }
 
-  .emotion-3:is(:focus-visible, [data-focus-visible]) {
+  .emotion-9:is(:focus-visible, [data-focus-visible]) {
     outline-offset: 0px;
     outline-width: var(--focus-ring-width, 1px);
     outline-color: var(--focus-ring-color);
@@ -13436,12 +13296,12 @@ exports[`single fields format date 1`] = `
   }
 }
 
-.emotion-4 {
+.emotion-10 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-5 {
+  .emotion-11 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -13489,19 +13349,19 @@ exports[`single fields format date 1`] = `
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+  .emotion-11:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-11:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-5 :where(svg) {
+  .emotion-11 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -13509,14 +13369,14 @@ exports[`single fields format date 1`] = `
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-5:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-11:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-11:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -13530,10 +13390,10 @@ exports[`single fields format date 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::ri:::legend"
+      aria-labelledby="fieldset:::r3e:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -13543,39 +13403,85 @@ exports[`single fields format date 1`] = `
         className="fieldset__content emotion-1"
       >
         <div
-          className="chakra-field__root emotion-2"
-          data-part="root"
-          data-scope="field"
-          id="field:::rj:"
-          role="group"
+          className="emotion-2"
         >
-          <input
-            aria-describedby="root__error root__description root__help"
-            autoFocus={false}
-            className="chakra-input emotion-3"
-            data-part="input"
-            data-scope="field"
-            disabled={false}
-            id="root"
-            name="root"
-            onBlur={[Function]}
-            onChange={[Function]}
-            onFocus={[Function]}
-            placeholder=""
-            readOnly={false}
-            required={false}
-            type="date"
-            value=""
-          />
+          <div>
+            <div
+              className="rjsf-field rjsf-field-string"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r3f:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <legend
+                  className="fieldset__legend emotion-4"
+                  data-part="legend"
+                  data-scope="fieldset"
+                  id="fieldset:::r3f:::legend"
+                >
+                  <sup
+                    className="emotion-5"
+                    id="root_my-field__description"
+                  >
+                    <span>
+                      some other description
+                    </span>
+                  </sup>
+                </legend>
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-field__root emotion-7"
+                    data-part="root"
+                    data-scope="field"
+                    id="field:::r3g:"
+                    role="group"
+                  >
+                    <label
+                      className="chakra-field__label emotion-8"
+                      data-part="label"
+                      data-scope="field"
+                      htmlFor=":r3g:"
+                      id="field:::r3g:::label"
+                    >
+                      my-field
+                    </label>
+                    <input
+                      aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
+                      autoFocus={false}
+                      className="chakra-input emotion-9"
+                      data-part="input"
+                      data-scope="field"
+                      disabled={false}
+                      id="root_my-field"
+                      name="root_my-field"
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      placeholder=""
+                      readOnly={false}
+                      required={false}
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
         </div>
       </div>
     </fieldset>
   </div>
   <div
-    className="emotion-4"
+    className="emotion-10"
   >
     <button
-      className="chakra-button emotion-5"
+      className="chakra-button emotion-11"
       disabled={false}
       type="submit"
     >
@@ -13585,7 +13491,7 @@ exports[`single fields format date 1`] = `
 </form>
 `;
 
-exports[`single fields format datetime 1`] = `
+exports[`single fields format color 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -13784,7 +13690,7 @@ exports[`single fields format datetime 1`] = `
     className="rjsf-field rjsf-field-string"
   >
     <fieldset
-      aria-labelledby="fieldset:::rk:::legend"
+      aria-labelledby="fieldset:::rg:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -13797,7 +13703,7 @@ exports[`single fields format datetime 1`] = `
           className="chakra-field__root emotion-2"
           data-part="root"
           data-scope="field"
-          id="field:::rl:"
+          id="field:::rh:"
           role="group"
         >
           <input
@@ -13815,7 +13721,7 @@ exports[`single fields format datetime 1`] = `
             placeholder=""
             readOnly={false}
             required={false}
-            type="datetime-local"
+            type="color"
             value=""
           />
         </div>
@@ -13836,7 +13742,509 @@ exports[`single fields format datetime 1`] = `
 </form>
 `;
 
-exports[`single fields format time 1`] = `
+exports[`single fields format date 1`] = `
+@layer recipes {
+  .emotion-0 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+  }
+
+  .emotion-0>:not(style, [hidden])~:not(style, [hidden]) {
+    --space-y-reverse: 0;
+    margin-top: calc(var(--chakra-spacing-4) * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(var(--chakra-spacing-4) * var(--space-y-reverse));
+  }
+}
+
+@layer recipes {
+  .emotion-1 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+    gap: var(--chakra-spacing-4);
+  }
+}
+
+.emotion-2 {
+  margin-bottom: var(--chakra-spacing-1);
+}
+
+@layer recipes {
+  .emotion-2 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    position: relative;
+    gap: var(--chakra-spacing-1\\.5);
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-align-items: flex-start;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+  }
+}
+
+@layer recipes {
+  .emotion-3 {
+    width: 100%;
+    min-width: var(--input-height);
+    outline: 0;
+    position: relative;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    text-align: start;
+    border-radius: var(--chakra-radii-l2);
+    height: var(--input-height);
+    --focus-color: var(--chakra-colors-color-palette-focus-ring);
+    --error-color: var(--chakra-colors-border-error);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    padding-inline: var(--chakra-spacing-3);
+    --input-height: var(--chakra-sizes-10);
+    background: var(--chakra-colors-transparent);
+    --bg-currentcolor: var(--chakra-colors-transparent);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+    --focus-ring-color: var(--focus-color);
+  }
+
+  .emotion-3:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-3:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --focus-ring-color: var(--error-color);
+    border-color: var(--error-color);
+  }
+
+  .emotion-3:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: 0px;
+    outline-width: var(--focus-ring-width, 1px);
+    outline-color: var(--focus-ring-color);
+    outline-style: var(--focus-ring-style, solid);
+    border-color: var(--focus-ring-color);
+  }
+}
+
+.emotion-4 {
+  margin-top: var(--chakra-spacing-3);
+}
+
+@layer recipes {
+  .emotion-5 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    position: relative;
+    border-radius: var(--chakra-radii-l2);
+    white-space: nowrap;
+    vertical-align: middle;
+    border-width: 1px;
+    border-color: var(--chakra-colors-transparent);
+    cursor: var(--chakra-cursor-button);
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    outline: 0;
+    line-height: 1.25rem;
+    isolation: isolate;
+    font-weight: var(--chakra-font-weights-medium);
+    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;
+    transition-duration: var(--chakra-durations-moderate);
+    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    height: var(--chakra-sizes-10);
+    min-width: var(--chakra-sizes-10);
+    font-size: var(--chakra-font-sizes-sm);
+    padding-inline: var(--chakra-spacing-4);
+    gap: var(--chakra-spacing-2);
+    background: var(--chakra-colors-color-palette-solid);
+    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
+    color: var(--chakra-colors-color-palette-contrast);
+  }
+
+  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+    outline-width: var(--focus-ring-width, 2px);
+    outline-offset: var(--focus-ring-offset, 2px);
+    outline-style: var(--focus-ring-style, solid);
+    outline-color: var(--focus-ring-color);
+  }
+
+  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-5 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
+  }
+
+  .emotion-5:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+    --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+    background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+  }
+
+  @media (hover: hover) {
+    .emotion-5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+      --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+      background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+      --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    }
+  }
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-string"
+  >
+    <fieldset
+      aria-labelledby="fieldset:::ri:::legend"
+      className="fieldset__root emotion-0"
+      data-part="root"
+      data-scope="fieldset"
+      disabled={false}
+    >
+      <div
+        className="fieldset__content emotion-1"
+      >
+        <div
+          className="chakra-field__root emotion-2"
+          data-part="root"
+          data-scope="field"
+          id="field:::rj:"
+          role="group"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            autoFocus={false}
+            className="chakra-input emotion-3"
+            data-part="input"
+            data-scope="field"
+            disabled={false}
+            id="root"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            placeholder=""
+            readOnly={false}
+            required={false}
+            type="date"
+            value=""
+          />
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div
+    className="emotion-4"
+  >
+    <button
+      className="chakra-button emotion-5"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields format datetime 1`] = `
+@layer recipes {
+  .emotion-0 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+  }
+
+  .emotion-0>:not(style, [hidden])~:not(style, [hidden]) {
+    --space-y-reverse: 0;
+    margin-top: calc(var(--chakra-spacing-4) * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(var(--chakra-spacing-4) * var(--space-y-reverse));
+  }
+}
+
+@layer recipes {
+  .emotion-1 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+    gap: var(--chakra-spacing-4);
+  }
+}
+
+.emotion-2 {
+  margin-bottom: var(--chakra-spacing-1);
+}
+
+@layer recipes {
+  .emotion-2 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    position: relative;
+    gap: var(--chakra-spacing-1\\.5);
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-align-items: flex-start;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+  }
+}
+
+@layer recipes {
+  .emotion-3 {
+    width: 100%;
+    min-width: var(--input-height);
+    outline: 0;
+    position: relative;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    text-align: start;
+    border-radius: var(--chakra-radii-l2);
+    height: var(--input-height);
+    --focus-color: var(--chakra-colors-color-palette-focus-ring);
+    --error-color: var(--chakra-colors-border-error);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    padding-inline: var(--chakra-spacing-3);
+    --input-height: var(--chakra-sizes-10);
+    background: var(--chakra-colors-transparent);
+    --bg-currentcolor: var(--chakra-colors-transparent);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+    --focus-ring-color: var(--focus-color);
+  }
+
+  .emotion-3:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-3:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --focus-ring-color: var(--error-color);
+    border-color: var(--error-color);
+  }
+
+  .emotion-3:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: 0px;
+    outline-width: var(--focus-ring-width, 1px);
+    outline-color: var(--focus-ring-color);
+    outline-style: var(--focus-ring-style, solid);
+    border-color: var(--focus-ring-color);
+  }
+}
+
+.emotion-4 {
+  margin-top: var(--chakra-spacing-3);
+}
+
+@layer recipes {
+  .emotion-5 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    position: relative;
+    border-radius: var(--chakra-radii-l2);
+    white-space: nowrap;
+    vertical-align: middle;
+    border-width: 1px;
+    border-color: var(--chakra-colors-transparent);
+    cursor: var(--chakra-cursor-button);
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    outline: 0;
+    line-height: 1.25rem;
+    isolation: isolate;
+    font-weight: var(--chakra-font-weights-medium);
+    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;
+    transition-duration: var(--chakra-durations-moderate);
+    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    height: var(--chakra-sizes-10);
+    min-width: var(--chakra-sizes-10);
+    font-size: var(--chakra-font-sizes-sm);
+    padding-inline: var(--chakra-spacing-4);
+    gap: var(--chakra-spacing-2);
+    background: var(--chakra-colors-color-palette-solid);
+    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
+    color: var(--chakra-colors-color-palette-contrast);
+  }
+
+  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+    outline-width: var(--focus-ring-width, 2px);
+    outline-offset: var(--focus-ring-offset, 2px);
+    outline-style: var(--focus-ring-style, solid);
+    outline-color: var(--focus-ring-color);
+  }
+
+  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-5 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
+  }
+
+  .emotion-5:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+    --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+    background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+  }
+
+  @media (hover: hover) {
+    .emotion-5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+      --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+      background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+      --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    }
+  }
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-string"
+  >
+    <fieldset
+      aria-labelledby="fieldset:::rk:::legend"
+      className="fieldset__root emotion-0"
+      data-part="root"
+      data-scope="fieldset"
+      disabled={false}
+    >
+      <div
+        className="fieldset__content emotion-1"
+      >
+        <div
+          className="chakra-field__root emotion-2"
+          data-part="root"
+          data-scope="field"
+          id="field:::rl:"
+          role="group"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            autoFocus={false}
+            className="chakra-input emotion-3"
+            data-part="input"
+            data-scope="field"
+            disabled={false}
+            id="root"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            placeholder=""
+            readOnly={false}
+            required={false}
+            type="datetime-local"
+            value=""
+          />
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div
+    className="emotion-4"
+  >
+    <button
+      className="chakra-button emotion-5"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields format time 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -14492,7 +14900,7 @@ exports[`single fields help and error display 1`] = `
     className="rjsf-field rjsf-field-string rjsf-field-error"
   >
     <fieldset
-      aria-labelledby="fieldset:::r3h:::legend"
+      aria-labelledby="fieldset:::r3q:::legend"
       className="fieldset__root emotion-8"
       data-invalid=""
       data-part="root"
@@ -14512,7 +14920,7 @@ exports[`single fields help and error display 1`] = `
           data-invalid=""
           data-part="root"
           data-scope="field"
-          id="field:::r3i:"
+          id="field:::r3r:"
           role="group"
         >
           <input
@@ -14699,7 +15107,7 @@ exports[`single fields hidden field 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r2r:::legend"
+      aria-labelledby="fieldset:::r34:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -14942,7 +15350,7 @@ exports[`single fields hidden label 1`] = `
     className="rjsf-field rjsf-field-string"
   >
     <fieldset
-      aria-labelledby="fieldset:::r3b:::legend"
+      aria-labelledby="fieldset:::r3k:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -14955,7 +15363,7 @@ exports[`single fields hidden label 1`] = `
           className="chakra-field__root emotion-2"
           data-part="root"
           data-scope="field"
-          id="field:::r3c:"
+          id="field:::r3l:"
           role="group"
         >
           <input
@@ -16292,7 +16700,7 @@ exports[`single fields optional data controls does not show optional controls wh
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r3j:::legend"
+      aria-labelledby="fieldset:::r3s:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -16324,7 +16732,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r3k:::legend"
+                aria-labelledby="fieldset:::r3t:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -16356,7 +16764,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r3l:::legend"
+                          aria-labelledby="fieldset:::r3u:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -16369,15 +16777,15 @@ exports[`single fields optional data controls does not show optional controls wh
                               className="chakra-field__root emotion-14"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r3m:"
+                              id="field:::r3v:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-15"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r3m:"
-                                id="field:::r3m:::label"
+                                htmlFor=":r3v:"
+                                id="field:::r3v:::label"
                               >
                                 test
                               </label>
@@ -16409,7 +16817,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r3n:::legend"
+                          aria-labelledby="fieldset:::r40:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -16441,7 +16849,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r3o:::legend"
+                                    aria-labelledby="fieldset:::r41:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -16454,15 +16862,15 @@ exports[`single fields optional data controls does not show optional controls wh
                                         className="chakra-field__root emotion-14"
                                         data-part="root"
                                         data-scope="field"
-                                        id="field:::r3p:"
+                                        id="field:::r42:"
                                         role="group"
                                       >
                                         <label
                                           className="chakra-field__label emotion-15"
                                           data-part="label"
                                           data-scope="field"
-                                          htmlFor=":r3p:"
-                                          id="field:::r3p:::label"
+                                          htmlFor=":r42:"
+                                          id="field:::r42:::label"
                                         >
                                           deepTest
                                         </label>
@@ -16499,7 +16907,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r3q:::legend"
+                          aria-labelledby="fieldset:::r43:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -16531,7 +16939,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r3r:::legend"
+                                    aria-labelledby="fieldset:::r44:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -16544,15 +16952,15 @@ exports[`single fields optional data controls does not show optional controls wh
                                         className="chakra-field__root emotion-14"
                                         data-part="root"
                                         data-scope="field"
-                                        id="field:::r3s:"
+                                        id="field:::r45:"
                                         role="group"
                                       >
                                         <label
                                           className="chakra-field__label emotion-15"
                                           data-part="label"
                                           data-scope="field"
-                                          htmlFor=":r3s:"
-                                          id="field:::r3s:::label"
+                                          htmlFor=":r45:"
+                                          id="field:::r45:::label"
                                         >
                                           deepTest
                                         </label>
@@ -16589,7 +16997,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r3t:::legend"
+                          aria-labelledby="fieldset:::r46:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -16666,7 +17074,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r3u:::legend"
+                          aria-labelledby="fieldset:::r47:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -16743,7 +17151,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r3v:::legend"
+                          aria-labelledby="fieldset:::r48:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -16825,7 +17233,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r40:::legend"
+                aria-labelledby="fieldset:::r49:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -16902,7 +17310,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r41:::legend"
+                aria-labelledby="fieldset:::r4a:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -16934,7 +17342,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r42:::legend"
+                          aria-labelledby="fieldset:::r4b:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -16947,15 +17355,15 @@ exports[`single fields optional data controls does not show optional controls wh
                               className="chakra-field__root emotion-14"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r43:"
+                              id="field:::r4c:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-15"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r43:"
-                                id="field:::r43:::label"
+                                htmlFor=":r4c:"
+                                id="field:::r4c:::label"
                               >
                                 test
                               </label>
@@ -16992,7 +17400,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r44:::legend"
+                aria-labelledby="fieldset:::r4d:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -17069,7 +17477,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r45:::legend"
+                aria-labelledby="fieldset:::r4e:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -17091,15 +17499,15 @@ exports[`single fields optional data controls does not show optional controls wh
                           className="chakra-field__root emotion-100"
                           data-part="root"
                           data-scope="field"
-                          id="field:::r46:"
+                          id="field:::r4f:"
                           role="group"
                         >
                           <label
                             className="chakra-field__label emotion-15"
                             data-part="label"
                             data-scope="field"
-                            htmlFor=":r46:"
-                            id="field:::r46:::label"
+                            htmlFor=":r4f:"
+                            id="field:::r4f:::label"
                           >
                             optionalObjectWithOneofs
                           </label>
@@ -17115,10 +17523,10 @@ exports[`single fields optional data controls does not show optional controls wh
                           >
                             <select
                               aria-hidden={true}
-                              aria-labelledby="field:::r46:::label"
+                              aria-labelledby="field:::r4f:::label"
                               defaultValue="0"
                               disabled={false}
-                              id=":r46:"
+                              id=":r4f:"
                               multiple={false}
                               name="root_optionalObjectWithOneofs__oneof_select"
                               onFocus={[Function]}
@@ -17179,7 +17587,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   aria-expanded={false}
                                   aria-haspopup="listbox"
                                   aria-invalid={false}
-                                  aria-labelledby="field:::r46:::label"
+                                  aria-labelledby="field:::r4f:::label"
                                   aria-required={false}
                                   className="chakra-select__trigger emotion-105"
                                   data-part="trigger"
@@ -17250,7 +17658,7 @@ exports[`single fields optional data controls does not show optional controls wh
                               }
                             >
                               <div
-                                aria-labelledby="field:::r46:::label"
+                                aria-labelledby="field:::r4f:::label"
                                 className="chakra-select__content emotion-111"
                                 data-part="content"
                                 data-scope="select"
@@ -17370,7 +17778,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r48:::legend"
+                          aria-labelledby="fieldset:::r4h:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -17402,7 +17810,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r49:::legend"
+                                    aria-labelledby="fieldset:::r4i:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -17417,7 +17825,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                         data-part="root"
                                         data-readonly=""
                                         data-scope="field"
-                                        id="field:::r4a:"
+                                        id="field:::r4j:"
                                         role="group"
                                       >
                                         <label
@@ -17426,8 +17834,8 @@ exports[`single fields optional data controls does not show optional controls wh
                                           data-part="label"
                                           data-readonly=""
                                           data-scope="field"
-                                          htmlFor=":r4a:"
-                                          id="field:::r4a:::label"
+                                          htmlFor=":r4j:"
+                                          id="field:::r4j:::label"
                                         >
                                           name
                                         </label>
@@ -17470,7 +17878,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4b:::legend"
+                aria-labelledby="fieldset:::r4k:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -17492,15 +17900,15 @@ exports[`single fields optional data controls does not show optional controls wh
                           className="chakra-field__root emotion-100"
                           data-part="root"
                           data-scope="field"
-                          id="field:::r4c:"
+                          id="field:::r4l:"
                           role="group"
                         >
                           <label
                             className="chakra-field__label emotion-15"
                             data-part="label"
                             data-scope="field"
-                            htmlFor=":r4c:"
-                            id="field:::r4c:::label"
+                            htmlFor=":r4l:"
+                            id="field:::r4l:::label"
                           >
                             optionalArrayWithAnyofs
                           </label>
@@ -17516,10 +17924,10 @@ exports[`single fields optional data controls does not show optional controls wh
                           >
                             <select
                               aria-hidden={true}
-                              aria-labelledby="field:::r4c:::label"
+                              aria-labelledby="field:::r4l:::label"
                               defaultValue="0"
                               disabled={false}
-                              id=":r4c:"
+                              id=":r4l:"
                               multiple={false}
                               name="root_optionalArrayWithAnyofs__anyof_select"
                               onFocus={[Function]}
@@ -17580,7 +17988,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   aria-expanded={false}
                                   aria-haspopup="listbox"
                                   aria-invalid={false}
-                                  aria-labelledby="field:::r4c:::label"
+                                  aria-labelledby="field:::r4l:::label"
                                   aria-required={false}
                                   className="chakra-select__trigger emotion-105"
                                   data-part="trigger"
@@ -17651,7 +18059,7 @@ exports[`single fields optional data controls does not show optional controls wh
                               }
                             >
                               <div
-                                aria-labelledby="field:::r4c:::label"
+                                aria-labelledby="field:::r4l:::label"
                                 className="chakra-select__content emotion-111"
                                 data-part="content"
                                 data-scope="select"
@@ -17771,7 +18179,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4e:::legend"
+                          aria-labelledby="fieldset:::r4n:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -18504,7 +18912,7 @@ exports[`single fields optional data controls does not show optional controls wh
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r5g:::legend"
+      aria-labelledby="fieldset:::r5p:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -18537,7 +18945,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r5h:::legend"
+                aria-labelledby="fieldset:::r5q:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -18570,7 +18978,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5i:::legend"
+                          aria-labelledby="fieldset:::r5r:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -18585,7 +18993,7 @@ exports[`single fields optional data controls does not show optional controls wh
                               data-part="root"
                               data-readonly=""
                               data-scope="field"
-                              id="field:::r5j:"
+                              id="field:::r5s:"
                               role="group"
                             >
                               <label
@@ -18594,8 +19002,8 @@ exports[`single fields optional data controls does not show optional controls wh
                                 data-part="label"
                                 data-readonly=""
                                 data-scope="field"
-                                htmlFor=":r5j:"
-                                id="field:::r5j:::label"
+                                htmlFor=":r5s:"
+                                id="field:::r5s:::label"
                               >
                                 test
                               </label>
@@ -18628,7 +19036,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5k:::legend"
+                          aria-labelledby="fieldset:::r5t:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -18661,7 +19069,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r5l:::legend"
+                                    aria-labelledby="fieldset:::r5u:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -18676,7 +19084,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                         data-part="root"
                                         data-readonly=""
                                         data-scope="field"
-                                        id="field:::r5m:"
+                                        id="field:::r5v:"
                                         role="group"
                                       >
                                         <label
@@ -18685,8 +19093,8 @@ exports[`single fields optional data controls does not show optional controls wh
                                           data-part="label"
                                           data-readonly=""
                                           data-scope="field"
-                                          htmlFor=":r5m:"
-                                          id="field:::r5m:::label"
+                                          htmlFor=":r5v:"
+                                          id="field:::r5v:::label"
                                         >
                                           deepTest
                                         </label>
@@ -18724,7 +19132,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5n:::legend"
+                          aria-labelledby="fieldset:::r60:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -18757,7 +19165,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r5o:::legend"
+                                    aria-labelledby="fieldset:::r61:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -18772,7 +19180,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                         data-part="root"
                                         data-readonly=""
                                         data-scope="field"
-                                        id="field:::r5p:"
+                                        id="field:::r62:"
                                         role="group"
                                       >
                                         <label
@@ -18781,8 +19189,8 @@ exports[`single fields optional data controls does not show optional controls wh
                                           data-part="label"
                                           data-readonly=""
                                           data-scope="field"
-                                          htmlFor=":r5p:"
-                                          id="field:::r5p:::label"
+                                          htmlFor=":r62:"
+                                          id="field:::r62:::label"
                                         >
                                           deepTest
                                         </label>
@@ -18820,7 +19228,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5q:::legend"
+                          aria-labelledby="fieldset:::r63:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -18897,7 +19305,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5r:::legend"
+                          aria-labelledby="fieldset:::r64:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -18974,7 +19382,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5s:::legend"
+                          aria-labelledby="fieldset:::r65:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -19056,7 +19464,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r5t:::legend"
+                aria-labelledby="fieldset:::r66:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -19133,7 +19541,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r5u:::legend"
+                aria-labelledby="fieldset:::r67:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -19166,7 +19574,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5v:::legend"
+                          aria-labelledby="fieldset:::r68:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -19181,7 +19589,7 @@ exports[`single fields optional data controls does not show optional controls wh
                               data-part="root"
                               data-readonly=""
                               data-scope="field"
-                              id="field:::r60:"
+                              id="field:::r69:"
                               role="group"
                             >
                               <label
@@ -19190,8 +19598,8 @@ exports[`single fields optional data controls does not show optional controls wh
                                 data-part="label"
                                 data-readonly=""
                                 data-scope="field"
-                                htmlFor=":r60:"
-                                id="field:::r60:::label"
+                                htmlFor=":r69:"
+                                id="field:::r69:::label"
                               >
                                 test
                               </label>
@@ -19229,7 +19637,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r61:::legend"
+                aria-labelledby="fieldset:::r6a:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -19306,7 +19714,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r62:::legend"
+                aria-labelledby="fieldset:::r6b:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -19330,7 +19738,7 @@ exports[`single fields optional data controls does not show optional controls wh
                           data-part="root"
                           data-readonly=""
                           data-scope="field"
-                          id="field:::r63:"
+                          id="field:::r6c:"
                           role="group"
                         >
                           <label
@@ -19339,8 +19747,8 @@ exports[`single fields optional data controls does not show optional controls wh
                             data-part="label"
                             data-readonly=""
                             data-scope="field"
-                            htmlFor=":r63:"
-                            id="field:::r63:::label"
+                            htmlFor=":r6c:"
+                            id="field:::r6c:::label"
                           >
                             optionalObjectWithOneofs
                           </label>
@@ -19357,10 +19765,10 @@ exports[`single fields optional data controls does not show optional controls wh
                           >
                             <select
                               aria-hidden={true}
-                              aria-labelledby="field:::r63:::label"
+                              aria-labelledby="field:::r6c:::label"
                               defaultValue="0"
                               disabled={true}
-                              id=":r63:"
+                              id=":r6c:"
                               multiple={false}
                               name="root_optionalObjectWithOneofs__oneof_select"
                               onFocus={[Function]}
@@ -19423,7 +19831,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   aria-expanded={false}
                                   aria-haspopup="listbox"
                                   aria-invalid={false}
-                                  aria-labelledby="field:::r63:::label"
+                                  aria-labelledby="field:::r6c:::label"
                                   aria-required={false}
                                   className="chakra-select__trigger emotion-105"
                                   data-disabled=""
@@ -19499,7 +19907,7 @@ exports[`single fields optional data controls does not show optional controls wh
                               }
                             >
                               <div
-                                aria-labelledby="field:::r63:::label"
+                                aria-labelledby="field:::r6c:::label"
                                 className="chakra-select__content emotion-111"
                                 data-part="content"
                                 data-scope="select"
@@ -19625,7 +20033,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r65:::legend"
+                          aria-labelledby="fieldset:::r6e:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -19658,7 +20066,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r66:::legend"
+                                    aria-labelledby="fieldset:::r6f:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -19673,7 +20081,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                         data-part="root"
                                         data-readonly=""
                                         data-scope="field"
-                                        id="field:::r67:"
+                                        id="field:::r6g:"
                                         role="group"
                                       >
                                         <label
@@ -19682,8 +20090,8 @@ exports[`single fields optional data controls does not show optional controls wh
                                           data-part="label"
                                           data-readonly=""
                                           data-scope="field"
-                                          htmlFor=":r67:"
-                                          id="field:::r67:::label"
+                                          htmlFor=":r6g:"
+                                          id="field:::r6g:::label"
                                         >
                                           name
                                         </label>
@@ -19726,7 +20134,7 @@ exports[`single fields optional data controls does not show optional controls wh
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r68:::legend"
+                aria-labelledby="fieldset:::r6h:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -19750,7 +20158,7 @@ exports[`single fields optional data controls does not show optional controls wh
                           data-part="root"
                           data-readonly=""
                           data-scope="field"
-                          id="field:::r69:"
+                          id="field:::r6i:"
                           role="group"
                         >
                           <label
@@ -19759,8 +20167,8 @@ exports[`single fields optional data controls does not show optional controls wh
                             data-part="label"
                             data-readonly=""
                             data-scope="field"
-                            htmlFor=":r69:"
-                            id="field:::r69:::label"
+                            htmlFor=":r6i:"
+                            id="field:::r6i:::label"
                           >
                             optionalArrayWithAnyofs
                           </label>
@@ -19777,10 +20185,10 @@ exports[`single fields optional data controls does not show optional controls wh
                           >
                             <select
                               aria-hidden={true}
-                              aria-labelledby="field:::r69:::label"
+                              aria-labelledby="field:::r6i:::label"
                               defaultValue="0"
                               disabled={true}
-                              id=":r69:"
+                              id=":r6i:"
                               multiple={false}
                               name="root_optionalArrayWithAnyofs__anyof_select"
                               onFocus={[Function]}
@@ -19843,7 +20251,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   aria-expanded={false}
                                   aria-haspopup="listbox"
                                   aria-invalid={false}
-                                  aria-labelledby="field:::r69:::label"
+                                  aria-labelledby="field:::r6i:::label"
                                   aria-required={false}
                                   className="chakra-select__trigger emotion-105"
                                   data-disabled=""
@@ -19919,7 +20327,7 @@ exports[`single fields optional data controls does not show optional controls wh
                               }
                             >
                               <div
-                                aria-labelledby="field:::r69:::label"
+                                aria-labelledby="field:::r6i:::label"
                                 className="chakra-select__content emotion-111"
                                 data-part="content"
                                 data-scope="select"
@@ -20045,7 +20453,7 @@ exports[`single fields optional data controls does not show optional controls wh
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6b:::legend"
+                          aria-labelledby="fieldset:::r6k:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -20737,7 +21145,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r4q:::legend"
+      aria-labelledby="fieldset:::r53:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -20769,7 +21177,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4r:::legend"
+                aria-labelledby="fieldset:::r54:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -20840,7 +21248,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4s:::legend"
+                          aria-labelledby="fieldset:::r55:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -20853,15 +21261,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               className="chakra-field__root emotion-17"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r4t:"
+                              id="field:::r56:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-18"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r4t:"
-                                id="field:::r4t:::label"
+                                htmlFor=":r56:"
+                                id="field:::r56:::label"
                               >
                                 test
                               </label>
@@ -20893,7 +21301,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4u:::legend"
+                          aria-labelledby="fieldset:::r57:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -20965,7 +21373,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4v:::legend"
+                          aria-labelledby="fieldset:::r58:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -20997,7 +21405,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r50:::legend"
+                                    aria-labelledby="fieldset:::r59:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -21010,15 +21418,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         className="chakra-field__root emotion-17"
                                         data-part="root"
                                         data-scope="field"
-                                        id="field:::r51:"
+                                        id="field:::r5a:"
                                         role="group"
                                       >
                                         <label
                                           className="chakra-field__label emotion-18"
                                           data-part="label"
                                           data-scope="field"
-                                          htmlFor=":r51:"
-                                          id="field:::r51:::label"
+                                          htmlFor=":r5a:"
+                                          id="field:::r5a:::label"
                                         >
                                           deepTest
                                         </label>
@@ -21055,7 +21463,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r52:::legend"
+                          aria-labelledby="fieldset:::r5b:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -21132,7 +21540,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r53:::legend"
+                          aria-labelledby="fieldset:::r5c:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -21208,7 +21616,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r54:::legend"
+                          aria-labelledby="fieldset:::r5d:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -21290,7 +21698,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r55:::legend"
+                aria-labelledby="fieldset:::r5e:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -21368,7 +21776,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               className="rjsf-field rjsf-field-string"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r56:::legend"
+                                aria-labelledby="fieldset:::r5f:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -21381,7 +21789,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                     className="chakra-field__root emotion-17"
                                     data-part="root"
                                     data-scope="field"
-                                    id="field:::r57:"
+                                    id="field:::r5g:"
                                     role="group"
                                   >
                                     <label
@@ -21389,8 +21797,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       data-part="label"
                                       data-required=""
                                       data-scope="field"
-                                      htmlFor=":r57:"
-                                      id="field:::r57:::label"
+                                      htmlFor=":r5g:"
+                                      id="field:::r5g:::label"
                                     >
                                       nestedArrayOptional-0
                                       <span
@@ -21513,7 +21921,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r58:::legend"
+                aria-labelledby="fieldset:::r5h:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -21545,7 +21953,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r59:::legend"
+                          aria-labelledby="fieldset:::r5i:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -21558,15 +21966,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               className="chakra-field__root emotion-17"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r5a:"
+                              id="field:::r5j:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-18"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r5a:"
-                                id="field:::r5a:::label"
+                                htmlFor=":r5j:"
+                                id="field:::r5j:::label"
                               >
                                 test
                               </label>
@@ -21603,7 +22011,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r5b:::legend"
+                aria-labelledby="fieldset:::r5k:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -21680,7 +22088,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r5c:::legend"
+                aria-labelledby="fieldset:::r5l:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -21702,7 +22110,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5d:::legend"
+                          aria-labelledby="fieldset:::r5m:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -21779,7 +22187,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r5e:::legend"
+                aria-labelledby="fieldset:::r5n:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -21801,7 +22209,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5f:::legend"
+                          aria-labelledby="fieldset:::r5o:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -22382,7 +22790,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r6n:::legend"
+      aria-labelledby="fieldset:::r70:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -22415,7 +22823,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6o:::legend"
+                aria-labelledby="fieldset:::r71:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -22448,7 +22856,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6p:::legend"
+                          aria-labelledby="fieldset:::r72:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -22463,7 +22871,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               data-part="root"
                               data-readonly=""
                               data-scope="field"
-                              id="field:::r6q:"
+                              id="field:::r73:"
                               role="group"
                             >
                               <label
@@ -22472,8 +22880,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 data-part="label"
                                 data-readonly=""
                                 data-scope="field"
-                                htmlFor=":r6q:"
-                                id="field:::r6q:::label"
+                                htmlFor=":r73:"
+                                id="field:::r73:::label"
                               >
                                 test
                               </label>
@@ -22506,7 +22914,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6r:::legend"
+                          aria-labelledby="fieldset:::r74:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -22550,7 +22958,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6s:::legend"
+                          aria-labelledby="fieldset:::r75:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -22583,7 +22991,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r6t:::legend"
+                                    aria-labelledby="fieldset:::r76:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -22598,7 +23006,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         data-part="root"
                                         data-readonly=""
                                         data-scope="field"
-                                        id="field:::r6u:"
+                                        id="field:::r77:"
                                         role="group"
                                       >
                                         <label
@@ -22607,8 +23015,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           data-part="label"
                                           data-readonly=""
                                           data-scope="field"
-                                          htmlFor=":r6u:"
-                                          id="field:::r6u:::label"
+                                          htmlFor=":r77:"
+                                          id="field:::r77:::label"
                                         >
                                           deepTest
                                         </label>
@@ -22646,7 +23054,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6v:::legend"
+                          aria-labelledby="fieldset:::r78:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -22723,7 +23131,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r70:::legend"
+                          aria-labelledby="fieldset:::r79:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -22769,7 +23177,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r71:::legend"
+                          aria-labelledby="fieldset:::r7a:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -22851,7 +23259,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r72:::legend"
+                aria-labelledby="fieldset:::r7b:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -22890,7 +23298,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               className="rjsf-field rjsf-field-string"
                             >
                               <fieldset
-                                aria-labelledby="fieldset:::r73:::legend"
+                                aria-labelledby="fieldset:::r7c:::legend"
                                 className="fieldset__root emotion-0"
                                 data-part="root"
                                 data-scope="fieldset"
@@ -22905,7 +23313,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                     data-part="root"
                                     data-readonly=""
                                     data-scope="field"
-                                    id="field:::r74:"
+                                    id="field:::r7d:"
                                     role="group"
                                   >
                                     <label
@@ -22915,8 +23323,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       data-readonly=""
                                       data-required=""
                                       data-scope="field"
-                                      htmlFor=":r74:"
-                                      id="field:::r74:::label"
+                                      htmlFor=":r7d:"
+                                      id="field:::r7d:::label"
                                     >
                                       nestedArrayOptional-0
                                       <span
@@ -23040,7 +23448,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r75:::legend"
+                aria-labelledby="fieldset:::r7e:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -23073,7 +23481,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r76:::legend"
+                          aria-labelledby="fieldset:::r7f:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -23088,7 +23496,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               data-part="root"
                               data-readonly=""
                               data-scope="field"
-                              id="field:::r77:"
+                              id="field:::r7g:"
                               role="group"
                             >
                               <label
@@ -23097,8 +23505,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 data-part="label"
                                 data-readonly=""
                                 data-scope="field"
-                                htmlFor=":r77:"
-                                id="field:::r77:::label"
+                                htmlFor=":r7g:"
+                                id="field:::r7g:::label"
                               >
                                 test
                               </label>
@@ -23136,7 +23544,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r78:::legend"
+                aria-labelledby="fieldset:::r7h:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -23213,7 +23621,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r79:::legend"
+                aria-labelledby="fieldset:::r7i:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -23235,7 +23643,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r7a:::legend"
+                          aria-labelledby="fieldset:::r7j:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -23284,7 +23692,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r7b:::legend"
+                aria-labelledby="fieldset:::r7k:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -23306,7 +23714,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r7c:::legend"
+                          aria-labelledby="fieldset:::r7l:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -23798,7 +24206,7 @@ exports[`single fields optional data controls shows "add" optional controls when
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r4f:::legend"
+      aria-labelledby="fieldset:::r4o:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -23830,7 +24238,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4g:::legend"
+                aria-labelledby="fieldset:::r4p:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -23902,7 +24310,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4h:::legend"
+                aria-labelledby="fieldset:::r4q:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -23978,7 +24386,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4i:::legend"
+                aria-labelledby="fieldset:::r4r:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -24010,7 +24418,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4j:::legend"
+                          aria-labelledby="fieldset:::r4s:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -24023,15 +24431,15 @@ exports[`single fields optional data controls shows "add" optional controls when
                               className="chakra-field__root emotion-32"
                               data-part="root"
                               data-scope="field"
-                              id="field:::r4k:"
+                              id="field:::r4t:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-33"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r4k:"
-                                id="field:::r4k:::label"
+                                htmlFor=":r4t:"
+                                id="field:::r4t:::label"
                               >
                                 test
                               </label>
@@ -24068,7 +24476,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4l:::legend"
+                aria-labelledby="fieldset:::r4u:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -24145,7 +24553,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4m:::legend"
+                aria-labelledby="fieldset:::r4v:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -24167,7 +24575,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4n:::legend"
+                          aria-labelledby="fieldset:::r50:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -24244,7 +24652,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4o:::legend"
+                aria-labelledby="fieldset:::r51:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -24266,7 +24674,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4p:::legend"
+                          aria-labelledby="fieldset:::r52:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -24678,7 +25086,7 @@ exports[`single fields optional data controls shows "add" optional controls when
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r6c:::legend"
+      aria-labelledby="fieldset:::r6l:::legend"
       className="fieldset__root emotion-0"
       data-disabled=""
       data-part="root"
@@ -24712,7 +25120,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6d:::legend"
+                aria-labelledby="fieldset:::r6m:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -24757,7 +25165,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6e:::legend"
+                aria-labelledby="fieldset:::r6n:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -24804,7 +25212,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6f:::legend"
+                aria-labelledby="fieldset:::r6o:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -24838,7 +25246,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6g:::legend"
+                          aria-labelledby="fieldset:::r6p:::legend"
                           className="fieldset__root emotion-0"
                           data-disabled=""
                           data-part="root"
@@ -24853,7 +25261,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                               data-disabled=""
                               data-part="root"
                               data-scope="field"
-                              id="field:::r6h:"
+                              id="field:::r6q:"
                               role="group"
                             >
                               <label
@@ -24861,8 +25269,8 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 data-disabled=""
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r6h:"
-                                id="field:::r6h:::label"
+                                htmlFor=":r6q:"
+                                id="field:::r6q:::label"
                               >
                                 test
                               </label>
@@ -24899,7 +25307,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6i:::legend"
+                aria-labelledby="fieldset:::r6r:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -24977,7 +25385,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6j:::legend"
+                aria-labelledby="fieldset:::r6s:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -25000,7 +25408,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6k:::legend"
+                          aria-labelledby="fieldset:::r6t:::legend"
                           className="fieldset__root emotion-0"
                           data-disabled=""
                           data-part="root"
@@ -25050,7 +25458,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6l:::legend"
+                aria-labelledby="fieldset:::r6u:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -25073,7 +25481,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6m:::legend"
+                          aria-labelledby="fieldset:::r6v:::legend"
                           className="fieldset__root emotion-0"
                           data-disabled=""
                           data-part="root"
@@ -25653,7 +26061,7 @@ exports[`single fields radio field 1`] = `
     className="rjsf-field rjsf-field-boolean"
   >
     <fieldset
-      aria-labelledby="fieldset:::r2l:::legend"
+      aria-labelledby="fieldset:::r2u:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -25666,19 +26074,19 @@ exports[`single fields radio field 1`] = `
           className="chakra-field__root emotion-2"
           data-part="root"
           data-scope="field"
-          id="field:::r2m:"
+          id="field:::r2v:"
           role="group"
         >
           <div
             aria-describedby="root__error root__description root__help"
-            aria-labelledby="radio-group::r2n::label"
+            aria-labelledby="radio-group::r30::label"
             aria-orientation="vertical"
             className="chakra-radio-group__root"
             data-orientation="vertical"
             data-part="root"
             data-scope="radio-group"
             dir="ltr"
-            id="radio-group::r2n:"
+            id="radio-group::r30:"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
@@ -25700,7 +26108,7 @@ exports[`single fields radio field 1`] = `
                 data-ssr=""
                 data-state="unchecked"
                 dir="ltr"
-                htmlFor="radio-group::r2n::radio:input:0"
+                htmlFor="radio-group::r30::radio:input:0"
                 id="root-0"
                 onClick={[Function]}
                 onPointerDown={[Function]}
@@ -25709,9 +26117,9 @@ exports[`single fields radio field 1`] = `
                 onPointerUp={[Function]}
               >
                 <input
-                  data-ownedby="radio-group::r2n:"
+                  data-ownedby="radio-group::r30:"
                   defaultChecked={false}
-                  id="radio-group::r2n::radio:input:0"
+                  id="radio-group::r30::radio:input:0"
                   name="root"
                   onBlur={[Function]}
                   onClick={[Function]}
@@ -25744,7 +26152,7 @@ exports[`single fields radio field 1`] = `
                   data-ssr=""
                   data-state="unchecked"
                   dir="ltr"
-                  id="radio-group::r2n::radio:control:0"
+                  id="radio-group::r30::radio:control:0"
                 />
                 <span
                   className="chakra-radio-group__itemText"
@@ -25754,7 +26162,7 @@ exports[`single fields radio field 1`] = `
                   data-ssr=""
                   data-state="unchecked"
                   dir="ltr"
-                  id="radio-group::r2n::radio:label:0"
+                  id="radio-group::r30::radio:label:0"
                 >
                   Yes
                 </span>
@@ -25767,7 +26175,7 @@ exports[`single fields radio field 1`] = `
                 data-ssr=""
                 data-state="unchecked"
                 dir="ltr"
-                htmlFor="radio-group::r2n::radio:input:1"
+                htmlFor="radio-group::r30::radio:input:1"
                 id="root-1"
                 onClick={[Function]}
                 onPointerDown={[Function]}
@@ -25776,9 +26184,9 @@ exports[`single fields radio field 1`] = `
                 onPointerUp={[Function]}
               >
                 <input
-                  data-ownedby="radio-group::r2n:"
+                  data-ownedby="radio-group::r30:"
                   defaultChecked={false}
-                  id="radio-group::r2n::radio:input:1"
+                  id="radio-group::r30::radio:input:1"
                   name="root"
                   onBlur={[Function]}
                   onClick={[Function]}
@@ -25811,7 +26219,7 @@ exports[`single fields radio field 1`] = `
                   data-ssr=""
                   data-state="unchecked"
                   dir="ltr"
-                  id="radio-group::r2n::radio:control:1"
+                  id="radio-group::r30::radio:control:1"
                 />
                 <span
                   className="chakra-radio-group__itemText"
@@ -25821,7 +26229,7 @@ exports[`single fields radio field 1`] = `
                   data-ssr=""
                   data-state="unchecked"
                   dir="ltr"
-                  id="radio-group::r2n::radio:label:1"
+                  id="radio-group::r30::radio:label:1"
                 >
                   No
                 </span>
@@ -25846,7 +26254,7 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
-exports[`single fields schema examples 1`] = `
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -25866,8 +26274,29 @@ exports[`single fields schema examples 1`] = `
   }
 }
 
+.emotion-1 {
+  margin-top: var(--chakra-spacing-2);
+}
+
 @layer recipes {
   .emotion-1 {
+    color: var(--chakra-colors-fg);
+    font-weight: var(--chakra-font-weights-medium);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+  }
+
+  .emotion-1:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+.emotion-2 {
+  font-size: var(--chakra-font-sizes-md);
+}
+
+@layer recipes {
+  .emotion-3 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -25880,12 +26309,12 @@ exports[`single fields schema examples 1`] = `
   }
 }
 
-.emotion-2 {
+.emotion-4 {
   margin-bottom: var(--chakra-spacing-1);
 }
 
 @layer recipes {
-  .emotion-2 {
+  .emotion-4 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -25904,56 +26333,147 @@ exports[`single fields schema examples 1`] = `
 }
 
 @layer recipes {
-  .emotion-3 {
-    width: 100%;
-    min-width: var(--input-height);
-    outline: 0;
-    position: relative;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -ms-appearance: none;
-    appearance: none;
+  .emotion-5 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
     text-align: start;
-    border-radius: var(--chakra-radii-l2);
-    height: var(--input-height);
-    --focus-color: var(--chakra-colors-color-palette-focus-ring);
-    --error-color: var(--chakra-colors-border-error);
     font-size: var(--chakra-font-sizes-sm);
     line-height: 1.25rem;
-    padding-inline: var(--chakra-spacing-3);
-    --input-height: var(--chakra-sizes-10);
-    background: var(--chakra-colors-transparent);
-    --bg-currentcolor: var(--chakra-colors-transparent);
+    font-weight: var(--chakra-font-weights-medium);
+    gap: var(--chakra-spacing-1);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+.emotion-6 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+@layer recipes {
+  .emotion-7 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    position: relative;
+    font-weight: var(--chakra-font-weights-medium);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    gap: var(--chakra-spacing-2\\.5);
+  }
+
+  .emotion-7:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    cursor: var(--chakra-cursor-disabled);
+  }
+}
+
+@layer recipes {
+  .emotion-8 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    vertical-align: top;
+    color: var(--chakra-colors-white);
     border-width: 1px;
-    border-color: var(--chakra-colors-border);
-    --focus-ring-color: var(--focus-color);
+    border-color: var(--chakra-colors-border-emphasized);
+    border-radius: var(--chakra-radii-full);
+    cursor: var(--chakra-cursor-radio);
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
   }
 
-  .emotion-3:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-8:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid;
+    outline-color: var(--chakra-colors-color-palette-focus-ring);
+    outline-offset: 2px;
+  }
+
+  .emotion-8:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --chakra-colors-color-palette-50: var(--chakra-colors-red-50);
+    --chakra-colors-color-palette-100: var(--chakra-colors-red-100);
+    --chakra-colors-color-palette-200: var(--chakra-colors-red-200);
+    --chakra-colors-color-palette-300: var(--chakra-colors-red-300);
+    --chakra-colors-color-palette-400: var(--chakra-colors-red-400);
+    --chakra-colors-color-palette-500: var(--chakra-colors-red-500);
+    --chakra-colors-color-palette-600: var(--chakra-colors-red-600);
+    --chakra-colors-color-palette-700: var(--chakra-colors-red-700);
+    --chakra-colors-color-palette-800: var(--chakra-colors-red-800);
+    --chakra-colors-color-palette-900: var(--chakra-colors-red-900);
+    --chakra-colors-color-palette-950: var(--chakra-colors-red-950);
+    --chakra-colors-color-palette-contrast: var(--chakra-colors-red-contrast);
+    --chakra-colors-color-palette-fg: var(--chakra-colors-red-fg);
+    --chakra-colors-color-palette-subtle: var(--chakra-colors-red-subtle);
+    --chakra-colors-color-palette-muted: var(--chakra-colors-red-muted);
+    --chakra-colors-color-palette-emphasized: var(--chakra-colors-red-emphasized);
+    --chakra-colors-color-palette-solid: var(--chakra-colors-red-solid);
+    --chakra-colors-color-palette-focus-ring: var(--chakra-colors-red-focus-ring);
+    border-color: var(--chakra-colors-red-500);
+  }
+
+  .emotion-8:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
-    cursor: not-allowed;
+    cursor: var(--chakra-cursor-disabled);
   }
 
-  .emotion-3:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    --focus-ring-color: var(--error-color);
-    border-color: var(--error-color);
+  .emotion-8 .dot {
+    height: 100%;
+    width: 100%;
+    border-radius: var(--chakra-radii-full);
+    background: currentColor;
+    --bg-currentcolor: currentColor;
+    scale: 0.4;
   }
 
-  .emotion-3:is(:focus-visible, [data-focus-visible]) {
-    outline-offset: 0px;
-    outline-width: var(--focus-ring-width, 1px);
-    outline-color: var(--focus-ring-color);
-    outline-style: var(--focus-ring-style, solid);
-    border-color: var(--focus-ring-color);
+  .emotion-8:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) {
+    background: var(--chakra-colors-color-palette-solid);
+    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
+    color: var(--chakra-colors-color-palette-contrast);
+    border-color: var(--chakra-colors-color-palette-solid);
   }
 }
 
-.emotion-4 {
+.emotion-11 {
   margin-top: var(--chakra-spacing-3);
 }
 
 @layer recipes {
-  .emotion-5 {
+  .emotion-12 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -26001,19 +26521,19 @@ exports[`single fields schema examples 1`] = `
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+  .emotion-12:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-12:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-5 :where(svg) {
+  .emotion-12 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -26021,14 +26541,14 @@ exports[`single fields schema examples 1`] = `
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-5:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-12:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-12:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -26042,72 +26562,215 @@ exports[`single fields schema examples 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-boolean"
   >
     <fieldset
-      aria-labelledby="fieldset:::r3f:::legend"
+      aria-labelledby="fieldset:::r2i:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
       disabled={false}
     >
+      <legend
+        className="fieldset__legend emotion-1"
+        data-part="legend"
+        data-scope="fieldset"
+        id="fieldset:::r2i:::legend"
+      >
+        <sup
+          className="emotion-2"
+          id="root__description"
+        >
+          This is a radio description
+        </sup>
+      </legend>
       <div
-        className="fieldset__content emotion-1"
+        className="fieldset__content emotion-3"
       >
         <div
-          className="chakra-field__root emotion-2"
+          className="chakra-field__root emotion-4"
           data-part="root"
           data-scope="field"
-          id="field:::r3g:"
+          id="field:::r2j:"
           role="group"
         >
-          <input
-            aria-describedby="root__error root__description root__help root__examples"
-            autoFocus={false}
-            className="chakra-input emotion-3"
-            data-part="input"
+          <label
+            className="chakra-field__label emotion-5"
+            data-part="label"
             data-scope="field"
-            disabled={false}
-            id="root"
-            list="root__examples"
-            name="root"
+            htmlFor=":r2j:"
+            id="field:::r2j:::label"
+          >
+            test
+          </label>
+          <div
+            aria-describedby="root__error root__description root__help"
+            aria-labelledby="radio-group::r2k::label"
+            aria-orientation="vertical"
+            className="chakra-radio-group__root"
+            data-orientation="vertical"
+            data-part="root"
+            data-scope="radio-group"
+            dir="ltr"
+            id="radio-group::r2k:"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
-            placeholder=""
-            readOnly={false}
-            required={false}
-            type="text"
-            value=""
-          />
-          <datalist
-            id="root__examples"
+            role="radiogroup"
+            style={
+              {
+                "position": "relative",
+              }
+            }
           >
-            <option
-              value="Firefox"
-            />
-            <option
-              value="Chrome"
-            />
-            <option
-              value="Opera"
-            />
-            <option
-              value="Vivaldi"
-            />
-            <option
-              value="Safari"
-            />
-          </datalist>
+            <div
+              className="chakra-stack emotion-6"
+            >
+              <label
+                className="chakra-radio-group__item emotion-7"
+                data-orientation="vertical"
+                data-part="item"
+                data-scope="radio-group"
+                data-ssr=""
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="radio-group::r2k::radio:input:0"
+                id="root-0"
+                onClick={[Function]}
+                onPointerDown={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
+                onPointerUp={[Function]}
+              >
+                <input
+                  data-ownedby="radio-group::r2k:"
+                  defaultChecked={false}
+                  id="radio-group::r2k::radio:input:0"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  onKeyDown={[Function]}
+                  onKeyUp={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="radio"
+                  value="0"
+                />
+                <span
+                  aria-hidden={true}
+                  className="emotion-8"
+                  data-orientation="vertical"
+                  data-part="item-control"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r2k::radio:control:0"
+                />
+                <span
+                  className="chakra-radio-group__itemText"
+                  data-orientation="vertical"
+                  data-part="item-text"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r2k::radio:label:0"
+                >
+                  Yes
+                </span>
+              </label>
+              <label
+                className="chakra-radio-group__item emotion-7"
+                data-orientation="vertical"
+                data-part="item"
+                data-scope="radio-group"
+                data-ssr=""
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="radio-group::r2k::radio:input:1"
+                id="root-1"
+                onClick={[Function]}
+                onPointerDown={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
+                onPointerUp={[Function]}
+              >
+                <input
+                  data-ownedby="radio-group::r2k:"
+                  defaultChecked={false}
+                  id="radio-group::r2k::radio:input:1"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  onKeyDown={[Function]}
+                  onKeyUp={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="radio"
+                  value="1"
+                />
+                <span
+                  aria-hidden={true}
+                  className="emotion-8"
+                  data-orientation="vertical"
+                  data-part="item-control"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r2k::radio:control:1"
+                />
+                <span
+                  className="chakra-radio-group__itemText"
+                  data-orientation="vertical"
+                  data-part="item-text"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r2k::radio:label:1"
+                >
+                  No
+                </span>
+              </label>
+            </div>
+          </div>
         </div>
       </div>
     </fieldset>
   </div>
   <div
-    className="emotion-4"
+    className="emotion-11"
   >
     <button
-      className="chakra-button emotion-5"
+      className="chakra-button emotion-12"
       disabled={false}
       type="submit"
     >
@@ -26117,7 +26780,278 @@ exports[`single fields schema examples 1`] = `
 </form>
 `;
 
-exports[`single fields select field 1`] = `
+exports[`single fields schema examples 1`] = `
+@layer recipes {
+  .emotion-0 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+  }
+
+  .emotion-0>:not(style, [hidden])~:not(style, [hidden]) {
+    --space-y-reverse: 0;
+    margin-top: calc(var(--chakra-spacing-4) * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(var(--chakra-spacing-4) * var(--space-y-reverse));
+  }
+}
+
+@layer recipes {
+  .emotion-1 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+    gap: var(--chakra-spacing-4);
+  }
+}
+
+.emotion-2 {
+  margin-bottom: var(--chakra-spacing-1);
+}
+
+@layer recipes {
+  .emotion-2 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    position: relative;
+    gap: var(--chakra-spacing-1\\.5);
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-align-items: flex-start;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+  }
+}
+
+@layer recipes {
+  .emotion-3 {
+    width: 100%;
+    min-width: var(--input-height);
+    outline: 0;
+    position: relative;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    text-align: start;
+    border-radius: var(--chakra-radii-l2);
+    height: var(--input-height);
+    --focus-color: var(--chakra-colors-color-palette-focus-ring);
+    --error-color: var(--chakra-colors-border-error);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    padding-inline: var(--chakra-spacing-3);
+    --input-height: var(--chakra-sizes-10);
+    background: var(--chakra-colors-transparent);
+    --bg-currentcolor: var(--chakra-colors-transparent);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+    --focus-ring-color: var(--focus-color);
+  }
+
+  .emotion-3:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-3:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --focus-ring-color: var(--error-color);
+    border-color: var(--error-color);
+  }
+
+  .emotion-3:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: 0px;
+    outline-width: var(--focus-ring-width, 1px);
+    outline-color: var(--focus-ring-color);
+    outline-style: var(--focus-ring-style, solid);
+    border-color: var(--focus-ring-color);
+  }
+}
+
+.emotion-4 {
+  margin-top: var(--chakra-spacing-3);
+}
+
+@layer recipes {
+  .emotion-5 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    position: relative;
+    border-radius: var(--chakra-radii-l2);
+    white-space: nowrap;
+    vertical-align: middle;
+    border-width: 1px;
+    border-color: var(--chakra-colors-transparent);
+    cursor: var(--chakra-cursor-button);
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    outline: 0;
+    line-height: 1.25rem;
+    isolation: isolate;
+    font-weight: var(--chakra-font-weights-medium);
+    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;
+    transition-duration: var(--chakra-durations-moderate);
+    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    height: var(--chakra-sizes-10);
+    min-width: var(--chakra-sizes-10);
+    font-size: var(--chakra-font-sizes-sm);
+    padding-inline: var(--chakra-spacing-4);
+    gap: var(--chakra-spacing-2);
+    background: var(--chakra-colors-color-palette-solid);
+    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
+    color: var(--chakra-colors-color-palette-contrast);
+  }
+
+  .emotion-5:is(:focus-visible, [data-focus-visible]) {
+    outline-width: var(--focus-ring-width, 2px);
+    outline-offset: var(--focus-ring-offset, 2px);
+    outline-style: var(--focus-ring-style, solid);
+    outline-color: var(--focus-ring-color);
+  }
+
+  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-5 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
+  }
+
+  .emotion-5:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+    --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+    background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+  }
+
+  @media (hover: hover) {
+    .emotion-5:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+      --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+      background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+      --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    }
+  }
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-string"
+  >
+    <fieldset
+      aria-labelledby="fieldset:::r3o:::legend"
+      className="fieldset__root emotion-0"
+      data-part="root"
+      data-scope="fieldset"
+      disabled={false}
+    >
+      <div
+        className="fieldset__content emotion-1"
+      >
+        <div
+          className="chakra-field__root emotion-2"
+          data-part="root"
+          data-scope="field"
+          id="field:::r3p:"
+          role="group"
+        >
+          <input
+            aria-describedby="root__error root__description root__help root__examples"
+            autoFocus={false}
+            className="chakra-input emotion-3"
+            data-part="input"
+            data-scope="field"
+            disabled={false}
+            id="root"
+            list="root__examples"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            placeholder=""
+            readOnly={false}
+            required={false}
+            type="text"
+            value=""
+          />
+          <datalist
+            id="root__examples"
+          >
+            <option
+              value="Firefox"
+            />
+            <option
+              value="Chrome"
+            />
+            <option
+              value="Opera"
+            />
+            <option
+              value="Vivaldi"
+            />
+            <option
+              value="Safari"
+            />
+          </datalist>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div
+    className="emotion-4"
+  >
+    <button
+      className="chakra-button emotion-5"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields select field 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -33135,19 +34069,720 @@ exports[`single fields select field single choice uiSchema disabled using radio
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-9:is(:focus-visible, [data-focus-visible]) {
+  .emotion-9:is(:focus-visible, [data-focus-visible]) {
+    outline-width: var(--focus-ring-width, 2px);
+    outline-offset: var(--focus-ring-offset, 2px);
+    outline-style: var(--focus-ring-style, solid);
+    outline-color: var(--focus-ring-color);
+  }
+
+  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-9 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
+  }
+
+  .emotion-9:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+    --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+    background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+  }
+
+  @media (hover: hover) {
+    .emotion-9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+      --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
+      background: var(--mix-background, var(--chakra-colors-color-palette-solid));
+      --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
+    }
+  }
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-string"
+  >
+    <fieldset
+      aria-labelledby="fieldset:::r1e:::legend"
+      className="fieldset__root emotion-0"
+      data-disabled=""
+      data-part="root"
+      data-scope="fieldset"
+      disabled={true}
+    >
+      <div
+        className="fieldset__content emotion-1"
+      >
+        <div
+          className="chakra-field__root emotion-2"
+          data-disabled=""
+          data-part="root"
+          data-scope="field"
+          id="field:::r1f:"
+          role="group"
+        >
+          <div
+            aria-describedby="root__error root__description root__help"
+            aria-labelledby="radio-group::r1g::label"
+            aria-orientation="vertical"
+            className="chakra-radio-group__root"
+            data-orientation="vertical"
+            data-part="root"
+            data-scope="radio-group"
+            dir="ltr"
+            id="radio-group::r1g:"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            role="radiogroup"
+            style={
+              {
+                "position": "relative",
+              }
+            }
+          >
+            <div
+              className="chakra-stack emotion-3"
+            >
+              <label
+                className="chakra-radio-group__item emotion-4"
+                data-disabled=""
+                data-orientation="vertical"
+                data-part="item"
+                data-scope="radio-group"
+                data-ssr=""
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="radio-group::r1g::radio:input:0"
+                id="root-0"
+                onClick={[Function]}
+                onPointerDown={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
+                onPointerUp={[Function]}
+              >
+                <input
+                  data-ownedby="radio-group::r1g:"
+                  defaultChecked={false}
+                  disabled={true}
+                  id="radio-group::r1g::radio:input:0"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  onKeyDown={[Function]}
+                  onKeyUp={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="radio"
+                  value="0"
+                />
+                <span
+                  aria-hidden={true}
+                  className="emotion-5"
+                  data-disabled=""
+                  data-orientation="vertical"
+                  data-part="item-control"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r1g::radio:control:0"
+                />
+                <span
+                  className="chakra-radio-group__itemText"
+                  data-disabled=""
+                  data-orientation="vertical"
+                  data-part="item-text"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r1g::radio:label:0"
+                >
+                  foo
+                </span>
+              </label>
+              <label
+                className="chakra-radio-group__item emotion-4"
+                data-disabled=""
+                data-orientation="vertical"
+                data-part="item"
+                data-scope="radio-group"
+                data-ssr=""
+                data-state="unchecked"
+                dir="ltr"
+                htmlFor="radio-group::r1g::radio:input:1"
+                id="root-1"
+                onClick={[Function]}
+                onPointerDown={[Function]}
+                onPointerLeave={[Function]}
+                onPointerMove={[Function]}
+                onPointerUp={[Function]}
+              >
+                <input
+                  data-ownedby="radio-group::r1g:"
+                  defaultChecked={false}
+                  disabled={true}
+                  id="radio-group::r1g::radio:input:1"
+                  name="root"
+                  onBlur={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  onKeyDown={[Function]}
+                  onKeyUp={[Function]}
+                  style={
+                    {
+                      "border": "0",
+                      "clip": "rect(0 0 0 0)",
+                      "height": "1px",
+                      "margin": "-1px",
+                      "overflow": "hidden",
+                      "padding": "0",
+                      "position": "absolute",
+                      "whiteSpace": "nowrap",
+                      "width": "1px",
+                      "wordWrap": "normal",
+                    }
+                  }
+                  type="radio"
+                  value="1"
+                />
+                <span
+                  aria-hidden={true}
+                  className="emotion-5"
+                  data-disabled=""
+                  data-orientation="vertical"
+                  data-part="item-control"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r1g::radio:control:1"
+                />
+                <span
+                  className="chakra-radio-group__itemText"
+                  data-disabled=""
+                  data-orientation="vertical"
+                  data-part="item-text"
+                  data-scope="radio-group"
+                  data-ssr=""
+                  data-state="unchecked"
+                  dir="ltr"
+                  id="radio-group::r1g::radio:label:1"
+                >
+                  bar
+                </span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div
+    className="emotion-8"
+  >
+    <button
+      className="chakra-button emotion-9"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+@layer recipes {
+  .emotion-0 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+  }
+
+  .emotion-0>:not(style, [hidden])~:not(style, [hidden]) {
+    --space-y-reverse: 0;
+    margin-top: calc(var(--chakra-spacing-4) * calc(1 - var(--space-y-reverse)));
+    margin-bottom: calc(var(--chakra-spacing-4) * var(--space-y-reverse));
+  }
+}
+
+.emotion-1 {
+  margin-top: var(--chakra-spacing-2);
+}
+
+@layer recipes {
+  .emotion-1 {
+    color: var(--chakra-colors-fg);
+    font-weight: var(--chakra-font-weights-medium);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+  }
+
+  .emotion-1:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+.emotion-2 {
+  font-size: var(--chakra-font-sizes-md);
+}
+
+@layer recipes {
+  .emotion-3 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    width: var(--chakra-sizes-full);
+    gap: var(--chakra-spacing-4);
+  }
+}
+
+.emotion-4 {
+  margin-bottom: var(--chakra-spacing-1);
+  position: relative;
+}
+
+@layer recipes {
+  .emotion-4 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100%;
+    position: relative;
+    gap: var(--chakra-spacing-1\\.5);
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-align-items: flex-start;
+    -webkit-box-align: flex-start;
+    -ms-flex-align: flex-start;
+    align-items: flex-start;
+  }
+}
+
+@layer recipes {
+  .emotion-5 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    text-align: start;
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    font-weight: var(--chakra-font-weights-medium);
+    gap: var(--chakra-spacing-1);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  .emotion-5:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+@layer recipes {
+  .emotion-6 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    gap: var(--chakra-spacing-1\\.5);
+    width: var(--chakra-sizes-full);
+    --select-trigger-height: var(--chakra-sizes-10);
+    --select-trigger-padding-x: var(--chakra-spacing-3);
+  }
+}
+
+@layer recipes {
+  .emotion-7 {
+    position: relative;
+  }
+}
+
+@layer recipes {
+  .emotion-9 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+    width: var(--chakra-sizes-full);
+    min-height: var(--select-trigger-height);
+    --input-height: var(--select-trigger-height);
+    padding-inline: var(--select-trigger-padding-x);
+    border-radius: var(--chakra-radii-l2);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    text-align: start;
+    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+    gap: var(--chakra-spacing-2);
+    background: var(--chakra-colors-transparent);
+    --bg-currentcolor: var(--chakra-colors-transparent);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+  }
+
+  .emotion-9:is(:focus-visible, [data-focus-visible]) {
+    outline-offset: 0px;
+    outline-width: var(--focus-ring-width, 1px);
+    outline-color: var(--focus-ring-color);
+    outline-style: var(--focus-ring-style, solid);
+    border-color: var(--focus-ring-color);
+  }
+
+  .emotion-9:is(:placeholder-shown, [data-placeholder-shown]) {
+    --mix-color: color-mix(in srgb, var(--chakra-colors-fg-muted) 80%, transparent);
+    color: var(--mix-color, var(--chakra-colors-fg-muted));
+  }
+
+  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-9:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    border-color: var(--chakra-colors-border-error);
+  }
+
+  .emotion-9:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+    border-color: var(--chakra-colors-border-emphasized);
+  }
+}
+
+@layer recipes {
+  .emotion-10 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    text-wrap: wrap;
+    max-width: 80%;
+  }
+}
+
+@layer recipes {
+  .emotion-11 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    gap: var(--chakra-spacing-1);
+    position: absolute;
+    inset-inline-end: 0;
+    top: 0;
+    bottom: 0;
+    padding-inline: var(--select-trigger-padding-x);
+    pointer-events: none;
+  }
+}
+
+@layer recipes {
+  .emotion-12 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    color: var(--chakra-colors-fg-muted);
+  }
+
+  .emotion-12:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    color: var(--chakra-colors-fg-subtle);
+  }
+
+  .emotion-12:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    color: var(--chakra-colors-fg-error);
+  }
+
+  .emotion-12 :where(svg) {
+    width: var(--chakra-sizes-4);
+    height: var(--chakra-sizes-4);
+  }
+}
+
+.emotion-13 {
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.emotion-14 {
+  min-width: 100%!important;
+  z-index: 2!important;
+  top: calc(100% + 5px)!important;
+}
+
+@layer recipes {
+  .emotion-15 {
+    background: var(--chakra-colors-bg-panel);
+    --bg-currentcolor: var(--chakra-colors-bg-panel);
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    z-index: var(--chakra-z-index-dropdown);
+    border-radius: var(--chakra-radii-l2);
+    outline: 0;
+    max-height: var(--chakra-sizes-96);
+    overflow-y: auto;
+    box-shadow: var(--chakra-shadows-md);
+    padding: var(--chakra-spacing-1);
+    font-size: var(--chakra-font-sizes-sm);
+    line-height: 1.25rem;
+  }
+
+  .emotion-15:is([open], [data-open], [data-state=open]) {
+    transform-origin: var(--transform-origin);
+    -webkit-animation-duration: var(--chakra-durations-fast);
+    animation-duration: var(--chakra-durations-fast);
+  }
+
+  .emotion-15:is([open], [data-open], [data-state=open])[data-placement^=top] {
+    -webkit-animation-name: slide-from-bottom,fade-in;
+    animation-name: slide-from-bottom,fade-in;
+  }
+
+  .emotion-15:is([open], [data-open], [data-state=open])[data-placement^=bottom] {
+    -webkit-animation-name: slide-from-top,fade-in;
+    animation-name: slide-from-top,fade-in;
+  }
+
+  .emotion-15:is([open], [data-open], [data-state=open])[data-placement^=left] {
+    -webkit-animation-name: slide-from-right,fade-in;
+    animation-name: slide-from-right,fade-in;
+  }
+
+  .emotion-15:is([open], [data-open], [data-state=open])[data-placement^=right] {
+    -webkit-animation-name: slide-from-left,fade-in;
+    animation-name: slide-from-left,fade-in;
+  }
+
+  .emotion-15:is([closed], [data-closed], [data-state=closed]) {
+    transform-origin: var(--transform-origin);
+    -webkit-animation-duration: var(--chakra-durations-fastest);
+    animation-duration: var(--chakra-durations-fastest);
+  }
+
+  .emotion-15:is([closed], [data-closed], [data-state=closed])[data-placement^=top] {
+    -webkit-animation-name: slide-to-bottom,fade-out;
+    animation-name: slide-to-bottom,fade-out;
+  }
+
+  .emotion-15:is([closed], [data-closed], [data-state=closed])[data-placement^=bottom] {
+    -webkit-animation-name: slide-to-top,fade-out;
+    animation-name: slide-to-top,fade-out;
+  }
+
+  .emotion-15:is([closed], [data-closed], [data-state=closed])[data-placement^=left] {
+    -webkit-animation-name: slide-to-right,fade-out;
+    animation-name: slide-to-right,fade-out;
+  }
+
+  .emotion-15:is([closed], [data-closed], [data-state=closed])[data-placement^=right] {
+    -webkit-animation-name: slide-to-left,fade-out;
+    animation-name: slide-to-left,fade-out;
+  }
+}
+
+@layer recipes {
+  .emotion-16 {
+    position: relative;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    gap: var(--chakra-spacing-2);
+    cursor: var(--chakra-cursor-option);
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    text-align: start;
+    border-radius: var(--chakra-radii-l1);
+    padding-block: var(--chakra-spacing-1\\.5);
+    padding-inline: var(--chakra-spacing-2);
+  }
+
+  .emotion-16[data-highlighted] {
+    --mix-background: color-mix(in srgb, var(--chakra-colors-bg-emphasized) 60%, transparent);
+    background: var(--mix-background, var(--chakra-colors-bg-emphasized));
+    --bg-currentcolor: var(--mix-background, var(--chakra-colors-bg-emphasized));
+  }
+
+  .emotion-16:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
+  .emotion-16 :where(svg) {
+    width: var(--chakra-sizes-4);
+    height: var(--chakra-sizes-4);
+  }
+}
+
+@layer recipes {
+  .emotion-17 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+  }
+}
+
+.emotion-22 {
+  margin-top: var(--chakra-spacing-3);
+}
+
+@layer recipes {
+  .emotion-23 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ms-appearance: none;
+    appearance: none;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    position: relative;
+    border-radius: var(--chakra-radii-l2);
+    white-space: nowrap;
+    vertical-align: middle;
+    border-width: 1px;
+    border-color: var(--chakra-colors-transparent);
+    cursor: var(--chakra-cursor-button);
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    outline: 0;
+    line-height: 1.25rem;
+    isolation: isolate;
+    font-weight: var(--chakra-font-weights-medium);
+    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,translate,transform;
+    transition-duration: var(--chakra-durations-moderate);
+    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    height: var(--chakra-sizes-10);
+    min-width: var(--chakra-sizes-10);
+    font-size: var(--chakra-font-sizes-sm);
+    padding-inline: var(--chakra-spacing-4);
+    gap: var(--chakra-spacing-2);
+    background: var(--chakra-colors-color-palette-solid);
+    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
+    color: var(--chakra-colors-color-palette-contrast);
+  }
+
+  .emotion-23:is(:focus-visible, [data-focus-visible]) {
     outline-width: var(--focus-ring-width, 2px);
     outline-offset: var(--focus-ring-offset, 2px);
     outline-style: var(--focus-ring-style, solid);
     outline-color: var(--focus-ring-color);
   }
 
-  .emotion-9:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-23:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-9 :where(svg) {
+  .emotion-23 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -33155,14 +34790,14 @@ exports[`single fields select field single choice uiSchema disabled using radio
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-9:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-23:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
     background: var(--mix-background, var(--chakra-colors-color-palette-solid));
     --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
   }
 
   @media (hover: hover) {
-    .emotion-9:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-23:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
       --mix-background: color-mix(in srgb, var(--chakra-colors-color-palette-solid) 90%, transparent);
       background: var(--mix-background, var(--chakra-colors-color-palette-solid));
       --bg-currentcolor: var(--mix-background, var(--chakra-colors-color-palette-solid));
@@ -33176,192 +34811,269 @@ exports[`single fields select field single choice uiSchema disabled using radio
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-boolean"
   >
     <fieldset
-      aria-labelledby="fieldset:::r1e:::legend"
+      aria-labelledby="fieldset:::r2l:::legend"
       className="fieldset__root emotion-0"
-      data-disabled=""
       data-part="root"
       data-scope="fieldset"
-      disabled={true}
+      disabled={false}
     >
+      <legend
+        className="fieldset__legend emotion-1"
+        data-part="legend"
+        data-scope="fieldset"
+        id="fieldset:::r2l:::legend"
+      >
+        <sup
+          className="emotion-2"
+          id="root__description"
+        >
+          This is a select description
+        </sup>
+      </legend>
       <div
-        className="fieldset__content emotion-1"
+        className="fieldset__content emotion-3"
       >
         <div
-          className="chakra-field__root emotion-2"
-          data-disabled=""
+          className="chakra-field__root emotion-4"
           data-part="root"
           data-scope="field"
-          id="field:::r1f:"
+          id="field:::r2m:"
           role="group"
         >
+          <label
+            className="chakra-field__label emotion-5"
+            data-part="label"
+            data-scope="field"
+            htmlFor=":r2m:"
+            id="field:::r2m:::label"
+          >
+            test
+          </label>
           <div
             aria-describedby="root__error root__description root__help"
-            aria-labelledby="radio-group::r1g::label"
-            aria-orientation="vertical"
-            className="chakra-radio-group__root"
-            data-orientation="vertical"
+            autoFocus={false}
+            className="chakra-select__root emotion-6"
             data-part="root"
-            data-scope="radio-group"
+            data-scope="select"
             dir="ltr"
-            id="radio-group::r1g:"
+            id="select:root"
             onBlur={[Function]}
-            onChange={[Function]}
             onFocus={[Function]}
-            role="radiogroup"
-            style={
-              {
-                "position": "relative",
-              }
-            }
           >
+            <select
+              aria-hidden={true}
+              aria-labelledby="field:::r2m:::label"
+              disabled={false}
+              id=":r2m:"
+              multiple={false}
+              name="root"
+              onFocus={[Function]}
+              required={false}
+              style={
+                {
+                  "border": "0",
+                  "clip": "rect(0 0 0 0)",
+                  "height": "1px",
+                  "margin": "-1px",
+                  "overflow": "hidden",
+                  "padding": "0",
+                  "position": "absolute",
+                  "whiteSpace": "nowrap",
+                  "width": "1px",
+                  "wordWrap": "normal",
+                }
+              }
+              tabIndex={-1}
+            >
+              <option
+                value=""
+              />
+              <option
+                disabled={false}
+                value="0"
+              >
+                Yes
+              </option>
+              <option
+                disabled={false}
+                value="1"
+              >
+                No
+              </option>
+            </select>
             <div
-              className="chakra-stack emotion-3"
+              className="chakra-select__control emotion-7"
+              data-part="control"
+              data-scope="select"
+              data-state="closed"
+              dir="ltr"
+              id="select:root:control"
             >
-              <label
-                className="chakra-radio-group__item emotion-4"
-                data-disabled=""
-                data-orientation="vertical"
-                data-part="item"
-                data-scope="radio-group"
-                data-ssr=""
-                data-state="unchecked"
+              <div
+                className="chakra-select__control emotion-7"
+                data-part="control"
+                data-scope="select"
+                data-state="closed"
                 dir="ltr"
-                htmlFor="radio-group::r1g::radio:input:0"
-                id="root-0"
-                onClick={[Function]}
-                onPointerDown={[Function]}
-                onPointerLeave={[Function]}
-                onPointerMove={[Function]}
-                onPointerUp={[Function]}
+                id="select:root:control"
               >
-                <input
-                  data-ownedby="radio-group::r1g:"
-                  defaultChecked={false}
-                  disabled={true}
-                  id="radio-group::r1g::radio:input:0"
-                  name="root"
+                <button
+                  aria-controls="select:root:content"
+                  aria-expanded={false}
+                  aria-haspopup="listbox"
+                  aria-invalid={false}
+                  aria-labelledby="field:::r2m:::label"
+                  aria-required={false}
+                  className="chakra-select__trigger emotion-9"
+                  data-part="trigger"
+                  data-placeholder-shown=""
+                  data-scope="select"
+                  data-state="closed"
+                  dir="ltr"
+                  disabled={false}
+                  id="select:root:trigger"
                   onBlur={[Function]}
                   onClick={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
-                  onKeyUp={[Function]}
-                  style={
-                    {
-                      "border": "0",
-                      "clip": "rect(0 0 0 0)",
-                      "height": "1px",
-                      "margin": "-1px",
-                      "overflow": "hidden",
-                      "padding": "0",
-                      "position": "absolute",
-                      "whiteSpace": "nowrap",
-                      "width": "1px",
-                      "wordWrap": "normal",
-                    }
-                  }
-                  type="radio"
-                  value="0"
-                />
-                <span
-                  aria-hidden={true}
-                  className="emotion-5"
-                  data-disabled=""
-                  data-orientation="vertical"
-                  data-part="item-control"
-                  data-scope="radio-group"
-                  data-ssr=""
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="radio-group::r1g::radio:control:0"
-                />
-                <span
-                  className="chakra-radio-group__itemText"
-                  data-disabled=""
-                  data-orientation="vertical"
-                  data-part="item-text"
-                  data-scope="radio-group"
-                  data-ssr=""
-                  data-state="unchecked"
-                  dir="ltr"
-                  id="radio-group::r1g::radio:label:0"
+                  role="combobox"
+                  type="button"
                 >
-                  foo
-                </span>
-              </label>
-              <label
-                className="chakra-radio-group__item emotion-4"
-                data-disabled=""
-                data-orientation="vertical"
-                data-part="item"
-                data-scope="radio-group"
-                data-ssr=""
-                data-state="unchecked"
+                  <span
+                    className="chakra-select__valueText emotion-10"
+                    data-part="value-text"
+                    data-scope="select"
+                    dir="ltr"
+                  />
+                </button>
+                <div
+                  className="chakra-select__indicatorGroup emotion-11"
+                >
+                  <div
+                    aria-hidden={true}
+                    className="chakra-select__indicator emotion-12"
+                    data-part="indicator"
+                    data-scope="select"
+                    data-state="closed"
+                    dir="ltr"
+                  >
+                    <svg
+                      className="emotion-13"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="m6 9 6 6 6-6"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              className="chakra-select__positioner emotion-14"
+              data-part="positioner"
+              data-scope="select"
+              dir="ltr"
+              id="select:root:positioner"
+              style={
+                {
+                  "isolation": "isolate",
+                  "left": "0px",
+                  "maxHeight": undefined,
+                  "maxWidth": undefined,
+                  "minWidth": undefined,
+                  "pointerEvents": "none",
+                  "position": "absolute",
+                  "top": "0px",
+                  "transform": "translate3d(0, -100vh, 0)",
+                  "width": "var(--reference-width)",
+                  "zIndex": "var(--z-index)",
+                }
+              }
+            >
+              <div
+                aria-labelledby="field:::r2m:::label"
+                className="chakra-select__content emotion-15"
+                data-part="content"
+                data-scope="select"
+                data-state="closed"
                 dir="ltr"
-                htmlFor="radio-group::r1g::radio:input:1"
-                id="root-1"
-                onClick={[Function]}
-                onPointerDown={[Function]}
-                onPointerLeave={[Function]}
-                onPointerMove={[Function]}
-                onPointerUp={[Function]}
+                hidden={true}
+                id="select:root:content"
+                onKeyDown={[Function]}
+                role="listbox"
+                tabIndex={0}
               >
-                <input
-                  data-ownedby="radio-group::r1g:"
-                  defaultChecked={false}
-                  disabled={true}
-                  id="radio-group::r1g::radio:input:1"
-                  name="root"
-                  onBlur={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onKeyUp={[Function]}
-                  style={
-                    {
-                      "border": "0",
-                      "clip": "rect(0 0 0 0)",
-                      "height": "1px",
-                      "margin": "-1px",
-                      "overflow": "hidden",
-                      "padding": "0",
-                      "position": "absolute",
-                      "whiteSpace": "nowrap",
-                      "width": "1px",
-                      "wordWrap": "normal",
-                    }
-                  }
-                  type="radio"
-                  value="1"
-                />
-                <span
-                  aria-hidden={true}
-                  className="emotion-5"
-                  data-disabled=""
-                  data-orientation="vertical"
-                  data-part="item-control"
-                  data-scope="radio-group"
-                  data-ssr=""
+                <div
+                  aria-selected={false}
+                  className="chakra-select__item emotion-16"
+                  data-part="item"
+                  data-scope="select"
                   data-state="unchecked"
+                  data-value="0"
                   dir="ltr"
-                  id="radio-group::r1g::radio:control:1"
-                />
-                <span
-                  className="chakra-radio-group__itemText"
-                  data-disabled=""
-                  data-orientation="vertical"
-                  data-part="item-text"
-                  data-scope="radio-group"
-                  data-ssr=""
+                  id="select:root:option:0"
+                  onClick={[Function]}
+                  onPointerLeave={[Function]}
+                  onPointerMove={[Function]}
+                  role="option"
+                >
+                  Yes
+                  <div
+                    aria-hidden={true}
+                    className="chakra-select__itemIndicator emotion-17"
+                    data-part="item-indicator"
+                    data-scope="select"
+                    data-state="unchecked"
+                    hidden={true}
+                  >
+                    <svg
+                      className="emotion-13"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M20 6 9 17l-5-5"
+                      />
+                    </svg>
+                  </div>
+                </div>
+                <div
+                  aria-selected={false}
+                  className="chakra-select__item emotion-16"
+                  data-part="item"
+                  data-scope="select"
                   data-state="unchecked"
+                  data-value="1"
                   dir="ltr"
-                  id="radio-group::r1g::radio:label:1"
+                  id="select:root:option:1"
+                  onClick={[Function]}
+                  onPointerLeave={[Function]}
+                  onPointerMove={[Function]}
+                  role="option"
                 >
-                  bar
-                </span>
-              </label>
+                  No
+                  <div
+                    aria-hidden={true}
+                    className="chakra-select__itemIndicator emotion-17"
+                    data-part="item-indicator"
+                    data-scope="select"
+                    data-state="unchecked"
+                    hidden={true}
+                  >
+                    <svg
+                      className="emotion-13"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M20 6 9 17l-5-5"
+                      />
+                    </svg>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -33369,10 +35081,10 @@ exports[`single fields select field single choice uiSchema disabled using radio
     </fieldset>
   </div>
   <div
-    className="emotion-8"
+    className="emotion-22"
   >
     <button
-      className="chakra-button emotion-9"
+      className="chakra-button emotion-23"
       disabled={false}
       type="submit"
     >
@@ -33663,7 +35375,7 @@ exports[`single fields slider field 1`] = `
     className="rjsf-field rjsf-field-integer"
   >
     <fieldset
-      aria-labelledby="fieldset:::r2o:::legend"
+      aria-labelledby="fieldset:::r31:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -33676,7 +35388,7 @@ exports[`single fields slider field 1`] = `
           className="chakra-field__root emotion-2"
           data-part="root"
           data-scope="field"
-          id="field:::r2p:"
+          id="field:::r32:"
           role="group"
         >
           <div
@@ -35571,7 +37283,7 @@ exports[`single fields title field 1`] = `
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r38:::legend"
+      aria-labelledby="fieldset:::r3h:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -35603,7 +37315,7 @@ exports[`single fields title field 1`] = `
               className="rjsf-field rjsf-field-string"
             >
               <fieldset
-                aria-labelledby="fieldset:::r39:::legend"
+                aria-labelledby="fieldset:::r3i:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -35616,15 +37328,15 @@ exports[`single fields title field 1`] = `
                     className="chakra-field__root emotion-8"
                     data-part="root"
                     data-scope="field"
-                    id="field:::r3a:"
+                    id="field:::r3j:"
                     role="group"
                   >
                     <label
                       className="chakra-field__label emotion-9"
                       data-part="label"
                       data-scope="field"
-                      htmlFor=":r3a:"
-                      id="field:::r3a:::label"
+                      htmlFor=":r3j:"
+                      id="field:::r3j:::label"
                     >
                       Titre 2
                     </label>
@@ -36521,7 +38233,7 @@ exports[`single fields using custom tagName 1`] = `
     className="rjsf-field rjsf-field-string"
   >
     <fieldset
-      aria-labelledby="fieldset:::r3d:::legend"
+      aria-labelledby="fieldset:::r3m:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -36534,7 +38246,7 @@ exports[`single fields using custom tagName 1`] = `
           className="chakra-field__root emotion-2"
           data-part="root"
           data-scope="field"
-          id="field:::r3e:"
+          id="field:::r3n:"
           role="group"
         >
           <input
diff --git a/packages/core/src/components/templates/FieldTemplate/FieldTemplate.tsx b/packages/core/src/components/templates/FieldTemplate/FieldTemplate.tsx
index 4caaa456db..08d0b9bf46 100644
--- a/packages/core/src/components/templates/FieldTemplate/FieldTemplate.tsx
+++ b/packages/core/src/components/templates/FieldTemplate/FieldTemplate.tsx
@@ -29,9 +29,10 @@ export default function FieldTemplate<
   if (hidden) {
     return <div className='hidden'>{children}</div>;
   }
+  const isCheckbox = uiOptions.widget === 'checkbox';
   return (
     <WrapIfAdditionalTemplate {...props}>
-      {displayLabel && <Label label={label} required={required} id={id} />}
+      {displayLabel && !isCheckbox && <Label label={label} required={required} id={id} />}
       {displayLabel && description ? description : null}
       {children}
       {errors}
diff --git a/packages/core/src/components/widgets/CheckboxWidget.tsx b/packages/core/src/components/widgets/CheckboxWidget.tsx
index 1f34a59365..8e825fcf3f 100644
--- a/packages/core/src/components/widgets/CheckboxWidget.tsx
+++ b/packages/core/src/components/widgets/CheckboxWidget.tsx
@@ -9,6 +9,7 @@ import {
   RJSFSchema,
   StrictRJSFSchema,
   WidgetProps,
+  getUiOptions,
 } from '@rjsf/utils';
 
 /** The `CheckBoxWidget` is a widget for rendering boolean properties.
@@ -57,8 +58,10 @@ function CheckboxWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F exte
     (event: FocusEvent<HTMLInputElement>) => onFocus(id, event.target.checked),
     [onFocus, id],
   );
-  const description = options.description ?? schema.description;
 
+  const uiOptions = getUiOptions(uiSchema);
+  const isCheckboxWidget = uiOptions.widget === 'checkbox';
+  const description = isCheckboxWidget ? undefined : (options.description ?? schema.description);
   return (
     <div className={`checkbox ${disabled || readonly ? 'disabled' : ''}`}>
       {!hideLabel && description && (
diff --git a/packages/core/test/__snapshots__/FormSnap.test.tsx.snap b/packages/core/test/__snapshots__/FormSnap.test.tsx.snap
index c2239216db..0da33bb629 100644
--- a/packages/core/test/__snapshots__/FormSnap.test.tsx.snap
+++ b/packages/core/test/__snapshots__/FormSnap.test.tsx.snap
@@ -2104,6 +2104,56 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="field-description"
+      id="root__description"
+    >
+      This is a checkbox description
+    </div>
+    <div
+      className="checkbox "
+    >
+      <label>
+        <input
+          aria-describedby="root__error root__description root__help"
+          autoFocus={false}
+          checked={false}
+          disabled={false}
+          id="root"
+          name="root"
+          onBlur={[Function]}
+          onChange={[Function]}
+          onFocus={[Function]}
+          required={false}
+          type="checkbox"
+        />
+        <span>
+          test
+        </span>
+      </label>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-info "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="rjsf"
@@ -5870,6 +5920,94 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group rjsf-field rjsf-field-boolean"
+  >
+    <label
+      className="control-label"
+      htmlFor="root"
+    >
+      test
+    </label>
+    <div
+      className="field-description"
+      id="root__description"
+    >
+      This is a radio description
+    </div>
+    <div
+      className="field-radio-group"
+      id="root"
+      role="radiogroup"
+    >
+      <div
+        className="radio "
+      >
+        <label>
+          <span>
+            <input
+              aria-describedby="root__error root__description root__help"
+              autoFocus={false}
+              checked={false}
+              disabled={false}
+              id="root-0"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value="0"
+            />
+            <span>
+              Yes
+            </span>
+          </span>
+        </label>
+      </div>
+      <div
+        className="radio "
+      >
+        <label>
+          <span>
+            <input
+              aria-describedby="root__error root__description root__help"
+              autoFocus={false}
+              checked={false}
+              disabled={false}
+              id="root-1"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value="1"
+            />
+            <span>
+              No
+            </span>
+          </span>
+        </label>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-info "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="rjsf"
@@ -6667,6 +6805,68 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="form-group rjsf-field rjsf-field-boolean"
+  >
+    <label
+      className="control-label"
+      htmlFor="root"
+    >
+      test
+    </label>
+    <div
+      className="field-description"
+      id="root__description"
+    >
+      This is a select description
+    </div>
+    <select
+      aria-describedby="root__error root__description root__help"
+      autoFocus={false}
+      className="form-control"
+      disabled={false}
+      id="root"
+      multiple={false}
+      name="root"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      role="combobox"
+      value=""
+    >
+      <option
+        value=""
+      />
+      <option
+        value="0"
+      >
+        Yes
+      </option>
+      <option
+        value="1"
+      >
+        No
+      </option>
+    </select>
+  </div>
+  <div>
+    <button
+      className="btn btn-info "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/daisyui/test/__snapshots__/Form.test.tsx.snap b/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
index 107c0c2860..3a666fc6f6 100644
--- a/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
@@ -4178,6 +4178,82 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="field-template mb-3 rjsf-field rjsf-field-boolean"
+      disabled={false}
+    >
+      <div
+        className="form-control"
+      >
+        <div
+          className="description-field my-4"
+          id="root__description"
+        >
+          <div
+            className="text-sm text-base-content/80"
+          >
+            This is a checkbox description
+          </div>
+        </div>
+        <label
+          className="label cursor-pointer justify-start"
+        >
+          <div
+            className="mr-2"
+          >
+            <input
+              className="checkbox"
+              disabled={false}
+              id="root"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="checkbox"
+            />
+          </div>
+          <span
+            className="label-text"
+          >
+            test
+          </span>
+        </label>
+      </div>
+      <div
+        className="rjsf-field-error-template text-red-600"
+      >
+        <ul
+          className="list-disc list-inside"
+        />
+      </div>
+      <div
+        className="rjsf-field-help-template text-gray-500 text-sm"
+      >
+        <div />
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary btn-primary-content "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="rjsf"
@@ -12280,6 +12356,97 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="field-template mb-3 rjsf-field rjsf-field-boolean"
+      disabled={false}
+    >
+      <div
+        className="form-control"
+      >
+        <div
+          className="flex flex-col gap-2 mt-1"
+        >
+          <label
+            className="flex items-center cursor-pointer gap-2"
+          >
+            <input
+              checked={false}
+              className="radio"
+              data-index={0}
+              disabled={false}
+              id="root-true"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value={true}
+            />
+            <span
+              className="label-text"
+            >
+              Yes
+            </span>
+          </label>
+          <label
+            className="flex items-center cursor-pointer gap-2"
+          >
+            <input
+              checked={false}
+              className="radio"
+              data-index={1}
+              disabled={false}
+              id="root-false"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              type="radio"
+              value={false}
+            />
+            <span
+              className="label-text"
+            >
+              No
+            </span>
+          </label>
+        </div>
+      </div>
+      <div
+        className="rjsf-field-error-template text-red-600"
+      >
+        <ul
+          className="list-disc list-inside"
+        />
+      </div>
+      <div
+        className="rjsf-field-help-template text-gray-500 text-sm"
+      >
+        <div />
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary btn-primary-content "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="rjsf"
@@ -13758,6 +13925,103 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="field-template mb-3 rjsf-field rjsf-field-boolean"
+      disabled={false}
+    >
+      <div
+        className="form-control w-full"
+      >
+        <div
+          className="dropdown w-full"
+        >
+          <div
+            className="btn btn-outline w-full text-left flex justify-between items-center "
+            onBlur={[Function]}
+            onFocus={[Function]}
+            role="button"
+            tabIndex={0}
+          >
+            <span
+              className="truncate"
+            />
+            <span
+              className="ml-2"
+            >
+              ▼
+            </span>
+          </div>
+          <ul
+            className="dropdown-content z-[1] bg-base-100 w-full max-h-60 overflow-auto rounded-box shadow-lg"
+          >
+            <li
+              className="px-4 py-2 hover:bg-base-200 cursor-pointer "
+              data-value={0}
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+            >
+              <div
+                className="flex items-center gap-2"
+              >
+                <span>
+                  Yes
+                </span>
+              </div>
+            </li>
+            <li
+              className="px-4 py-2 hover:bg-base-200 cursor-pointer "
+              data-value={1}
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+            >
+              <div
+                className="flex items-center gap-2"
+              >
+                <span>
+                  No
+                </span>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div
+        className="rjsf-field-error-template text-red-600"
+      >
+        <ul
+          className="list-disc list-inside"
+        />
+      </div>
+      <div
+        className="rjsf-field-help-template text-gray-500 text-sm"
+      >
+        <div />
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary btn-primary-content "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/fluentui-rc/src/FieldTemplate/FieldTemplate.tsx b/packages/fluentui-rc/src/FieldTemplate/FieldTemplate.tsx
index 17b9ea64cd..fbcc35a013 100644
--- a/packages/fluentui-rc/src/FieldTemplate/FieldTemplate.tsx
+++ b/packages/fluentui-rc/src/FieldTemplate/FieldTemplate.tsx
@@ -51,6 +51,7 @@ export default function FieldTemplate<
   if (hidden) {
     return <div style={{ display: 'none' }}>{children}</div>;
   }
+  const isCheckbox = uiOptions.widget === 'checkbox';
   return (
     <WrapIfAdditionalTemplate
       classNames={classNames}
@@ -69,7 +70,7 @@ export default function FieldTemplate<
     >
       <Field validationState={rawErrors.length ? 'error' : undefined} required={required}>
         {children}
-        {displayLabel && rawDescription ? (
+        {displayLabel && rawDescription && !isCheckbox ? (
           <Text as='p' block style={{ marginTop: 0, marginBottom: 0 }}>
             {description}
           </Text>
diff --git a/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap b/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
index d293148f45..a8bf9c6cfa 100644
--- a/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
@@ -1505,8 +1505,8 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
               >
                 <label
                   className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-                  htmlFor="field-r8v__control"
-                  id="field-r8v__label"
+                  htmlFor="field-r98__control"
+                  id="field-r98__label"
                 >
                   color
                 </label>
@@ -1516,7 +1516,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                   <button
                     aria-describedby="root_color__error root_color__description root_color__help"
                     aria-expanded={false}
-                    aria-labelledby="field-r8v__label"
+                    aria-labelledby="field-r98__label"
                     autoFocus={false}
                     className="fui-Dropdown__button ___12pyx89_1vewwra f122n59 f1c21dwh f3bhgqh f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f14ev680"
                     disabled={false}
@@ -3082,8 +3082,8 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
               >
                 <label
                   className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-                  htmlFor="field-raf__control"
-                  id="field-raf__label"
+                  htmlFor="field-rao__control"
+                  id="field-rao__label"
                 >
                   color
                 </label>
@@ -3093,7 +3093,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                   <button
                     aria-describedby="root_color__error root_color__description root_color__help"
                     aria-expanded={false}
-                    aria-labelledby="field-raf__label"
+                    aria-labelledby="field-rao__label"
                     autoFocus={false}
                     className="fui-Dropdown__button ___12pyx89_1vewwra f122n59 f1c21dwh f3bhgqh f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f14ev680"
                     disabled={false}
@@ -3389,6 +3389,69 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+    >
+      <span
+        className="fui-Text ___6s2bv30_bwsv0h0 fk6fouc fkhj508 f1i3iumi figsok6 fpgzoln ftgm304 f6juhto f1gl81tg f2jf649 frnwi6n f18zxyen"
+        id="root__description"
+      >
+        This is a checkbox description
+      </span>
+      <span
+        className="fui-Checkbox r1q22k1j ___1v6wcsu_941lme0 f3p8bqa fium13f f1r2dosr f1729es6"
+      >
+        <input
+          aria-describedby="root__error root__description root__help"
+          autoFocus={false}
+          checked={false}
+          className="fui-Checkbox__input ruo9svu ___qlal8r0_1xrlghj f1vgc2s3"
+          disabled={false}
+          id="root"
+          name="root"
+          onBlur={[Function]}
+          onChange={[Function]}
+          onFocus={[Function]}
+          required={false}
+          type="checkbox"
+        />
+        <div
+          aria-hidden={true}
+          className="fui-Checkbox__indicator rl7ci6d"
+        />
+        <label
+          className="fui-Label fui-Checkbox__label ___z217dr0_6ezprl0 fk6fouc f1ym3bx4 fkhj508 f1i3iumi f7nlbp4 fpo1scq fruq291 f1f5q0n8 fjzwpt6 fh6j2fo"
+          htmlFor="root"
+        >
+          test
+        </label>
+      </span>
+    </div>
+  </div>
+  <div
+    className="___fko12g0_0000000 f1wswflg"
+  >
+    <button
+      className="fui-Button r1alrhcs ___1akj6hk_ih97uj0 ffp7eso f1p3nwhy f11589ue f1q5o8ev f1pdflbu f1phragk f15wkkf3 f1s2uweq fr80ssc f1ukrpxl fecsdlb f1rq72xc fnp9lpt f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1d6v5y2 f1rirnrt f1uu00uk fkvaka8 f1ux7til f9a0qzu f1lkg8j3 fkc42ay fq7113v ff1wgvm fiob0tu f1j6scgf f1x4h75k f4xjyn1 fbgcvur f1ks1yx8 f1o6qegi fcnxywj fmxjhhp f9ddjv3 f17t0x8g f194v5ow f1qgg65p fk7jm04 fhgccpy f32wu9k fu5nqqq f13prjl2 f1czftr5 f1nl83rv f12k37oa fr96u23"
+      disabled={false}
+      onClick={[Function]}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="rjsf"
@@ -5366,8 +5429,8 @@ exports[`single fields optional data controls does not show optional controls wh
                   >
                     <label
                       className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-                      htmlFor="field-r3i__control"
-                      id="field-r3i__label"
+                      htmlFor="field-r3r__control"
+                      id="field-r3r__label"
                     >
                       optionalObjectWithOneofs
                     </label>
@@ -5377,7 +5440,7 @@ exports[`single fields optional data controls does not show optional controls wh
                       <button
                         aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
                         aria-expanded={false}
-                        aria-labelledby="field-r3i__label"
+                        aria-labelledby="field-r3r__label"
                         autoFocus={false}
                         className="fui-Dropdown__button ___12pyx89_1vewwra f122n59 f1c21dwh f3bhgqh f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f14ev680"
                         disabled={false}
@@ -5537,8 +5600,8 @@ exports[`single fields optional data controls does not show optional controls wh
                   >
                     <label
                       className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-                      htmlFor="field-r3o__control"
-                      id="field-r3o__label"
+                      htmlFor="field-r41__control"
+                      id="field-r41__label"
                     >
                       optionalArrayWithAnyofs
                     </label>
@@ -5548,7 +5611,7 @@ exports[`single fields optional data controls does not show optional controls wh
                       <button
                         aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
                         aria-expanded={false}
-                        aria-labelledby="field-r3o__label"
+                        aria-labelledby="field-r41__label"
                         autoFocus={false}
                         className="fui-Dropdown__button ___12pyx89_1vewwra f122n59 f1c21dwh f3bhgqh f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f14ev680"
                         disabled={false}
@@ -6442,8 +6505,8 @@ exports[`single fields optional data controls does not show optional controls wh
                   >
                     <label
                       className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-                      htmlFor="field-r64__control"
-                      id="field-r64__label"
+                      htmlFor="field-r6d__control"
+                      id="field-r6d__label"
                     >
                       optionalObjectWithOneofs
                     </label>
@@ -6453,7 +6516,7 @@ exports[`single fields optional data controls does not show optional controls wh
                       <button
                         aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
                         aria-expanded={false}
-                        aria-labelledby="field-r64__label"
+                        aria-labelledby="field-r6d__label"
                         autoFocus={false}
                         className="fui-Dropdown__button ___b67tb00_4t2umz0 f122n59 f1c21dwh f3bhgqh f1ewtqcl f1s2aq7o f14mj54c fdrzuqr f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f14ev680"
                         disabled={true}
@@ -6612,8 +6675,8 @@ exports[`single fields optional data controls does not show optional controls wh
                   >
                     <label
                       className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
-                      htmlFor="field-r6a__control"
-                      id="field-r6a__label"
+                      htmlFor="field-r6j__control"
+                      id="field-r6j__label"
                     >
                       optionalArrayWithAnyofs
                     </label>
@@ -6623,7 +6686,7 @@ exports[`single fields optional data controls does not show optional controls wh
                       <button
                         aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
                         aria-expanded={false}
-                        aria-labelledby="field-r6a__label"
+                        aria-labelledby="field-r6j__label"
                         autoFocus={false}
                         className="fui-Dropdown__button ___b67tb00_4t2umz0 f122n59 f1c21dwh f3bhgqh f1ewtqcl f1s2aq7o f14mj54c fdrzuqr f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f14ev680"
                         disabled={true}
@@ -9842,6 +9905,115 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+    >
+      <label
+        className="fui-Label ___1yevxz2_yljzsa0 fk6fouc f19n0e5 fkhj508 f1i3iumi"
+        htmlFor="root"
+      >
+        test
+      </label>
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="fui-RadioGroup ___1tjgnp0_1mgmpxf f22iagw f6jr5hl f1vx9l62"
+        id="root"
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <span
+          className="fui-Radio r1siqwd8"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            className="fui-Radio__input rg1upok ___183j3wl_1dim0pv f9ma1gx"
+            disabled={false}
+            id="root-0"
+            name="root"
+            onChange={[Function]}
+            type="radio"
+            value="0"
+          />
+          <div
+            aria-hidden={true}
+            className="fui-Radio__indicator rwtekvw"
+          />
+          <label
+            className="fui-Label fui-Radio__label ___pfgtpr0_5m9p670 fk6fouc f19n0e5 fkhj508 f1i3iumi f7nlbp4 fruq291 f1f5q0n8 fjzwpt6 fh6j2fo"
+            htmlFor="root-0"
+          >
+            Yes
+          </label>
+        </span>
+        <span
+          className="fui-Radio r1siqwd8"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            className="fui-Radio__input rg1upok ___183j3wl_1dim0pv f9ma1gx"
+            disabled={false}
+            id="root-1"
+            name="root"
+            onChange={[Function]}
+            type="radio"
+            value="1"
+          />
+          <div
+            aria-hidden={true}
+            className="fui-Radio__indicator rwtekvw"
+          />
+          <label
+            className="fui-Label fui-Radio__label ___pfgtpr0_5m9p670 fk6fouc f19n0e5 fkhj508 f1i3iumi f7nlbp4 fruq291 f1f5q0n8 fjzwpt6 fh6j2fo"
+            htmlFor="root-1"
+          >
+            No
+          </label>
+        </span>
+      </div>
+      <p
+        className="fui-Text ___3772g50_1srj68j fk6fouc fkhj508 f1i3iumi figsok6 fpgzoln ftgm304 f6juhto f1gl81tg f2jf649"
+        style={
+          {
+            "marginBottom": 0,
+            "marginTop": 0,
+          }
+        }
+      >
+        <span
+          className="fui-Text ___6s2bv30_bwsv0h0 fk6fouc fkhj508 f1i3iumi figsok6 fpgzoln ftgm304 f6juhto f1gl81tg f2jf649 frnwi6n f18zxyen"
+          id="root__description"
+        >
+          This is a radio description
+        </span>
+      </p>
+    </div>
+  </div>
+  <div
+    className="___fko12g0_0000000 f1wswflg"
+  >
+    <button
+      className="fui-Button r1alrhcs ___1akj6hk_ih97uj0 ffp7eso f1p3nwhy f11589ue f1q5o8ev f1pdflbu f1phragk f15wkkf3 f1s2uweq fr80ssc f1ukrpxl fecsdlb f1rq72xc fnp9lpt f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1d6v5y2 f1rirnrt f1uu00uk fkvaka8 f1ux7til f9a0qzu f1lkg8j3 fkc42ay fq7113v ff1wgvm fiob0tu f1j6scgf f1x4h75k f4xjyn1 fbgcvur f1ks1yx8 f1o6qegi fcnxywj fmxjhhp f9ddjv3 f17t0x8g f194v5ow f1qgg65p fk7jm04 fhgccpy f32wu9k fu5nqqq f13prjl2 f1czftr5 f1nl83rv f12k37oa fr96u23"
+      disabled={false}
+      onClick={[Function]}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="rjsf"
@@ -10949,6 +11121,124 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+    >
+      <div
+        className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+      >
+        <label
+          className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
+          htmlFor="field-r25__control"
+          id="field-r25__label"
+        >
+          test
+        </label>
+        <div
+          className="fui-Dropdown form-control ___y239tk0_6yts2b0 ft85np5 f1ewtqcl ftuwxu6 f1exfvgq f10pi13n fmrv4ls f14a1fxs f3e99gv fhljsf7 f1gw3sf2 f13zj6fq f1mdlcz9 f1a7op3 f1gboi2j f1cjjd47 ffyw7fx f1kp91vd f1ibwz09 f1mnjydx f13evtba f1yk9hq fhwpy7i f14ee0xe f1xhbsuh fv8e3ye ftb5wc6 fjw5xc1 f1xdyd5c fatpbeo fb7uyps f1cmft4k f1x58t8o f1ibeo51 f132nw8t f1htdosj fxugw4r f1c1zstj fhz96rm fvcxoqz f1ub3y4t f1l4zc64 f1m52nbi fvs00aa f1assf6x f1z0osm6 f4ruux4 f1b473iu f381qr8 f1qzcrsd ft4skwv"
+        >
+          <button
+            aria-describedby="root__error root__description root__help"
+            aria-expanded={false}
+            aria-labelledby="field-r25__label"
+            autoFocus={false}
+            className="fui-Dropdown__button ___12pyx89_1vewwra f122n59 f1c21dwh f3bhgqh f1ewtqcl f19n0e5 f14mj54c f1k6fduh f13qh94s fk6fouc f12nh0o2 f1869bpl f1o700av fly5x3f ftqa4ok fkhj508 figsok6 f1i3iumi f14ev680"
+            disabled={false}
+            id="root"
+            name="root"
+            onBlur={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            role="combobox"
+            tabIndex={0}
+            type="button"
+            value=""
+          >
+            <span
+              className="fui-Dropdown__expandIcon ___5y6ahy0_3cm10l0 f1ewtqcl fxkbij4 ftgm304 fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
+            >
+              <svg
+                aria-hidden={true}
+                className="___9ctc0p0_1xvj9ao f1w7gpdv fez10in f1dd5bof"
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 20 20"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </span>
+          </button>
+          <button
+            aria-label="Clear selection"
+            className="fui-Dropdown__clearButton rticfuj ___1ijk9xi_1ynmboo f1ewtqcl fxkbij4 fjseox fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
+            onClick={[Function]}
+            type="button"
+          >
+            <svg
+              aria-hidden={true}
+              className="___9ctc0p0_1xvj9ao f1w7gpdv fez10in f1dd5bof"
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 20 20"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
+                fill="currentColor"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+      <p
+        className="fui-Text ___3772g50_1srj68j fk6fouc fkhj508 f1i3iumi figsok6 fpgzoln ftgm304 f6juhto f1gl81tg f2jf649"
+        style={
+          {
+            "marginBottom": 0,
+            "marginTop": 0,
+          }
+        }
+      >
+        <span
+          className="fui-Text ___6s2bv30_bwsv0h0 fk6fouc fkhj508 f1i3iumi figsok6 fpgzoln ftgm304 f6juhto f1gl81tg f2jf649 frnwi6n f18zxyen"
+          id="root__description"
+        >
+          This is a select description
+        </span>
+      </p>
+    </div>
+  </div>
+  <div
+    className="___fko12g0_0000000 f1wswflg"
+  >
+    <button
+      className="fui-Button r1alrhcs ___1akj6hk_ih97uj0 ffp7eso f1p3nwhy f11589ue f1q5o8ev f1pdflbu f1phragk f15wkkf3 f1s2uweq fr80ssc f1ukrpxl fecsdlb f1rq72xc fnp9lpt f1h0usnq fs4ktlq f16h9ulv fx2bmrt f1d6v5y2 f1rirnrt f1uu00uk fkvaka8 f1ux7til f9a0qzu f1lkg8j3 fkc42ay fq7113v ff1wgvm fiob0tu f1j6scgf f1x4h75k f4xjyn1 fbgcvur f1ks1yx8 f1o6qegi fcnxywj fmxjhhp f9ddjv3 f17t0x8g f194v5ow f1qgg65p fk7jm04 fhgccpy f32wu9k fu5nqqq f13prjl2 f1czftr5 f1nl83rv f12k37oa fr96u23"
+      disabled={false}
+      onClick={[Function]}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/mantine/src/widgets/CheckboxWidget.tsx b/packages/mantine/src/widgets/CheckboxWidget.tsx
index f1a7756176..55eee1d07f 100644
--- a/packages/mantine/src/widgets/CheckboxWidget.tsx
+++ b/packages/mantine/src/widgets/CheckboxWidget.tsx
@@ -11,8 +11,6 @@ import {
 } from '@rjsf/utils';
 import { Checkbox } from '@mantine/core';
 
-import { cleanupOptions } from '../utils';
-
 /** The `CheckBoxWidget` is a widget for rendering boolean properties.
  *  It is typically used to represent a boolean.
  *
@@ -44,8 +42,6 @@ export default function CheckboxWidget<
     uiSchema,
   } = props;
 
-  const themeProps = cleanupOptions(options);
-
   const DescriptionFieldTemplate = getTemplate<'DescriptionFieldTemplate', T, S, F>(
     'DescriptionFieldTemplate',
     registry,
@@ -104,7 +100,6 @@ export default function CheckboxWidget<
         onFocus={handleFocus}
         error={rawErrors && rawErrors.length > 0 ? rawErrors.join('\n') : undefined}
         aria-describedby={ariaDescribedByIds(id)}
-        {...themeProps}
       />
     </>
   );
diff --git a/packages/mantine/test/__snapshots__/Form.test.tsx.snap b/packages/mantine/test/__snapshots__/Form.test.tsx.snap
index 35d19d8150..82d0f6aac8 100644
--- a/packages/mantine/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/mantine/test/__snapshots__/Form.test.tsx.snap
@@ -32,7 +32,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r185{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r19o{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -116,7 +116,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                         "children": null,
                                                         "props": {
                                                           "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-r18h{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                            "__html": ".__m__-r1a4{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                           },
                                                           "data-mantine-styles": "inline",
                                                           "nonce": undefined,
@@ -369,7 +369,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_2415a157 __m__-r18h",
+                                                          "className": "m_2415a157 __m__-r1a4",
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
                                                           "size": undefined,
@@ -675,7 +675,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r18c",
+                                          "className": "m_8bffd616 __m__-r19v",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -736,7 +736,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                         "children": null,
                                                         "props": {
                                                           "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-r19d{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                            "__html": ".__m__-r1b0{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                           },
                                                           "data-mantine-styles": "inline",
                                                           "nonce": undefined,
@@ -989,7 +989,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_2415a157 __m__-r19d",
+                                                          "className": "m_2415a157 __m__-r1b0",
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
                                                           "size": undefined,
@@ -1295,7 +1295,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r198",
+                                          "className": "m_8bffd616 __m__-r1ar",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -1467,7 +1467,7 @@ exports[`nameGenerator bracketNameGenerator array of objects 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r185",
+                  "className": "m_2415a157 __m__-r19o",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -1597,7 +1597,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r16p{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r18c{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -2020,7 +2020,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r170",
+                                          "className": "m_8bffd616 __m__-r18j",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -2420,7 +2420,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r17g",
+                                          "className": "m_8bffd616 __m__-r193",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -2592,7 +2592,7 @@ exports[`nameGenerator bracketNameGenerator array of strings 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r16p",
+                  "className": "m_2415a157 __m__-r18c",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -2722,7 +2722,7 @@ exports[`nameGenerator bracketNameGenerator checkboxes field 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1bt{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1dg{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -3124,7 +3124,7 @@ exports[`nameGenerator bracketNameGenerator checkboxes field 1`] = `
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_8bffd616 __m__-r1c3",
+                                      "className": "m_8bffd616 __m__-r1dm",
                                       "data-size": undefined,
                                       "data-variant": undefined,
                                       "size": undefined,
@@ -3180,7 +3180,7 @@ exports[`nameGenerator bracketNameGenerator checkboxes field 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1bt",
+                  "className": "m_2415a157 __m__-r1dg",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -3310,7 +3310,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r15i{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r175{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -3351,7 +3351,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r15n{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r17a{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -3582,7 +3582,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-r168{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-r17r{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -3784,7 +3784,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-r168",
+                                                  "className": "m_2415a157 __m__-r17r",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -3831,7 +3831,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-r15n",
+                                  "className": "m_2415a157 __m__-r17a",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -3878,7 +3878,7 @@ exports[`nameGenerator bracketNameGenerator nested object 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r15i",
+                  "className": "m_2415a157 __m__-r175",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -4008,7 +4008,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1b5{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1co{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -4295,7 +4295,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_8bffd616 __m__-r1bc",
+                                      "className": "m_8bffd616 __m__-r1cv",
                                       "data-size": undefined,
                                       "data-variant": undefined,
                                       "size": undefined,
@@ -4351,7 +4351,7 @@ exports[`nameGenerator bracketNameGenerator radio field 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1b5",
+                  "className": "m_2415a157 __m__-r1co",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -4481,7 +4481,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1a9{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1bs{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -4643,7 +4643,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                                                           "data-combobox-option": true,
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
-                                                          "id": ":r1as:",
+                                                          "id": ":r1cf:",
                                                           "onClick": [Function],
                                                           "onMouseDown": [Function],
                                                           "onMouseOver": [Function],
@@ -4672,7 +4672,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                                                           "data-combobox-option": true,
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
-                                                          "id": ":r1au:",
+                                                          "id": ":r1ch:",
                                                           "onClick": [Function],
                                                           "onMouseDown": [Function],
                                                           "onMouseOver": [Function],
@@ -4701,7 +4701,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                                                           "data-combobox-option": true,
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
-                                                          "id": ":r1b0:",
+                                                          "id": ":r1cj:",
                                                           "onClick": [Function],
                                                           "onMouseDown": [Function],
                                                           "onMouseOver": [Function],
@@ -4912,7 +4912,7 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1a9",
+                  "className": "m_2415a157 __m__-r1bs",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -5042,7 +5042,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r14o{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r16b{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -5515,7 +5515,7 @@ exports[`nameGenerator bracketNameGenerator simple fields 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r14o",
+                  "className": "m_2415a157 __m__-r16b",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -5645,7 +5645,7 @@ exports[`nameGenerator bracketNameGenerator textarea field 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1cq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1ed{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -5755,7 +5755,7 @@ exports[`nameGenerator bracketNameGenerator textarea field 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1cq",
+                  "className": "m_2415a157 __m__-r1ed",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -5885,7 +5885,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1gi{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1i5{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -5969,7 +5969,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                         "children": null,
                                                         "props": {
                                                           "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-r1gu{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                            "__html": ".__m__-r1ih{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                           },
                                                           "data-mantine-styles": "inline",
                                                           "nonce": undefined,
@@ -6222,7 +6222,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_2415a157 __m__-r1gu",
+                                                          "className": "m_2415a157 __m__-r1ih",
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
                                                           "size": undefined,
@@ -6528,7 +6528,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r1gp",
+                                          "className": "m_8bffd616 __m__-r1ic",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -6589,7 +6589,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                         "children": null,
                                                         "props": {
                                                           "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-r1hq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                            "__html": ".__m__-r1jd{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                           },
                                                           "data-mantine-styles": "inline",
                                                           "nonce": undefined,
@@ -6842,7 +6842,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_2415a157 __m__-r1hq",
+                                                          "className": "m_2415a157 __m__-r1jd",
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
                                                           "size": undefined,
@@ -7148,7 +7148,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r1hl",
+                                          "className": "m_8bffd616 __m__-r1j8",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -7320,7 +7320,7 @@ exports[`nameGenerator dotNotationNameGenerator array of objects 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1gi",
+                  "className": "m_2415a157 __m__-r1i5",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -7450,7 +7450,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1f6{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1gp{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -7873,7 +7873,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r1fd",
+                                          "className": "m_8bffd616 __m__-r1h0",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -8273,7 +8273,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r1ft",
+                                          "className": "m_8bffd616 __m__-r1hg",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -8445,7 +8445,7 @@ exports[`nameGenerator dotNotationNameGenerator array of strings 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1f6",
+                  "className": "m_2415a157 __m__-r1gp",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -8575,7 +8575,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1dv{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1fi{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -8616,7 +8616,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r1e4{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r1fn{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -8847,7 +8847,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-r1el{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-r1g8{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -9049,7 +9049,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-r1el",
+                                                  "className": "m_2415a157 __m__-r1g8",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -9096,7 +9096,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-r1e4",
+                                  "className": "m_2415a157 __m__-r1fn",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -9143,7 +9143,7 @@ exports[`nameGenerator dotNotationNameGenerator nested object 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1dv",
+                  "className": "m_2415a157 __m__-r1fi",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -9273,7 +9273,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1im{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1k9{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -9435,7 +9435,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                                                           "data-combobox-option": true,
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
-                                                          "id": ":r1j9:",
+                                                          "id": ":r1ks:",
                                                           "onClick": [Function],
                                                           "onMouseDown": [Function],
                                                           "onMouseOver": [Function],
@@ -9464,7 +9464,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                                                           "data-combobox-option": true,
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
-                                                          "id": ":r1jb:",
+                                                          "id": ":r1ku:",
                                                           "onClick": [Function],
                                                           "onMouseDown": [Function],
                                                           "onMouseOver": [Function],
@@ -9493,7 +9493,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                                                           "data-combobox-option": true,
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
-                                                          "id": ":r1jd:",
+                                                          "id": ":r1l0:",
                                                           "onClick": [Function],
                                                           "onMouseDown": [Function],
                                                           "onMouseOver": [Function],
@@ -9704,7 +9704,7 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1im",
+                  "className": "m_2415a157 __m__-r1k9",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -9834,7 +9834,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r1d5{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r1eo{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -10307,7 +10307,7 @@ exports[`nameGenerator dotNotationNameGenerator simple fields 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r1d5",
+                  "className": "m_2415a157 __m__-r1eo",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -10607,6 +10607,243 @@ exports[`single fields checkbox field 1`] = `
 ]
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": "
+
+
+
+",
+      }
+    }
+    data-mantine-styles={true}
+  />,
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": "@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}",
+      }
+    }
+    data-mantine-styles="classes"
+  />,
+  {
+    "children": [
+      {
+        "children": [
+          {
+            "children": [
+              "This is a checkbox description",
+            ],
+            "props": {
+              "className": "m_b6d8b162",
+              "data-size": undefined,
+              "data-variant": undefined,
+              "id": "root__description",
+              "size": undefined,
+              "style": {
+                "marginBottom": "var(--mantine-spacing-sm)",
+                "marginTop": "calc(0.1875rem * var(--mantine-scale))",
+              },
+            },
+            "type": "p",
+            Symbol(cleaned): true,
+          },
+          {
+            "children": [
+              {
+                "children": [
+                  {
+                    "children": [
+                      {
+                        "children": null,
+                        "props": {
+                          "aria-describedby": "root__error root__description root__help",
+                          "autoFocus": false,
+                          "checked": false,
+                          "className": "m_26063560",
+                          "data-size": undefined,
+                          "data-variant": undefined,
+                          "disabled": false,
+                          "id": "root",
+                          "name": "",
+                          "onBlur": [Function],
+                          "onChange": [Function],
+                          "onFocus": [Function],
+                          "size": undefined,
+                          "style": {},
+                          "type": "checkbox",
+                        },
+                        "type": "input",
+                        Symbol(cleaned): true,
+                      },
+                      {
+                        "children": [
+                          {
+                            "children": null,
+                            "props": {
+                              "clipRule": "evenodd",
+                              "d": "M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z",
+                              "fill": "currentColor",
+                              "fillRule": "evenodd",
+                            },
+                            "type": "path",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "aria-hidden": true,
+                          "className": "m_bf295423",
+                          "fill": "none",
+                          "style": {},
+                          "viewBox": "0 0 10 7",
+                          "xmlns": "http://www.w3.org/2000/svg",
+                        },
+                        "type": "svg",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "m_26062bec",
+                      "data-label-position": "right",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          "test",
+                        ],
+                        "props": {
+                          "className": "m_8ee546b8",
+                          "data-disabled": undefined,
+                          "data-size": undefined,
+                          "data-variant": undefined,
+                          "htmlFor": "root",
+                          "size": undefined,
+                          "style": {},
+                        },
+                        "type": "label",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "m_d3ea56bb",
+                      "data-disabled": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                ],
+                "props": {
+                  "className": "m_5f6e695e",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "htmlFor": undefined,
+                  "size": undefined,
+                  "style": {},
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_bf2d988c m_5f75b09e",
+              "data-checked": undefined,
+              "data-label-position": "right",
+              "data-size": undefined,
+              "data-variant": "filled",
+              "size": undefined,
+              "style": {
+                "--checkbox-color": "var(--mantine-color-blue-filled)",
+                "--label-fz": undefined,
+                "--label-lh": undefined,
+              },
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-boolean",
+          "style": undefined,
+        },
+        "type": "div",
+        Symbol(cleaned): true,
+      },
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "children": [
+                  "Submit",
+                ],
+                "props": {
+                  "className": "m_811560b9",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {},
+                },
+                "type": "span",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_80f1301b",
+              "style": {},
+            },
+            "type": "span",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "m_77c9d27d m_87cf2631",
+          "data-size": undefined,
+          "data-variant": "filled",
+          "size": undefined,
+          "style": {
+            "--button-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+            "--button-bg": "var(--mantine-color-blue-filled)",
+            "--button-color": "var(--mantine-color-white)",
+            "--button-hover": "var(--mantine-color-blue-filled-hover)",
+          },
+          "type": "submit",
+        },
+        "type": "button",
+        Symbol(cleaned): true,
+      },
+    ],
+    "props": {
+      "acceptCharset": undefined,
+      "action": undefined,
+      "as": undefined,
+      "autoComplete": undefined,
+      "className": "rjsf",
+      "encType": undefined,
+      "id": undefined,
+      "method": undefined,
+      "name": undefined,
+      "noValidate": false,
+      "onSubmit": [Function],
+      "target": undefined,
+    },
+    "type": "form",
+    Symbol(cleaned): true,
+  },
+]
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 [
   <style
@@ -11864,7 +12101,7 @@ exports[`single fields checkboxes field 1`] = `
                       },
                     ],
                     "props": {
-                      "className": "m_8bffd616 __m__-rcg",
+                      "className": "m_8bffd616 __m__-re3",
                       "data-size": undefined,
                       "data-variant": undefined,
                       "size": undefined,
@@ -12003,7 +12240,7 @@ exports[`single fields field with description 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rec{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rfv{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -12110,7 +12347,7 @@ exports[`single fields field with description 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rec",
+                  "className": "m_2415a157 __m__-rfv",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -12240,7 +12477,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-ren{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rga{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -12365,7 +12602,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-ren",
+                  "className": "m_2415a157 __m__-rga",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -12495,7 +12732,7 @@ exports[`single fields field with markdown description 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rf3{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rgm{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -12602,7 +12839,7 @@ exports[`single fields field with markdown description 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rf3",
+                  "className": "m_2415a157 __m__-rgm",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -12732,7 +12969,7 @@ exports[`single fields field with markdown description in uiSchema 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rfe{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rh1{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -12857,7 +13094,7 @@ exports[`single fields field with markdown description in uiSchema 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rfe",
+                  "className": "m_2415a157 __m__-rh1",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -14142,7 +14379,7 @@ exports[`single fields hidden field 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-re7{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rfq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -14153,7 +14390,7 @@ exports[`single fields hidden field 1`] = `
               {
                 "children": null,
                 "props": {
-                  "className": "m_2415a157 __m__-re7",
+                  "className": "m_2415a157 __m__-rfq",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -15106,7 +15343,7 @@ exports[`single fields optional data controls does not show optional controls wh
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rh9{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-ris{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -15147,7 +15384,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rhe{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-rj1{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -15283,7 +15520,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rhp{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-rjc{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -15390,7 +15627,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-rhp",
+                                                  "className": "m_2415a157 __m__-rjc",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -15466,7 +15703,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-ri4{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-rjn{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -15573,7 +15810,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-ri4",
+                                                  "className": "m_2415a157 __m__-rjn",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -16166,7 +16403,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rhe",
+                                  "className": "m_2415a157 __m__-rj1",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -16424,7 +16661,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rjb{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-rku{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -16531,7 +16768,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rjb",
+                                  "className": "m_2415a157 __m__-rku",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -16937,7 +17174,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rkc:",
+                                                              "id": ":rlv:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -16966,7 +17203,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rke:",
+                                                              "id": ":rm1:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -16995,7 +17232,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rkg:",
+                                                              "id": ":rm3:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -17214,7 +17451,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rkk{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                            "__html": ".__m__-rm7{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -17320,7 +17557,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-rkk",
+                                          "className": "m_2415a157 __m__-rm7",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -17568,7 +17805,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rle:",
+                                                              "id": ":rn1:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -17597,7 +17834,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rlg:",
+                                                              "id": ":rn3:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -17626,7 +17863,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rli:",
+                                                              "id": ":rn5:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -18022,7 +18259,7 @@ exports[`single fields optional data controls does not show optional controls wh
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rh9",
+                  "className": "m_2415a157 __m__-ris",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -18173,7 +18410,7 @@ exports[`single fields optional data controls does not show optional controls wh
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rrl{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rt8{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -18214,7 +18451,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rrq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-rtd{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -18349,7 +18586,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rs5{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-rto{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -18455,7 +18692,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-rs5",
+                                                  "className": "m_2415a157 __m__-rto",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -18531,7 +18768,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rsg{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-ru3{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -18637,7 +18874,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-rsg",
+                                                  "className": "m_2415a157 __m__-ru3",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -19236,7 +19473,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rrq",
+                                  "className": "m_2415a157 __m__-rtd",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -19496,7 +19733,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rtn{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-rva{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -19602,7 +19839,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rtn",
+                                  "className": "m_2415a157 __m__-rva",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -20012,7 +20249,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":ruo:",
+                                                              "id": ":r10b:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -20041,7 +20278,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":ruq:",
+                                                              "id": ":r10d:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -20070,7 +20307,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rus:",
+                                                              "id": ":r10f:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -20290,7 +20527,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rv0{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                            "__html": ".__m__-r10j{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -20396,7 +20633,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-rv0",
+                                          "className": "m_2415a157 __m__-r10j",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -20646,7 +20883,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rvq:",
+                                                              "id": ":r11d:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -20675,7 +20912,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rvs:",
+                                                              "id": ":r11f:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -20704,7 +20941,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": ":rvu:",
+                                                              "id": ":r11h:",
                                                               "onClick": [Function],
                                                               "onMouseDown": [Function],
                                                               "onMouseOver": [Function],
@@ -21103,7 +21340,7 @@ exports[`single fields optional data controls does not show optional controls wh
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rrl",
+                  "className": "m_2415a157 __m__-rt8",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -21254,7 +21491,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rnq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rpd{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -21274,7 +21511,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rnu{--grid-gutter:var(--mantine-spacing-md);}",
+                                    "__html": ".__m__-rph{--grid-gutter:var(--mantine-spacing-md);}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -21290,7 +21527,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-ro0{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                            "__html": ".__m__-rpj{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -21323,7 +21560,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_96bdd299 __m__-ro0",
+                                          "className": "m_96bdd299 __m__-rpj",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -21336,7 +21573,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-ro3{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                            "__html": ".__m__-rpm{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -21432,7 +21669,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_96bdd299 __m__-ro3",
+                                          "className": "m_96bdd299 __m__-rpm",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -21451,7 +21688,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_410352e9 __m__-rnu",
+                                  "className": "m_410352e9 __m__-rph",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -21464,7 +21701,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-ro7{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-rpq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -21580,7 +21817,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-roh{--grid-gutter:var(--mantine-spacing-md);}",
+                                                    "__html": ".__m__-rq4{--grid-gutter:var(--mantine-spacing-md);}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -21596,7 +21833,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                         "children": null,
                                                         "props": {
                                                           "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-roj{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                                            "__html": ".__m__-rq6{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
                                                           },
                                                           "data-mantine-styles": "inline",
                                                           "nonce": undefined,
@@ -21629,7 +21866,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_96bdd299 __m__-roj",
+                                                          "className": "m_96bdd299 __m__-rq6",
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
                                                           "size": undefined,
@@ -21642,7 +21879,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                         "children": null,
                                                         "props": {
                                                           "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-rom{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                                            "__html": ".__m__-rq9{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
                                                           },
                                                           "data-mantine-styles": "inline",
                                                           "nonce": undefined,
@@ -21738,7 +21975,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_96bdd299 __m__-rom",
+                                                          "className": "m_96bdd299 __m__-rq9",
                                                           "data-size": undefined,
                                                           "data-variant": undefined,
                                                           "size": undefined,
@@ -21757,7 +21994,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_410352e9 __m__-roh",
+                                                  "className": "m_410352e9 __m__-rq4",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -21770,7 +22007,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-roq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-rqd{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -21781,7 +22018,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-roq",
+                                                  "className": "m_2415a157 __m__-rqd",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -21857,7 +22094,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rov{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-rqi{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -21964,7 +22201,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-rov",
+                                                  "className": "m_2415a157 __m__-rqi",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -22455,7 +22692,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-ro7",
+                                  "className": "m_2415a157 __m__-rpq",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -22759,7 +22996,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-rpu",
+                                          "className": "m_8bffd616 __m__-rrh",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -22960,7 +23197,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rqf{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-rs2{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -23067,7 +23304,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rqf",
+                                  "className": "m_2415a157 __m__-rs2",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -23308,7 +23545,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rr1{--grid-gutter:var(--mantine-spacing-md);}",
+                                            "__html": ".__m__-rsk{--grid-gutter:var(--mantine-spacing-md);}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -23324,7 +23561,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rr3{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                                    "__html": ".__m__-rsm{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -23357,7 +23594,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_96bdd299 __m__-rr3",
+                                                  "className": "m_96bdd299 __m__-rsm",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -23370,7 +23607,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rr6{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                                    "__html": ".__m__-rsp{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -23466,7 +23703,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_96bdd299 __m__-rr6",
+                                                  "className": "m_96bdd299 __m__-rsp",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -23485,7 +23722,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_410352e9 __m__-rr1",
+                                          "className": "m_410352e9 __m__-rsk",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -23498,7 +23735,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rra{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                            "__html": ".__m__-rst{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -23509,7 +23746,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       {
                                         "children": null,
                                         "props": {
-                                          "className": "m_2415a157 __m__-rra",
+                                          "className": "m_2415a157 __m__-rst",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -23688,7 +23925,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rnq",
+                  "className": "m_2415a157 __m__-rpd",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -23839,7 +24076,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r11m{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r139{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -23880,7 +24117,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r11r{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r13e{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -24016,7 +24253,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-r126{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-r13p{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -24038,7 +24275,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-r126",
+                                                  "className": "m_2415a157 __m__-r13p",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -24114,7 +24351,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-r12b{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                    "__html": ".__m__-r13u{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -24220,7 +24457,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-r12b",
+                                                  "className": "m_2415a157 __m__-r13u",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -24726,7 +24963,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-r11r",
+                                  "className": "m_2415a157 __m__-r13e",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -25031,7 +25268,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r13a",
+                                          "className": "m_8bffd616 __m__-r14t",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -25234,7 +25471,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r13r{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r15e{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -25340,7 +25577,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-r13r",
+                                  "className": "m_2415a157 __m__-r15e",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -25604,7 +25841,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-r14e{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                            "__html": ".__m__-r161{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -25626,7 +25863,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-r14e",
+                                          "className": "m_2415a157 __m__-r161",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -25816,7 +26053,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r11m",
+                  "className": "m_2415a157 __m__-r139",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -25967,7 +26204,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rlu{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rnh{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -25987,7 +26224,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rm2{--grid-gutter:var(--mantine-spacing-md);}",
+                                    "__html": ".__m__-rnl{--grid-gutter:var(--mantine-spacing-md);}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -26003,7 +26240,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rm4{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                            "__html": ".__m__-rnn{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -26036,7 +26273,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_96bdd299 __m__-rm4",
+                                          "className": "m_96bdd299 __m__-rnn",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -26049,7 +26286,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rm7{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                            "__html": ".__m__-rnq{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -26145,7 +26382,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_96bdd299 __m__-rm7",
+                                          "className": "m_96bdd299 __m__-rnq",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -26164,7 +26401,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_410352e9 __m__-rm2",
+                                  "className": "m_410352e9 __m__-rnl",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -26177,7 +26414,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rmb{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-rnu{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -26188,7 +26425,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                               {
                                 "children": null,
                                 "props": {
-                                  "className": "m_2415a157 __m__-rmb",
+                                  "className": "m_2415a157 __m__-rnu",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -26344,7 +26581,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rmk{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-ro7{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -26451,7 +26688,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rmk",
+                                  "className": "m_2415a157 __m__-ro7",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -26692,7 +26929,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rn6{--grid-gutter:var(--mantine-spacing-md);}",
+                                            "__html": ".__m__-rop{--grid-gutter:var(--mantine-spacing-md);}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -26708,7 +26945,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rn8{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                                    "__html": ".__m__-ror{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -26741,7 +26978,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_96bdd299 __m__-rn8",
+                                                  "className": "m_96bdd299 __m__-ror",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -26754,7 +26991,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                 "children": null,
                                                 "props": {
                                                   "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rnb{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                                    "__html": ".__m__-rou{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
                                                   },
                                                   "data-mantine-styles": "inline",
                                                   "nonce": undefined,
@@ -26850,7 +27087,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_96bdd299 __m__-rnb",
+                                                  "className": "m_96bdd299 __m__-rou",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
@@ -26869,7 +27106,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_410352e9 __m__-rn6",
+                                          "className": "m_410352e9 __m__-rop",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -26882,7 +27119,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rnf{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                            "__html": ".__m__-rp2{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -26893,7 +27130,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                       {
                                         "children": null,
                                         "props": {
-                                          "className": "m_2415a157 __m__-rnf",
+                                          "className": "m_2415a157 __m__-rp2",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -27072,7 +27309,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rlu",
+                  "className": "m_2415a157 __m__-rnh",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -27223,7 +27460,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r10a{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-r11t{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -27264,7 +27501,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r10f{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r122{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -27286,7 +27523,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-r10f",
+                                  "className": "m_2415a157 __m__-r122",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -27453,7 +27690,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r10o{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r12b{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -27562,7 +27799,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-r10o",
+                                  "className": "m_2415a157 __m__-r12b",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -27826,7 +28063,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-r11b{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                            "__html": ".__m__-r12u{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -27848,7 +28085,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-r11b",
+                                          "className": "m_2415a157 __m__-r12u",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -28038,7 +28275,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-r10a",
+                  "className": "m_2415a157 __m__-r11t",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
@@ -28661,7 +28898,413 @@ exports[`single fields radio field 1`] = `
                       },
                     ],
                     "props": {
-                      "className": "m_8bffd616 __m__-rdf",
+                      "className": "m_8bffd616 __m__-rf2",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {
+                        "flexDirection": "column",
+                        "flexWrap": "wrap",
+                        "gap": "var(--mantine-spacing-xs)",
+                        "marginTop": "var(--mantine-spacing-xs)",
+                      },
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                ],
+                "props": {
+                  "aria-describedby": undefined,
+                  "aria-labelledby": "root-label",
+                  "role": "radiogroup",
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "aria-describedby": "root__error root__description root__help",
+              "className": "m_46b77525",
+              "data-size": undefined,
+              "data-variant": undefined,
+              "size": undefined,
+              "style": {},
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-boolean",
+          "style": undefined,
+        },
+        "type": "div",
+        Symbol(cleaned): true,
+      },
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "children": [
+                  "Submit",
+                ],
+                "props": {
+                  "className": "m_811560b9",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {},
+                },
+                "type": "span",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_80f1301b",
+              "style": {},
+            },
+            "type": "span",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "m_77c9d27d m_87cf2631",
+          "data-size": undefined,
+          "data-variant": "filled",
+          "size": undefined,
+          "style": {
+            "--button-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+            "--button-bg": "var(--mantine-color-blue-filled)",
+            "--button-color": "var(--mantine-color-white)",
+            "--button-hover": "var(--mantine-color-blue-filled-hover)",
+          },
+          "type": "submit",
+        },
+        "type": "button",
+        Symbol(cleaned): true,
+      },
+    ],
+    "props": {
+      "acceptCharset": undefined,
+      "action": undefined,
+      "as": undefined,
+      "autoComplete": undefined,
+      "className": "rjsf",
+      "encType": undefined,
+      "id": undefined,
+      "method": undefined,
+      "name": undefined,
+      "noValidate": false,
+      "onSubmit": [Function],
+      "target": undefined,
+    },
+    "type": "form",
+    Symbol(cleaned): true,
+  },
+]
+`;
+
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": "
+
+
+
+",
+      }
+    }
+    data-mantine-styles={true}
+  />,
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": "@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}",
+      }
+    }
+    data-mantine-styles="classes"
+  />,
+  {
+    "children": [
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "children": [
+                  "test",
+                ],
+                "props": {
+                  "className": "m_8fdc1311",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "htmlFor": undefined,
+                  "id": "root-label",
+                  "onMouseDown": [Function],
+                  "size": undefined,
+                  "style": {},
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": [
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": null,
+                                    "props": {
+                                      "autoFocus": false,
+                                      "checked": false,
+                                      "className": "m_8a3dbb89",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "disabled": false,
+                                      "id": "root-0",
+                                      "name": "root",
+                                      "onBlur": [Function],
+                                      "onChange": [Function],
+                                      "onFocus": [Function],
+                                      "size": undefined,
+                                      "style": {},
+                                      "type": "radio",
+                                      "value": "0",
+                                    },
+                                    "type": "input",
+                                    Symbol(cleaned): true,
+                                  },
+                                  {
+                                    "children": [
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "cx": "2.5",
+                                          "cy": "2.5",
+                                          "fill": "currentColor",
+                                          "r": "2.5",
+                                        },
+                                        "type": "circle",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "aria-hidden": true,
+                                      "className": "m_f3ed6b2b",
+                                      "fill": "none",
+                                      "style": {
+                                        "height": undefined,
+                                        "width": undefined,
+                                      },
+                                      "viewBox": "0 0 5 5",
+                                      "xmlns": "http://www.w3.org/2000/svg",
+                                    },
+                                    "type": "svg",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_89c4f5e4",
+                                  "data-label-position": "right",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "Yes",
+                                    ],
+                                    "props": {
+                                      "className": "m_8ee546b8",
+                                      "data-disabled": undefined,
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "htmlFor": "root-0",
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "label",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_d3ea56bb",
+                                  "data-disabled": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_5f6e695e",
+                              "data-size": undefined,
+                              "data-variant": undefined,
+                              "htmlFor": undefined,
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "m_f3f1af94 m_5f75b09e",
+                          "data-checked": undefined,
+                          "data-label-position": "right",
+                          "data-size": undefined,
+                          "data-variant": undefined,
+                          "size": undefined,
+                          "style": {
+                            "--label-fz": undefined,
+                            "--label-lh": undefined,
+                            "--radio-color": "var(--mantine-color-blue-filled)",
+                          },
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": null,
+                                    "props": {
+                                      "autoFocus": false,
+                                      "checked": false,
+                                      "className": "m_8a3dbb89",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "disabled": false,
+                                      "id": "root-1",
+                                      "name": "root",
+                                      "onBlur": [Function],
+                                      "onChange": [Function],
+                                      "onFocus": [Function],
+                                      "size": undefined,
+                                      "style": {},
+                                      "type": "radio",
+                                      "value": "1",
+                                    },
+                                    "type": "input",
+                                    Symbol(cleaned): true,
+                                  },
+                                  {
+                                    "children": [
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "cx": "2.5",
+                                          "cy": "2.5",
+                                          "fill": "currentColor",
+                                          "r": "2.5",
+                                        },
+                                        "type": "circle",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "aria-hidden": true,
+                                      "className": "m_f3ed6b2b",
+                                      "fill": "none",
+                                      "style": {
+                                        "height": undefined,
+                                        "width": undefined,
+                                      },
+                                      "viewBox": "0 0 5 5",
+                                      "xmlns": "http://www.w3.org/2000/svg",
+                                    },
+                                    "type": "svg",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_89c4f5e4",
+                                  "data-label-position": "right",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "No",
+                                    ],
+                                    "props": {
+                                      "className": "m_8ee546b8",
+                                      "data-disabled": undefined,
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "htmlFor": "root-1",
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "label",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_d3ea56bb",
+                                  "data-disabled": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_5f6e695e",
+                              "data-size": undefined,
+                              "data-variant": undefined,
+                              "htmlFor": undefined,
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "m_f3f1af94 m_5f75b09e",
+                          "data-checked": undefined,
+                          "data-label-position": "right",
+                          "data-size": undefined,
+                          "data-variant": undefined,
+                          "size": undefined,
+                          "style": {
+                            "--label-fz": undefined,
+                            "--label-lh": undefined,
+                            "--radio-color": "var(--mantine-color-blue-filled)",
+                          },
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "m_8bffd616 __m__-rcq",
                       "data-size": undefined,
                       "data-variant": undefined,
                       "size": undefined,
@@ -34459,6 +35102,470 @@ exports[`single fields select field single choice uiSchema disabled using radio
 ]
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": "
+
+
+
+",
+      }
+    }
+    data-mantine-styles={true}
+  />,
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": "@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}",
+      }
+    }
+    data-mantine-styles="classes"
+  />,
+  {
+    "children": [
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "children": [
+                  "test",
+                ],
+                "props": {
+                  "className": "m_8fdc1311",
+                  "data-size": "sm",
+                  "data-variant": undefined,
+                  "htmlFor": "root",
+                  "id": "root-label",
+                  "onMouseDown": [Function],
+                  "size": undefined,
+                  "style": {
+                    "--input-label-size": "var(--mantine-font-size-sm)",
+                  },
+                },
+                "type": "label",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": [
+                  {
+                    "children": null,
+                    "props": {
+                      "aria-describedby": undefined,
+                      "aria-haspopup": "listbox",
+                      "aria-invalid": false,
+                      "autoComplete": "off",
+                      "autoFocus": false,
+                      "className": "m_8fb7ebe7",
+                      "data-size": undefined,
+                      "data-variant": "default",
+                      "disabled": false,
+                      "id": "root",
+                      "onBlur": [Function],
+                      "onChange": [Function],
+                      "onClick": [Function],
+                      "onFocus": [Function],
+                      "onKeyDown": [Function],
+                      "readOnly": false,
+                      "required": undefined,
+                      "size": undefined,
+                      "style": {},
+                      "value": "",
+                    },
+                    "type": "input",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": null,
+                            "props": {
+                              "clipRule": "evenodd",
+                              "d": "M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",
+                              "fill": "currentColor",
+                              "fillRule": "evenodd",
+                            },
+                            "type": "path",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "m_2943220b",
+                          "data-combobox-chevron": true,
+                          "data-size": undefined,
+                          "data-variant": undefined,
+                          "fill": "none",
+                          "size": undefined,
+                          "style": {},
+                          "viewBox": "0 0 15 15",
+                          "xmlns": "http://www.w3.org/2000/svg",
+                        },
+                        "type": "svg",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "m_82577fc2",
+                      "data-position": "right",
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                ],
+                "props": {
+                  "className": "m_6c018570",
+                  "data-size": "sm",
+                  "data-variant": "default",
+                  "data-with-right-section": true,
+                  "size": undefined,
+                  "style": {
+                    "--input-fz": "var(--mantine-font-size-sm)",
+                    "--input-height": "var(--input-height-sm)",
+                    "--input-right-section-pointer-events": "none",
+                  },
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_46b77525",
+              "data-size": "sm",
+              "data-variant": undefined,
+              "size": undefined,
+              "style": {},
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+          {
+            "children": [
+              {
+                "children": [
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "Yes",
+                                            ],
+                                            "props": {},
+                                            "type": "span",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "aria-selected": false,
+                                          "className": "m_92253aa5 m_390b5f4",
+                                          "data-combobox-option": true,
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "id": ":rdq:",
+                                          "onClick": [Function],
+                                          "onMouseDown": [Function],
+                                          "onMouseOver": [Function],
+                                          "role": "option",
+                                          "size": undefined,
+                                          "style": {},
+                                          "value": "0",
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "No",
+                                            ],
+                                            "props": {},
+                                            "type": "span",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "aria-selected": false,
+                                          "className": "m_92253aa5 m_390b5f4",
+                                          "data-combobox-option": true,
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "id": ":rds:",
+                                          "onClick": [Function],
+                                          "onMouseDown": [Function],
+                                          "onMouseOver": [Function],
+                                          "role": "option",
+                                          "size": undefined,
+                                          "style": {},
+                                          "value": "1",
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "m_b1336c6",
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_c0783ff9",
+                                  "data-horizontal-hidden": undefined,
+                                  "data-offset-scrollbars": "y",
+                                  "data-scrollbars": "xy",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "data-vertical-hidden": undefined,
+                                  "onScroll": [Function],
+                                  "size": undefined,
+                                  "style": {
+                                    "overflowX": "scroll",
+                                    "overflowY": "scroll",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "className": "m_c44ba933",
+                                  "data-hidden": undefined,
+                                  "data-mantine-scrollbar": true,
+                                  "data-orientation": "horizontal",
+                                  "data-state": "hidden",
+                                  "onLostPointerCapture": [Function],
+                                  "onMouseEnter": [Function],
+                                  "onMouseLeave": [Function],
+                                  "onPointerDown": [Function],
+                                  "onPointerEnter": [Function],
+                                  "onPointerLeave": [Function],
+                                  "onPointerMove": [Function],
+                                  "onPointerUp": [Function],
+                                  "style": {
+                                    "--sa-thumb-width": "18px",
+                                    "position": "absolute",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "className": "m_c44ba933",
+                                  "data-hidden": undefined,
+                                  "data-mantine-scrollbar": true,
+                                  "data-orientation": "vertical",
+                                  "data-state": "hidden",
+                                  "onLostPointerCapture": [Function],
+                                  "onMouseEnter": [Function],
+                                  "onMouseLeave": [Function],
+                                  "onPointerDown": [Function],
+                                  "onPointerEnter": [Function],
+                                  "onPointerLeave": [Function],
+                                  "onPointerMove": [Function],
+                                  "onPointerUp": [Function],
+                                  "style": {
+                                    "--sa-thumb-height": "18px",
+                                    "position": "absolute",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_d57069b5",
+                              "data-autosize": "true",
+                              "data-size": undefined,
+                              "data-variant": undefined,
+                              "size": undefined,
+                              "style": {
+                                "--sa-corner-height": "0px",
+                                "--sa-corner-width": "0px",
+                                "--scrollarea-scrollbar-size": "var(--combobox-padding)",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "",
+                          "data-size": undefined,
+                          "data-variant": undefined,
+                          "size": undefined,
+                          "style": {
+                            "display": "flex",
+                            "flex": 1,
+                            "flexDirection": "column",
+                            "minHeight": 0,
+                            "minWidth": 0,
+                            "overflow": "hidden",
+                          },
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {
+                        "display": "flex",
+                        "maxHeight": "calc(13.75rem * var(--mantine-scale))",
+                        "overflow": "hidden",
+                      },
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                ],
+                "props": {
+                  "aria-labelledby": "root-label",
+                  "className": "m_b2821a6e",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "id": "",
+                  "onMouseDown": [Function],
+                  "role": "listbox",
+                  "size": undefined,
+                  "style": {
+                    "--combobox-option-fz": "var(--mantine-font-size-sm)",
+                    "--combobox-option-padding": "var(--combobox-option-padding-sm)",
+                  },
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_38a85659 m_88b62a41",
+              "data-composed": true,
+              "data-fixed": undefined,
+              "data-position": "bottom",
+              "data-size": undefined,
+              "data-variant": undefined,
+              "onKeyDownCapture": [Function],
+              "role": "presentation",
+              "size": undefined,
+              "style": {
+                "--combobox-option-fz": "var(--mantine-font-size-sm)",
+                "--combobox-option-padding": "var(--combobox-option-padding-sm)",
+                "display": "none",
+                "left": 0,
+                "top": 0,
+                "width": undefined,
+                "zIndex": 300,
+              },
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+          {
+            "children": null,
+            "props": {
+              "disabled": false,
+              "form": undefined,
+              "name": "root",
+              "type": "hidden",
+              "value": "",
+            },
+            "type": "input",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-boolean",
+          "style": undefined,
+        },
+        "type": "div",
+        Symbol(cleaned): true,
+      },
+      {
+        "children": [
+          {
+            "children": [
+              {
+                "children": [
+                  "Submit",
+                ],
+                "props": {
+                  "className": "m_811560b9",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {},
+                },
+                "type": "span",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_80f1301b",
+              "style": {},
+            },
+            "type": "span",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "m_77c9d27d m_87cf2631",
+          "data-size": undefined,
+          "data-variant": "filled",
+          "size": undefined,
+          "style": {
+            "--button-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+            "--button-bg": "var(--mantine-color-blue-filled)",
+            "--button-color": "var(--mantine-color-white)",
+            "--button-hover": "var(--mantine-color-blue-filled-hover)",
+          },
+          "type": "submit",
+        },
+        "type": "button",
+        Symbol(cleaned): true,
+      },
+    ],
+    "props": {
+      "acceptCharset": undefined,
+      "action": undefined,
+      "as": undefined,
+      "autoComplete": undefined,
+      "className": "rjsf",
+      "encType": undefined,
+      "id": undefined,
+      "method": undefined,
+      "name": undefined,
+      "noValidate": false,
+      "onSubmit": [Function],
+      "target": undefined,
+    },
+    "type": "form",
+    Symbol(cleaned): true,
+  },
+]
+`;
+
 exports[`single fields slider field 1`] = `
 [
   <style
@@ -35641,7 +36748,7 @@ exports[`single fields title field 1`] = `
                 "children": null,
                 "props": {
                   "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rfr{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                    "__html": ".__m__-rhe{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                   },
                   "data-mantine-styles": "inline",
                   "nonce": undefined,
@@ -35748,7 +36855,7 @@ exports[`single fields title field 1`] = `
                   },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rfr",
+                  "className": "m_2415a157 __m__-rhe",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
diff --git a/packages/mui/src/FieldTemplate/FieldTemplate.tsx b/packages/mui/src/FieldTemplate/FieldTemplate.tsx
index 79bab627e6..eeab5e0067 100644
--- a/packages/mui/src/FieldTemplate/FieldTemplate.tsx
+++ b/packages/mui/src/FieldTemplate/FieldTemplate.tsx
@@ -52,6 +52,9 @@ export default function FieldTemplate<
   if (hidden) {
     return <div style={{ display: 'none' }}>{children}</div>;
   }
+
+  const isCheckbox = uiOptions.widget === 'checkbox';
+
   return (
     <WrapIfAdditionalTemplate
       classNames={classNames}
@@ -70,7 +73,7 @@ export default function FieldTemplate<
     >
       <FormControl fullWidth={true} error={rawErrors.length ? true : false} required={required}>
         {children}
-        {displayLabel && rawDescription ? (
+        {displayLabel && !isCheckbox && rawDescription ? (
           <Typography variant='caption' color='textSecondary'>
             {description}
           </Typography>
diff --git a/packages/mui/test/__snapshots__/Form.test.tsx.snap b/packages/mui/test/__snapshots__/Form.test.tsx.snap
index 427488ae4e..2934d582b0 100644
--- a/packages/mui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/mui/test/__snapshots__/Form.test.tsx.snap
@@ -12998,7 +12998,7 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
-exports[`single fields checkbox field with label 1`] = `
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -13017,6 +13017,15 @@ exports[`single fields checkbox field with label 1`] = `
 }
 
 .emotion-1 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.57;
+  letter-spacing: 0.00714em;
+}
+
+.emotion-2 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -13032,15 +13041,15 @@ exports[`single fields checkbox field with label 1`] = `
   margin-right: 16px;
 }
 
-.emotion-1.Mui-disabled {
+.emotion-2.Mui-disabled {
   cursor: default;
 }
 
-.emotion-1 .MuiFormControlLabel-label.Mui-disabled {
+.emotion-2 .MuiFormControlLabel-label.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-2 {
+.emotion-3 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -13078,42 +13087,42 @@ exports[`single fields checkbox field with label 1`] = `
   color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-2::-moz-focus-inner {
+.emotion-3::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-2.Mui-disabled {
+.emotion-3.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-2 {
+  .emotion-3 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-2:hover {
+.emotion-3:hover {
   background-color: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-2.Mui-checked,
-.emotion-2.MuiCheckbox-indeterminate {
+.emotion-3.Mui-checked,
+.emotion-3.MuiCheckbox-indeterminate {
   color: #1976d2;
 }
 
-.emotion-2.Mui-disabled {
+.emotion-3.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
 @media (hover: none) {
-  .emotion-2:hover {
+  .emotion-3:hover {
     background-color: transparent;
   }
 }
 
-.emotion-3 {
+.emotion-4 {
   cursor: inherit;
   position: absolute;
   opacity: 0;
@@ -13126,7 +13135,7 @@ exports[`single fields checkbox field with label 1`] = `
   z-index: 1;
 }
 
-.emotion-4 {
+.emotion-5 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -13143,7 +13152,7 @@ exports[`single fields checkbox field with label 1`] = `
   font-size: 1.5rem;
 }
 
-.emotion-5 {
+.emotion-6 {
   margin: 0;
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
@@ -13152,11 +13161,11 @@ exports[`single fields checkbox field with label 1`] = `
   letter-spacing: 0.00938em;
 }
 
-.emotion-6 {
+.emotion-7 {
   margin-top: 24px;
 }
 
-.emotion-7 {
+.emotion-8 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -13213,57 +13222,57 @@ exports[`single fields checkbox field with label 1`] = `
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-7::-moz-focus-inner {
+.emotion-8::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-8.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-7 {
+  .emotion-8 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-7:hover {
+.emotion-8:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-8.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-7:hover {
+.emotion-8:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-7:hover {
+  .emotion-8:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-7:active {
+.emotion-8:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-focusVisible {
+.emotion-8.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-disabled {
+.emotion-8.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-7:hover {
+  .emotion-8:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -13271,7 +13280,7 @@ exports[`single fields checkbox field with label 1`] = `
   }
 }
 
-.emotion-7.MuiButton-loading {
+.emotion-8.MuiButton-loading {
   color: transparent;
 }
 
@@ -13286,12 +13295,23 @@ exports[`single fields checkbox field with label 1`] = `
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <h6
+        className="MuiTypography-root MuiTypography-subtitle2 emotion-1"
+        id="root__description"
+        style={
+          {
+            "marginTop": "5px",
+          }
+        }
+      >
+        This is a checkbox description
+      </h6>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-1"
+        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-2"
       >
         <span
           aria-describedby="root__error root__description root__help"
-          className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-2"
+          className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-3"
           onBlur={[Function]}
           onContextMenu={[Function]}
           onDragLeave={[Function]}
@@ -13309,7 +13329,7 @@ exports[`single fields checkbox field with label 1`] = `
           <input
             autoFocus={false}
             checked={false}
-            className="PrivateSwitchBase-input emotion-3"
+            className="PrivateSwitchBase-input emotion-4"
             data-indeterminate={false}
             disabled={false}
             id="root"
@@ -13320,7 +13340,7 @@ exports[`single fields checkbox field with label 1`] = `
           />
           <svg
             aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-4"
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-5"
             data-testid="CheckBoxOutlineBlankIcon"
             focusable="false"
             viewBox="0 0 24 24"
@@ -13331,7 +13351,7 @@ exports[`single fields checkbox field with label 1`] = `
           </svg>
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-5"
+          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-6"
           style={{}}
         >
           test
@@ -13340,10 +13360,10 @@ exports[`single fields checkbox field with label 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-6"
+    className="MuiBox-root emotion-7"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-8"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -13366,7 +13386,7 @@ exports[`single fields checkbox field with label 1`] = `
 </form>
 `;
 
-exports[`single fields checkbox field with label and description 1`] = `
+exports[`single fields checkbox field with label 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -13385,15 +13405,6 @@ exports[`single fields checkbox field with label and description 1`] = `
 }
 
 .emotion-1 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 1.57;
-  letter-spacing: 0.00714em;
-}
-
-.emotion-2 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -13409,15 +13420,15 @@ exports[`single fields checkbox field with label and description 1`] = `
   margin-right: 16px;
 }
 
-.emotion-2.Mui-disabled {
+.emotion-1.Mui-disabled {
   cursor: default;
 }
 
-.emotion-2 .MuiFormControlLabel-label.Mui-disabled {
+.emotion-1 .MuiFormControlLabel-label.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3 {
+.emotion-2 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -13455,42 +13466,42 @@ exports[`single fields checkbox field with label and description 1`] = `
   color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-3::-moz-focus-inner {
+.emotion-2::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-3.Mui-disabled {
+.emotion-2.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-3 {
+  .emotion-2 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-3:hover {
+.emotion-2:hover {
   background-color: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-3.Mui-checked,
-.emotion-3.MuiCheckbox-indeterminate {
+.emotion-2.Mui-checked,
+.emotion-2.MuiCheckbox-indeterminate {
   color: #1976d2;
 }
 
-.emotion-3.Mui-disabled {
+.emotion-2.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
 @media (hover: none) {
-  .emotion-3:hover {
+  .emotion-2:hover {
     background-color: transparent;
   }
 }
 
-.emotion-4 {
+.emotion-3 {
   cursor: inherit;
   position: absolute;
   opacity: 0;
@@ -13503,7 +13514,7 @@ exports[`single fields checkbox field with label and description 1`] = `
   z-index: 1;
 }
 
-.emotion-5 {
+.emotion-4 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -13520,7 +13531,7 @@ exports[`single fields checkbox field with label and description 1`] = `
   font-size: 1.5rem;
 }
 
-.emotion-6 {
+.emotion-5 {
   margin: 0;
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
@@ -13529,11 +13540,11 @@ exports[`single fields checkbox field with label and description 1`] = `
   letter-spacing: 0.00938em;
 }
 
-.emotion-7 {
+.emotion-6 {
   margin-top: 24px;
 }
 
-.emotion-8 {
+.emotion-7 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -13590,57 +13601,57 @@ exports[`single fields checkbox field with label and description 1`] = `
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-8::-moz-focus-inner {
+.emotion-7::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-8.Mui-disabled {
+.emotion-7.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-8 {
+  .emotion-7 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-8:hover {
+.emotion-7:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-8.Mui-disabled {
+.emotion-7.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-8:hover {
+.emotion-7:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-8:hover {
+  .emotion-7:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-8:active {
+.emotion-7:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-8.Mui-focusVisible {
+.emotion-7.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-8.Mui-disabled {
+.emotion-7.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-8:hover {
+  .emotion-7:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -13648,7 +13659,7 @@ exports[`single fields checkbox field with label and description 1`] = `
   }
 }
 
-.emotion-8.MuiButton-loading {
+.emotion-7.MuiButton-loading {
   color: transparent;
 }
 
@@ -13663,23 +13674,12 @@ exports[`single fields checkbox field with label and description 1`] = `
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
-      <h6
-        className="MuiTypography-root MuiTypography-subtitle2 emotion-1"
-        id="root__description"
-        style={
-          {
-            "marginTop": "5px",
-          }
-        }
-      >
-        test description
-      </h6>
       <label
-        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-2"
+        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-1"
       >
         <span
           aria-describedby="root__error root__description root__help"
-          className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-3"
+          className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-2"
           onBlur={[Function]}
           onContextMenu={[Function]}
           onDragLeave={[Function]}
@@ -13697,7 +13697,7 @@ exports[`single fields checkbox field with label and description 1`] = `
           <input
             autoFocus={false}
             checked={false}
-            className="PrivateSwitchBase-input emotion-4"
+            className="PrivateSwitchBase-input emotion-3"
             data-indeterminate={false}
             disabled={false}
             id="root"
@@ -13708,7 +13708,7 @@ exports[`single fields checkbox field with label and description 1`] = `
           />
           <svg
             aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-5"
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-4"
             data-testid="CheckBoxOutlineBlankIcon"
             focusable="false"
             viewBox="0 0 24 24"
@@ -13719,7 +13719,7 @@ exports[`single fields checkbox field with label and description 1`] = `
           </svg>
         </span>
         <span
-          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-6"
+          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-5"
           style={{}}
         >
           test
@@ -13728,10 +13728,10 @@ exports[`single fields checkbox field with label and description 1`] = `
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-7"
+    className="MuiBox-root emotion-6"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-8"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -13754,7 +13754,7 @@ exports[`single fields checkbox field with label and description 1`] = `
 </form>
 `;
 
-exports[`single fields checkbox field with label and rich text description 1`] = `
+exports[`single fields checkbox field with label and description 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -14060,15 +14060,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
           }
         }
       >
-        <span>
-          <strong>
-            test
-          </strong>
-           
-          <strong>
-            description
-          </strong>
-        </span>
+        test description
       </h6>
       <label
         className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-2"
@@ -14150,7 +14142,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
 </form>
 `;
 
-exports[`single fields checkboxes field 1`] = `
+exports[`single fields checkbox field with label and rich text description 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -14169,43 +14161,15 @@ exports[`single fields checkboxes field 1`] = `
 }
 
 .emotion-1 {
-  color: rgba(0, 0, 0, 0.6);
+  margin: 0;
   font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.4375em;
-  letter-spacing: 0.00938em;
-  padding: 0;
-  position: relative;
-}
-
-.emotion-1.Mui-focused {
-  color: #1976d2;
-}
-
-.emotion-1.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-1.Mui-error {
-  color: #d32f2f;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.57;
+  letter-spacing: 0.00714em;
 }
 
 .emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
-.emotion-3 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -14221,15 +14185,15 @@ exports[`single fields checkboxes field 1`] = `
   margin-right: 16px;
 }
 
-.emotion-3.Mui-disabled {
+.emotion-2.Mui-disabled {
   cursor: default;
 }
 
-.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+.emotion-2 .MuiFormControlLabel-label.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-4 {
+.emotion-3 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -14267,42 +14231,42 @@ exports[`single fields checkboxes field 1`] = `
   color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-4::-moz-focus-inner {
+.emotion-3::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-4.Mui-disabled {
+.emotion-3.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-4 {
+  .emotion-3 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-4:hover {
+.emotion-3:hover {
   background-color: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-4.Mui-checked,
-.emotion-4.MuiCheckbox-indeterminate {
+.emotion-3.Mui-checked,
+.emotion-3.MuiCheckbox-indeterminate {
   color: #1976d2;
 }
 
-.emotion-4.Mui-disabled {
+.emotion-3.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
 @media (hover: none) {
-  .emotion-4:hover {
+  .emotion-3:hover {
     background-color: transparent;
   }
 }
 
-.emotion-5 {
+.emotion-4 {
   cursor: inherit;
   position: absolute;
   opacity: 0;
@@ -14315,7 +14279,7 @@ exports[`single fields checkboxes field 1`] = `
   z-index: 1;
 }
 
-.emotion-6 {
+.emotion-5 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -14332,7 +14296,7 @@ exports[`single fields checkboxes field 1`] = `
   font-size: 1.5rem;
 }
 
-.emotion-7 {
+.emotion-6 {
   margin: 0;
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
@@ -14341,11 +14305,11 @@ exports[`single fields checkboxes field 1`] = `
   letter-spacing: 0.00938em;
 }
 
-.emotion-23 {
+.emotion-7 {
   margin-top: 24px;
 }
 
-.emotion-24 {
+.emotion-8 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -14402,57 +14366,57 @@ exports[`single fields checkboxes field 1`] = `
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-24::-moz-focus-inner {
+.emotion-8::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-24.Mui-disabled {
+.emotion-8.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-24 {
+  .emotion-8 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-24:hover {
+.emotion-8:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-24.Mui-disabled {
+.emotion-8.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-24:hover {
+.emotion-8:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-24:hover {
+  .emotion-8:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-24:active {
+.emotion-8:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-24.Mui-focusVisible {
+.emotion-8.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-24.Mui-disabled {
+.emotion-8.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-24:hover {
+  .emotion-8:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -14460,7 +14424,7 @@ exports[`single fields checkboxes field 1`] = `
   }
 }
 
-.emotion-24.MuiButton-loading {
+.emotion-8.MuiButton-loading {
   color: transparent;
 }
 
@@ -14470,233 +14434,88 @@ exports[`single fields checkboxes field 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-array"
+    className="rjsf-field rjsf-field-boolean"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
-      <label
-        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
-        htmlFor="root"
+      <h6
+        className="MuiTypography-root MuiTypography-subtitle2 emotion-1"
+        id="root__description"
+        style={
+          {
+            "marginTop": "5px",
+          }
+        }
       >
-        An enum list rendered as checkboxes
-      </label>
-      <div
-        className="MuiFormGroup-root emotion-2"
-        id="root"
+        <span>
+          <strong>
+            test
+          </strong>
+           
+          <strong>
+            description
+          </strong>
+        </span>
+      </h6>
+      <label
+        className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-2"
       >
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            aria-describedby="root__error root__description root__help"
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
-          >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={false}
-              id="root-0"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
-            />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
-            style={{}}
-          >
-            foo
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        <span
+          aria-describedby="root__error root__description root__help"
+          className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-3"
+          onBlur={[Function]}
+          onContextMenu={[Function]}
+          onDragLeave={[Function]}
+          onFocus={[Function]}
+          onKeyDown={[Function]}
+          onKeyUp={[Function]}
+          onMouseDown={[Function]}
+          onMouseLeave={[Function]}
+          onMouseUp={[Function]}
+          onTouchEnd={[Function]}
+          onTouchMove={[Function]}
+          onTouchStart={[Function]}
+          tabIndex={null}
         >
-          <span
-            aria-describedby="root__error root__description root__help"
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
+          <input
+            autoFocus={false}
+            checked={false}
+            className="PrivateSwitchBase-input emotion-4"
+            data-indeterminate={false}
+            disabled={false}
+            id="root"
+            name="root"
+            onChange={[Function]}
+            required={false}
+            type="checkbox"
+          />
+          <svg
+            aria-hidden={true}
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-5"
+            data-testid="CheckBoxOutlineBlankIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
           >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={false}
-              id="root-1"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
+            <path
+              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
             />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
-            style={{}}
-          >
-            bar
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+          </svg>
+        </span>
+        <span
+          className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-6"
+          style={{}}
         >
-          <span
-            aria-describedby="root__error root__description root__help"
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
-          >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={false}
-              id="root-2"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
-            />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
-            style={{}}
-          >
-            fuzz
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            aria-describedby="root__error root__description root__help"
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
-          >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={false}
-              id="root-3"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
-            />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
-            style={{}}
-          >
-            qux
-          </span>
-        </label>
-      </div>
+          test
+        </span>
+      </label>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-23"
+    className="MuiBox-root emotion-7"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-24"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-8"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -14719,7 +14538,7 @@ exports[`single fields checkboxes field 1`] = `
 </form>
 `;
 
-exports[`single fields field with description 1`] = `
+exports[`single fields checkboxes field 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -14738,121 +14557,67 @@ exports[`single fields field with description 1`] = `
 }
 
 .emotion-1 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 16px;
-  --Grid-rowSpacing: 16px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  padding: 0;
+  position: relative;
 }
 
-.emotion-1>* {
-  --Grid-parent-columns: 12;
+.emotion-1.Mui-focused {
+  color: #1976d2;
 }
 
-.emotion-1>* {
-  --Grid-parent-columnSpacing: 16px;
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-1>* {
-  --Grid-parent-rowSpacing: 16px;
+.emotion-1.Mui-error {
+  color: #d32f2f;
 }
 
 .emotion-2 {
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
-  min-width: 0;
-  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
-.emotion-4 {
+.emotion-3 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-}
-
-.emotion-5 {
-  color: rgba(0, 0, 0, 0.6);
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.4375em;
-  letter-spacing: 0.00938em;
-  padding: 0;
-  position: relative;
-  display: block;
-  transform-origin: top left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  -webkit-transform: translate(0, 20px) scale(1);
-  -moz-transform: translate(0, 20px) scale(1);
-  -ms-transform: translate(0, 20px) scale(1);
-  transform: translate(0, 20px) scale(1);
-  -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  z-index: 1;
-  pointer-events: none;
-  -webkit-transform: translate(14px, 16px) scale(1);
-  -moz-transform: translate(14px, 16px) scale(1);
-  -ms-transform: translate(14px, 16px) scale(1);
-  transform: translate(14px, 16px) scale(1);
-  max-width: calc(100% - 24px);
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-tap-highlight-color: transparent;
+  margin-left: -11px;
+  margin-right: 16px;
 }
 
-.emotion-5.Mui-focused {
-  color: #1976d2;
+.emotion-3.Mui-disabled {
+  cursor: default;
 }
 
-.emotion-5.Mui-disabled {
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-5.Mui-error {
-  color: #d32f2f;
-}
-
-.emotion-6 {
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.4375em;
-  letter-spacing: 0.00938em;
-  color: rgba(0, 0, 0, 0.87);
-  box-sizing: border-box;
-  position: relative;
-  cursor: text;
+.emotion-4 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -14861,200 +14626,114 @@ exports[`single fields field with description 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
   position: relative;
-  border-radius: 4px;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  padding: 9px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-6.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-  cursor: default;
+.emotion-4::-moz-focus-inner {
+  border-style: none;
 }
 
-.emotion-6:hover .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.87);
+.emotion-4.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
 }
 
-@media (hover: none) {
-  .emotion-6:hover .MuiOutlinedInput-notchedOutline {
-    border-color: rgba(0, 0, 0, 0.23);
+@media print {
+  .emotion-4 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
   }
 }
 
-.emotion-6.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-width: 2px;
+.emotion-4:hover {
+  background-color: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-6.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #1976d2;
+.emotion-4.Mui-checked,
+.emotion-4.MuiCheckbox-indeterminate {
+  color: #1976d2;
 }
 
-.emotion-6.Mui-error .MuiOutlinedInput-notchedOutline {
-  border-color: #d32f2f;
+.emotion-4.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-6.Mui-disabled .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.26);
+@media (hover: none) {
+  .emotion-4:hover {
+    background-color: transparent;
+  }
 }
 
-.emotion-7 {
-  font: inherit;
-  letter-spacing: inherit;
-  color: currentColor;
-  padding: 4px 0 5px;
-  border: 0;
-  box-sizing: content-box;
-  background: none;
-  height: 1.4375em;
-  margin: 0;
-  -webkit-tap-highlight-color: transparent;
-  display: block;
-  min-width: 0;
-  width: 100%;
-  -webkit-animation-name: mui-auto-fill-cancel;
-  animation-name: mui-auto-fill-cancel;
-  -webkit-animation-duration: 10ms;
-  animation-duration: 10ms;
-  padding: 16.5px 14px;
-}
-
-.emotion-7::-webkit-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-7::-moz-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-7::-ms-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-7:focus {
-  outline: 0;
-}
-
-.emotion-7:invalid {
-  box-shadow: none;
-}
-
-.emotion-7::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-webkit-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-moz-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-ms-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-webkit-input-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-moz-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-placeholder {
-  opacity: 0.42;
-}
-
-.emotion-7.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-7:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
-}
-
-.emotion-7:-webkit-autofill {
-  border-radius: inherit;
-}
-
-.emotion-8 {
-  text-align: left;
+.emotion-5 {
+  cursor: inherit;
   position: absolute;
-  bottom: 0;
-  right: 0;
-  top: -5px;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
   left: 0;
   margin: 0;
-  padding: 0 8px;
-  pointer-events: none;
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 1px;
-  overflow: hidden;
-  min-width: 0%;
-  border-color: rgba(0, 0, 0, 0.23);
-}
-
-.emotion-9 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  display: block;
   padding: 0;
-  height: 11px;
-  font-size: 0.75em;
-  visibility: hidden;
-  max-width: 0.01px;
-  -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  white-space: nowrap;
+  z-index: 1;
 }
 
-.emotion-9>span {
-  padding-left: 5px;
-  padding-right: 5px;
+.emotion-6 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
   display: inline-block;
-  opacity: 0;
-  visibility: visible;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
 }
 
-.emotion-10 {
+.emotion-7 {
   margin: 0;
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
-  font-size: 0.75rem;
-  line-height: 1.66;
-  letter-spacing: 0.03333em;
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.emotion-11 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 1.57;
-  letter-spacing: 0.00714em;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
-.emotion-12 {
+.emotion-23 {
   margin-top: 24px;
 }
 
-.emotion-13 {
+.emotion-24 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -15111,57 +14790,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-13::-moz-focus-inner {
+.emotion-24::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-13.Mui-disabled {
+.emotion-24.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-13 {
+  .emotion-24 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-13:hover {
+.emotion-24:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-13.Mui-disabled {
+.emotion-24.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-13:hover {
+.emotion-24:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-13:hover {
+  .emotion-24:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-13:active {
+.emotion-24:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-13.Mui-focusVisible {
+.emotion-24.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-13.Mui-disabled {
+.emotion-24.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-13:hover {
+  .emotion-24:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -15169,7 +14848,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
   }
 }
 
-.emotion-13.MuiButton-loading {
+.emotion-24.MuiButton-loading {
   color: transparent;
 }
 
@@ -15179,106 +14858,233 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-object"
+    className="rjsf-field rjsf-field-array"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      >
+        An enum list rendered as checkboxes
+      </label>
       <div
-        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-1"
-        style={
-          {
-            "marginTop": "10px",
-          }
-        }
+        className="MuiFormGroup-root emotion-2"
+        id="root"
       >
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-2"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
-          <div
-            className="rjsf-field rjsf-field-string"
+          <span
+            aria-describedby="root__error root__description root__help"
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
           >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={false}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
+            />
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
             >
-              <div
-                aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                className="MuiFormControl-root MuiTextField-root emotion-4"
-              >
-                <label
-                  className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-5"
-                  data-shrink={false}
-                  htmlFor="root_my-field"
-                  id="root_my-field-label"
-                >
-                  my-field
-                </label>
-                <div
-                  className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-6"
-                  onClick={[Function]}
-                >
-                  <input
-                    aria-invalid={false}
-                    autoFocus={false}
-                    className="MuiInputBase-input MuiOutlinedInput-input emotion-7"
-                    disabled={false}
-                    id="root_my-field"
-                    name="root_my-field"
-                    onAnimationStart={[Function]}
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onFocus={[Function]}
-                    placeholder=""
-                    required={false}
-                    type="text"
-                    value=""
-                  />
-                  <fieldset
-                    aria-hidden={true}
-                    className="MuiOutlinedInput-notchedOutline emotion-8"
-                  >
-                    <legend
-                      className="emotion-9"
-                    >
-                      <span>
-                        my-field
-                      </span>
-                    </legend>
-                  </fieldset>
-                </div>
-              </div>
-              <span
-                className="MuiTypography-root MuiTypography-caption emotion-10"
-                style={{}}
-              >
-                <h6
-                  className="MuiTypography-root MuiTypography-subtitle2 emotion-11"
-                  id="root_my-field__description"
-                  style={
-                    {
-                      "marginTop": "5px",
-                    }
-                  }
-                >
-                  some description
-                </h6>
-              </span>
-            </div>
-          </div>
-        </div>
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
+            style={{}}
+          >
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-describedby="root__error root__description root__help"
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
+          >
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={false}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
+            />
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
+            style={{}}
+          >
+            bar
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-describedby="root__error root__description root__help"
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
+          >
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={false}
+              id="root-2"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
+            />
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
+            style={{}}
+          >
+            fuzz
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-describedby="root__error root__description root__help"
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
+          >
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={false}
+              id="root-3"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
+            />
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
+            style={{}}
+          >
+            qux
+          </span>
+        </label>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-12"
+    className="MuiBox-root emotion-23"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-13"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-24"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -15301,7 +15107,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields field with description in uiSchema 1`] = `
+exports[`single fields field with description 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -15847,7 +15653,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
                     }
                   }
                 >
-                  some other description
+                  some description
                 </h6>
               </span>
             </div>
@@ -15883,7 +15689,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields field with markdown description 1`] = `
+exports[`single fields field with description in uiSchema 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -16429,13 +16235,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
                     }
                   }
                 >
-                  <span>
-                    some 
-                    <strong>
-                      Rich
-                    </strong>
-                     description
-                  </span>
+                  some other description
                 </h6>
               </span>
             </div>
@@ -16471,7 +16271,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields field with markdown description in uiSchema 1`] = `
+exports[`single fields field with markdown description 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -17018,7 +16818,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
                   }
                 >
                   <span>
-                    some other description
+                    some 
+                    <strong>
+                      Rich
+                    </strong>
+                     description
                   </span>
                 </h6>
               </span>
@@ -17055,7 +16859,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields format color 1`] = `
+exports[`single fields field with markdown description in uiSchema 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -17074,6 +16878,51 @@ exports[`single fields format color 1`] = `
 }
 
 .emotion-1 {
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 16px;
+  --Grid-rowSpacing: 16px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
+}
+
+.emotion-1>* {
+  --Grid-parent-columns: 12;
+}
+
+.emotion-1>* {
+  --Grid-parent-columnSpacing: 16px;
+}
+
+.emotion-1>* {
+  --Grid-parent-rowSpacing: 16px;
+}
+
+.emotion-2 {
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.emotion-4 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -17089,7 +16938,52 @@ exports[`single fields format color 1`] = `
   vertical-align: top;
 }
 
-.emotion-2 {
+.emotion-5 {
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  padding: 0;
+  position: relative;
+  display: block;
+  transform-origin: top left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-transform: translate(0, 20px) scale(1);
+  -moz-transform: translate(0, 20px) scale(1);
+  -ms-transform: translate(0, 20px) scale(1);
+  transform: translate(0, 20px) scale(1);
+  -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  z-index: 1;
+  pointer-events: none;
+  -webkit-transform: translate(14px, 16px) scale(1);
+  -moz-transform: translate(14px, 16px) scale(1);
+  -ms-transform: translate(14px, 16px) scale(1);
+  transform: translate(14px, 16px) scale(1);
+  max-width: calc(100% - 24px);
+}
+
+.emotion-5.Mui-focused {
+  color: #1976d2;
+}
+
+.emotion-5.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-5.Mui-error {
+  color: #d32f2f;
+}
+
+.emotion-6 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
@@ -17111,38 +17005,38 @@ exports[`single fields format color 1`] = `
   border-radius: 4px;
 }
 
-.emotion-2.Mui-disabled {
+.emotion-6.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
   cursor: default;
 }
 
-.emotion-2:hover .MuiOutlinedInput-notchedOutline {
+.emotion-6:hover .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.87);
 }
 
 @media (hover: none) {
-  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
+  .emotion-6:hover .MuiOutlinedInput-notchedOutline {
     border-color: rgba(0, 0, 0, 0.23);
   }
 }
 
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-6.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-width: 2px;
 }
 
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-6.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-color: #1976d2;
 }
 
-.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
+.emotion-6.Mui-error .MuiOutlinedInput-notchedOutline {
   border-color: #d32f2f;
 }
 
-.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
+.emotion-6.Mui-disabled .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-3 {
+.emotion-7 {
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -17163,80 +17057,80 @@ exports[`single fields format color 1`] = `
   padding: 16.5px 14px;
 }
 
-.emotion-3::-webkit-input-placeholder {
+.emotion-7::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3::-moz-placeholder {
+.emotion-7::-moz-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3::-ms-input-placeholder {
+.emotion-7::-ms-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3:focus {
+.emotion-7:focus {
   outline: 0;
 }
 
-.emotion-3:invalid {
+.emotion-7:invalid {
   box-shadow: none;
 }
 
-.emotion-3::-webkit-search-decoration {
+.emotion-7::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-webkit-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-moz-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-7::-ms-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-webkit-input-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-moz-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-7:focus::-ms-input-placeholder {
   opacity: 0.42;
 }
 
-.emotion-3.Mui-disabled {
+.emotion-7.Mui-disabled {
   opacity: 1;
   -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3:-webkit-autofill {
+.emotion-7:-webkit-autofill {
   -webkit-animation-duration: 5000s;
   animation-duration: 5000s;
   -webkit-animation-name: mui-auto-fill;
   animation-name: mui-auto-fill;
 }
 
-.emotion-3:-webkit-autofill {
+.emotion-7:-webkit-autofill {
   border-radius: inherit;
 }
 
-.emotion-4 {
+.emotion-8 {
   text-align: left;
   position: absolute;
   bottom: 0;
@@ -17254,21 +17148,53 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-5 {
+.emotion-9 {
   float: unset;
   width: auto;
   overflow: hidden;
+  display: block;
   padding: 0;
-  line-height: 11px;
-  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  height: 11px;
+  font-size: 0.75em;
+  visibility: hidden;
+  max-width: 0.01px;
+  -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  white-space: nowrap;
 }
 
-.emotion-6 {
+.emotion-9>span {
+  padding-left: 5px;
+  padding-right: 5px;
+  display: inline-block;
+  opacity: 0;
+  visibility: visible;
+}
+
+.emotion-10 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.66;
+  letter-spacing: 0.03333em;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.emotion-11 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.57;
+  letter-spacing: 0.00714em;
+}
+
+.emotion-12 {
   margin-top: 24px;
 }
 
-.emotion-7 {
+.emotion-13 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -17325,57 +17251,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-7::-moz-focus-inner {
+.emotion-13::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-13.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-7 {
+  .emotion-13 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-7:hover {
+.emotion-13:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-13.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-7:hover {
+.emotion-13:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-7:hover {
+  .emotion-13:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-7:active {
+.emotion-13:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-focusVisible {
+.emotion-13.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-disabled {
+.emotion-13.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-7:hover {
+  .emotion-13:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -17383,7 +17309,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   }
 }
 
-.emotion-7.MuiButton-loading {
+.emotion-13.MuiButton-loading {
   color: transparent;
 }
 
@@ -17393,59 +17319,108 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-object"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
       <div
-        aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-1"
+        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-1"
+        style={
+          {
+            "marginTop": "10px",
+          }
+        }
       >
         <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
-          onClick={[Function]}
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-2"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
         >
-          <input
-            aria-invalid={false}
-            autoFocus={false}
-            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
-            disabled={false}
-            id="root"
-            name="root"
-            onAnimationStart={[Function]}
-            onBlur={[Function]}
-            onChange={[Function]}
-            onFocus={[Function]}
-            placeholder=""
-            required={false}
-            type="color"
-            value=""
-          />
-          <fieldset
-            aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-4"
+          <div
+            className="rjsf-field rjsf-field-string"
           >
-            <legend
-              className="emotion-5"
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
-              <span
-                aria-hidden={true}
-                className="notranslate"
-              >
-                ​
+              <div
+                aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
+                className="MuiFormControl-root MuiTextField-root emotion-4"
+              >
+                <label
+                  className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-5"
+                  data-shrink={false}
+                  htmlFor="root_my-field"
+                  id="root_my-field-label"
+                >
+                  my-field
+                </label>
+                <div
+                  className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-6"
+                  onClick={[Function]}
+                >
+                  <input
+                    aria-invalid={false}
+                    autoFocus={false}
+                    className="MuiInputBase-input MuiOutlinedInput-input emotion-7"
+                    disabled={false}
+                    id="root_my-field"
+                    name="root_my-field"
+                    onAnimationStart={[Function]}
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder=""
+                    required={false}
+                    type="text"
+                    value=""
+                  />
+                  <fieldset
+                    aria-hidden={true}
+                    className="MuiOutlinedInput-notchedOutline emotion-8"
+                  >
+                    <legend
+                      className="emotion-9"
+                    >
+                      <span>
+                        my-field
+                      </span>
+                    </legend>
+                  </fieldset>
+                </div>
+              </div>
+              <span
+                className="MuiTypography-root MuiTypography-caption emotion-10"
+                style={{}}
+              >
+                <h6
+                  className="MuiTypography-root MuiTypography-subtitle2 emotion-11"
+                  id="root_my-field__description"
+                  style={
+                    {
+                      "marginTop": "5px",
+                    }
+                  }
+                >
+                  <span>
+                    some other description
+                  </span>
+                </h6>
               </span>
-            </legend>
-          </fieldset>
+            </div>
+          </div>
         </div>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-6"
+    className="MuiBox-root emotion-12"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-13"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -17468,7 +17443,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields format date 1`] = `
+exports[`single fields format color 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -17832,7 +17807,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             onFocus={[Function]}
             placeholder=""
             required={false}
-            type="date"
+            type="color"
             value=""
           />
           <fieldset
@@ -17881,7 +17856,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields format datetime 1`] = `
+exports[`single fields format date 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -18245,7 +18220,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             onFocus={[Function]}
             placeholder=""
             required={false}
-            type="datetime-local"
+            type="date"
             value=""
           />
           <fieldset
@@ -18294,7 +18269,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields format time 1`] = `
+exports[`single fields format datetime 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -18658,7 +18633,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             onFocus={[Function]}
             placeholder=""
             required={false}
-            type="time"
+            type="datetime-local"
             value=""
           />
           <fieldset
@@ -18707,124 +18682,8 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields help and error display 1`] = `
+exports[`single fields format time 1`] = `
 .emotion-0 {
-  background-color: #fff;
-  color: rgba(0, 0, 0, 0.87);
-  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  border-radius: 4px;
-  box-shadow: var(--Paper-shadow);
-  background-image: var(--Paper-overlay);
-}
-
-.emotion-1 {
-  margin-bottom: 16px;
-  padding: 16px;
-}
-
-.emotion-2 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 500;
-  font-size: 1.25rem;
-  line-height: 1.6;
-  letter-spacing: 0.0075em;
-}
-
-.emotion-3 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-top: 4px;
-  padding-bottom: 4px;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.emotion-5 {
-  min-width: 56px;
-  color: rgba(0, 0, 0, 0.54);
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-6 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
-  color: #d32f2f;
-}
-
-.emotion-7 {
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
-  flex: 1 1 auto;
-  min-width: 0;
-  margin-top: 4px;
-  margin-bottom: 4px;
-}
-
-.MuiTypography-root:where(.emotion-7 .MuiListItemText-primary) {
-  display: block;
-}
-
-.MuiTypography-root:where(.emotion-7 .MuiListItemText-secondary) {
-  display: block;
-}
-
-.emotion-8 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 0.875rem;
-  line-height: 1.43;
-  letter-spacing: 0.01071em;
-}
-
-.emotion-9 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -18841,7 +18700,7 @@ exports[`single fields help and error display 1`] = `
   width: 100%;
 }
 
-.emotion-10 {
+.emotion-1 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -18857,7 +18716,7 @@ exports[`single fields help and error display 1`] = `
   vertical-align: top;
 }
 
-.emotion-11 {
+.emotion-2 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
@@ -18879,38 +18738,38 @@ exports[`single fields help and error display 1`] = `
   border-radius: 4px;
 }
 
-.emotion-11.Mui-disabled {
+.emotion-2.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
   cursor: default;
 }
 
-.emotion-11:hover .MuiOutlinedInput-notchedOutline {
+.emotion-2:hover .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.87);
 }
 
 @media (hover: none) {
-  .emotion-11:hover .MuiOutlinedInput-notchedOutline {
+  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
     border-color: rgba(0, 0, 0, 0.23);
   }
 }
 
-.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-width: 2px;
 }
 
-.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-color: #1976d2;
 }
 
-.emotion-11.Mui-error .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
   border-color: #d32f2f;
 }
 
-.emotion-11.Mui-disabled .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-12 {
+.emotion-3 {
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -18931,80 +18790,80 @@ exports[`single fields help and error display 1`] = `
   padding: 16.5px 14px;
 }
 
-.emotion-12::-webkit-input-placeholder {
+.emotion-3::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-12::-moz-placeholder {
+.emotion-3::-moz-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-12::-ms-input-placeholder {
+.emotion-3::-ms-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-12:focus {
+.emotion-3:focus {
   outline: 0;
 }
 
-.emotion-12:invalid {
+.emotion-3:invalid {
   box-shadow: none;
 }
 
-.emotion-12::-webkit-search-decoration {
+.emotion-3::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
   opacity: 0.42;
 }
 
-.emotion-12.Mui-disabled {
+.emotion-3.Mui-disabled {
   opacity: 1;
   -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-12:-webkit-autofill {
+.emotion-3:-webkit-autofill {
   -webkit-animation-duration: 5000s;
   animation-duration: 5000s;
   -webkit-animation-name: mui-auto-fill;
   animation-name: mui-auto-fill;
 }
 
-.emotion-12:-webkit-autofill {
+.emotion-3:-webkit-autofill {
   border-radius: inherit;
 }
 
-.emotion-13 {
+.emotion-4 {
   text-align: left;
   position: absolute;
   bottom: 0;
@@ -19022,7 +18881,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
   border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-14 {
+.emotion-5 {
   float: unset;
   width: auto;
   overflow: hidden;
@@ -19032,67 +18891,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
   transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
 }
 
-.emotion-15 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  position: relative;
-}
-
-.emotion-16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  width: 100%;
-  box-sizing: border-box;
-  text-align: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-
-.emotion-17 {
-  color: rgba(0, 0, 0, 0.6);
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 0.75rem;
-  line-height: 1.66;
-  letter-spacing: 0.03333em;
-  text-align: left;
-  margin-top: 3px;
-  margin-right: 0;
-  margin-bottom: 0;
-  margin-left: 0;
-  margin-left: 14px;
-  margin-right: 14px;
-}
-
-.emotion-17.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-17.Mui-error {
-  color: #d32f2f;
-}
-
-.emotion-19 {
+.emotion-6 {
   margin-top: 24px;
 }
 
-.emotion-20 {
+.emotion-7 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -19149,57 +18952,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-20::-moz-focus-inner {
+.emotion-7::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-20.Mui-disabled {
+.emotion-7.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-20 {
+  .emotion-7 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-20:hover {
+.emotion-7:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-20.Mui-disabled {
+.emotion-7.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-20:hover {
+.emotion-7:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-20:hover {
+  .emotion-7:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-20:active {
+.emotion-7:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-20.Mui-focusVisible {
+.emotion-7.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-20.Mui-disabled {
+.emotion-7.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-20:hover {
+  .emotion-7:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -19207,7 +19010,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
   }
 }
 
-.emotion-20.MuiButton-loading {
+.emotion-7.MuiButton-loading {
   color: transparent;
 }
 
@@ -19217,75 +19020,23 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
   onSubmit={[Function]}
 >
   <div
-    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-0"
-    style={
-      {
-        "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-      }
-    }
-  >
-    <div
-      className="MuiBox-root emotion-1"
-    >
-      <h6
-        className="MuiTypography-root MuiTypography-h6 emotion-2"
-        style={{}}
-      >
-        Errors
-      </h6>
-      <ul
-        className="MuiList-root MuiList-padding MuiList-dense emotion-3"
-      >
-        <li
-          className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding emotion-4"
-        >
-          <div
-            className="MuiListItemIcon-root emotion-5"
-          >
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-colorError MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="ErrorIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
-              />
-            </svg>
-          </div>
-          <div
-            className="MuiListItemText-root MuiListItemText-dense emotion-7"
-          >
-            <span
-              className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary emotion-8"
-              style={{}}
-            >
-              . an error
-            </span>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </div>
-  <div
-    className="rjsf-field rjsf-field-string rjsf-field-error"
+    className="rjsf-field rjsf-field-string"
   >
     <div
-      className="MuiFormControl-root MuiFormControl-fullWidth emotion-9"
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
       <div
         aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-10"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
       >
         <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-formControl emotion-11"
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
           onClick={[Function]}
         >
           <input
-            aria-invalid={true}
+            aria-invalid={false}
             autoFocus={false}
-            className="MuiInputBase-input MuiOutlinedInput-input emotion-12"
+            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
             disabled={false}
             id="root"
             name="root"
@@ -19295,15 +19046,15 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
             onFocus={[Function]}
             placeholder=""
             required={false}
-            type="text"
+            type="time"
             value=""
           />
           <fieldset
             aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-13"
+            className="MuiOutlinedInput-notchedOutline emotion-4"
           >
             <legend
-              className="emotion-14"
+              className="emotion-5"
             >
               <span
                 aria-hidden={true}
@@ -19315,34 +19066,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
           </fieldset>
         </div>
       </div>
-      <ul
-        className="MuiList-root MuiList-dense emotion-15"
-        id="root__error"
-      >
-        <li
-          className="MuiListItem-root MuiListItem-dense MuiListItem-padding emotion-16"
-        >
-          <div
-            className="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium MuiFormHelperText-contained emotion-17"
-            id="root__error-0"
-          >
-            an error
-          </div>
-        </li>
-      </ul>
-      <div
-        className="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium MuiFormHelperText-contained emotion-17"
-        id="root__help"
-      >
-        help me!
-      </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-19"
+    className="MuiBox-root emotion-6"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-20"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -19365,244 +19095,124 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-
 </form>
 `;
 
-exports[`single fields hidden field 1`] = `
+exports[`single fields help and error display 1`] = `
 .emotion-0 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-  width: 100%;
+  background-color: #fff;
+  color: rgba(0, 0, 0, 0.87);
+  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  border-radius: 4px;
+  box-shadow: var(--Paper-shadow);
+  background-image: var(--Paper-overlay);
 }
 
 .emotion-1 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 16px;
-  --Grid-rowSpacing: 16px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-}
-
-.emotion-1>* {
-  --Grid-parent-columns: 12;
-}
-
-.emotion-1>* {
-  --Grid-parent-columnSpacing: 16px;
-}
-
-.emotion-1>* {
-  --Grid-parent-rowSpacing: 16px;
+  margin-bottom: 16px;
+  padding: 16px;
 }
 
 .emotion-2 {
-  margin-top: 24px;
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 1.25rem;
+  line-height: 1.6;
+  letter-spacing: 0.0075em;
 }
 
 .emotion-3 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
   position: relative;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
-  outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
-  padding: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 1.75;
-  letter-spacing: 0.02857em;
-  text-transform: uppercase;
-  min-width: 64px;
-  padding: 6px 16px;
-  border: 0;
-  border-radius: 4px;
-  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  color: var(--variant-containedColor);
-  background-color: var(--variant-containedBg);
-  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
-  --variant-textColor: #1976d2;
-  --variant-outlinedColor: #1976d2;
-  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
-  --variant-containedColor: #fff;
-  --variant-containedBg: #1976d2;
-  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-3::-moz-focus-inner {
-  border-style: none;
-}
-
-.emotion-3.Mui-disabled {
-  pointer-events: none;
-  cursor: default;
-}
-
-@media print {
-  .emotion-3 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
 
-.emotion-3:hover {
+.emotion-4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
   -webkit-text-decoration: none;
   text-decoration: none;
+  width: 100%;
+  box-sizing: border-box;
+  text-align: left;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-left: 16px;
+  padding-right: 16px;
 }
 
-.emotion-3.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-3:hover {
-  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
-}
-
-@media (hover: none) {
-  .emotion-3:hover {
-    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
-  }
+.emotion-5 {
+  min-width: 56px;
+  color: rgba(0, 0, 0, 0.54);
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
 }
 
-.emotion-3:active {
-  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+.emotion-6 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  color: #d32f2f;
 }
 
-.emotion-3.Mui-focusVisible {
-  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+.emotion-7 {
+  -webkit-flex: 1 1 auto;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
+  min-width: 0;
+  margin-top: 4px;
+  margin-bottom: 4px;
 }
 
-.emotion-3.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.12);
+.MuiTypography-root:where(.emotion-7 .MuiListItemText-primary) {
+  display: block;
 }
 
-@media (hover: hover) {
-  .emotion-3:hover {
-    --variant-containedBg: #1565c0;
-    --variant-textBg: rgba(25, 118, 210, 0.04);
-    --variant-outlinedBorder: #1976d2;
-    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
-  }
+.MuiTypography-root:where(.emotion-7 .MuiListItemText-secondary) {
+  display: block;
 }
 
-.emotion-3.MuiButton-loading {
-  color: transparent;
+.emotion-8 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.43;
+  letter-spacing: 0.01071em;
 }
 
-<form
-  className="rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-object"
-  >
-    <div
-      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-    >
-      <div
-        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-1"
-        style={
-          {
-            "marginTop": "10px",
-          }
-        }
-      >
-        <div
-          style={
-            {
-              "display": "none",
-            }
-          }
-        >
-          <input
-            id="root_my-field"
-            name="root_my-field"
-            type="hidden"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="MuiBox-root emotion-2"
-  >
-    <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-3"
-      disabled={null}
-      onBlur={[Function]}
-      onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
-      type="submit"
-    >
-      Submit
-    </button>
-  </div>
-</form>
-`;
-
-exports[`single fields hidden label 1`] = `
-.emotion-0 {
+.emotion-9 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -19619,7 +19229,7 @@ exports[`single fields hidden label 1`] = `
   width: 100%;
 }
 
-.emotion-1 {
+.emotion-10 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -19635,7 +19245,7 @@ exports[`single fields hidden label 1`] = `
   vertical-align: top;
 }
 
-.emotion-2 {
+.emotion-11 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
@@ -19657,38 +19267,38 @@ exports[`single fields hidden label 1`] = `
   border-radius: 4px;
 }
 
-.emotion-2.Mui-disabled {
+.emotion-11.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
   cursor: default;
 }
 
-.emotion-2:hover .MuiOutlinedInput-notchedOutline {
+.emotion-11:hover .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.87);
 }
 
 @media (hover: none) {
-  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
+  .emotion-11:hover .MuiOutlinedInput-notchedOutline {
     border-color: rgba(0, 0, 0, 0.23);
   }
 }
 
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-width: 2px;
 }
 
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-11.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-color: #1976d2;
 }
 
-.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
+.emotion-11.Mui-error .MuiOutlinedInput-notchedOutline {
   border-color: #d32f2f;
 }
 
-.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
+.emotion-11.Mui-disabled .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-3 {
+.emotion-12 {
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -19709,80 +19319,80 @@ exports[`single fields hidden label 1`] = `
   padding: 16.5px 14px;
 }
 
-.emotion-3::-webkit-input-placeholder {
+.emotion-12::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3::-moz-placeholder {
+.emotion-12::-moz-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3::-ms-input-placeholder {
+.emotion-12::-ms-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3:focus {
+.emotion-12:focus {
   outline: 0;
 }
 
-.emotion-3:invalid {
+.emotion-12:invalid {
   box-shadow: none;
 }
 
-.emotion-3::-webkit-search-decoration {
+.emotion-12::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-webkit-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-moz-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-12::-ms-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-webkit-input-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-moz-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-12:focus::-ms-input-placeholder {
   opacity: 0.42;
 }
 
-.emotion-3.Mui-disabled {
+.emotion-12.Mui-disabled {
   opacity: 1;
   -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3:-webkit-autofill {
+.emotion-12:-webkit-autofill {
   -webkit-animation-duration: 5000s;
   animation-duration: 5000s;
   -webkit-animation-name: mui-auto-fill;
   animation-name: mui-auto-fill;
 }
 
-.emotion-3:-webkit-autofill {
+.emotion-12:-webkit-autofill {
   border-radius: inherit;
 }
 
-.emotion-4 {
+.emotion-13 {
   text-align: left;
   position: absolute;
   bottom: 0;
@@ -19800,7 +19410,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-5 {
+.emotion-14 {
   float: unset;
   width: auto;
   overflow: hidden;
@@ -19810,11 +19420,67 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
 }
 
-.emotion-6 {
+.emotion-15 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+
+.emotion-16 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  width: 100%;
+  box-sizing: border-box;
+  text-align: left;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.emotion-17 {
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.66;
+  letter-spacing: 0.03333em;
+  text-align: left;
+  margin-top: 3px;
+  margin-right: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+  margin-left: 14px;
+  margin-right: 14px;
+}
+
+.emotion-17.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-17.Mui-error {
+  color: #d32f2f;
+}
+
+.emotion-19 {
   margin-top: 24px;
 }
 
-.emotion-7 {
+.emotion-20 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -19871,57 +19537,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-7::-moz-focus-inner {
+.emotion-20::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-20.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-7 {
+  .emotion-20 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-7:hover {
+.emotion-20:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-20.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-7:hover {
+.emotion-20:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-7:hover {
+  .emotion-20:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-7:active {
+.emotion-20:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-focusVisible {
+.emotion-20.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-disabled {
+.emotion-20.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-7:hover {
+  .emotion-20:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -19929,7 +19595,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   }
 }
 
-.emotion-7.MuiButton-loading {
+.emotion-20.MuiButton-loading {
   color: transparent;
 }
 
@@ -19939,23 +19605,75 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-0"
+    style={
+      {
+        "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+      }
+    }
   >
     <div
-      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+      className="MuiBox-root emotion-1"
+    >
+      <h6
+        className="MuiTypography-root MuiTypography-h6 emotion-2"
+        style={{}}
+      >
+        Errors
+      </h6>
+      <ul
+        className="MuiList-root MuiList-padding MuiList-dense emotion-3"
+      >
+        <li
+          className="MuiListItem-root MuiListItem-dense MuiListItem-gutters MuiListItem-padding emotion-4"
+        >
+          <div
+            className="MuiListItemIcon-root emotion-5"
+          >
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-colorError MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="ErrorIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
+              />
+            </svg>
+          </div>
+          <div
+            className="MuiListItemText-root MuiListItemText-dense emotion-7"
+          >
+            <span
+              className="MuiTypography-root MuiTypography-body2 MuiListItemText-primary emotion-8"
+              style={{}}
+            >
+              . an error
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div
+    className="rjsf-field rjsf-field-string rjsf-field-error"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-9"
     >
       <div
         aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-1"
+        className="MuiFormControl-root MuiTextField-root emotion-10"
       >
         <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-formControl emotion-11"
           onClick={[Function]}
         >
           <input
-            aria-invalid={false}
+            aria-invalid={true}
             autoFocus={false}
-            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            className="MuiInputBase-input MuiOutlinedInput-input emotion-12"
             disabled={false}
             id="root"
             name="root"
@@ -19970,10 +19688,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
           />
           <fieldset
             aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-4"
+            className="MuiOutlinedInput-notchedOutline emotion-13"
           >
             <legend
-              className="emotion-5"
+              className="emotion-14"
             >
               <span
                 aria-hidden={true}
@@ -19985,13 +19703,34 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
           </fieldset>
         </div>
       </div>
+      <ul
+        className="MuiList-root MuiList-dense emotion-15"
+        id="root__error"
+      >
+        <li
+          className="MuiListItem-root MuiListItem-dense MuiListItem-padding emotion-16"
+        >
+          <div
+            className="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium MuiFormHelperText-contained emotion-17"
+            id="root__error-0"
+          >
+            an error
+          </div>
+        </li>
+      </ul>
+      <div
+        className="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium MuiFormHelperText-contained emotion-17"
+        id="root__help"
+      >
+        help me!
+      </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-6"
+    className="MuiBox-root emotion-19"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-20"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -20014,7 +19753,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields null field 1`] = `
+exports[`single fields hidden field 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -20033,10 +19772,42 @@ exports[`single fields null field 1`] = `
 }
 
 .emotion-1 {
-  margin-top: 24px;
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 16px;
+  --Grid-rowSpacing: 16px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
+}
+
+.emotion-1>* {
+  --Grid-parent-columns: 12;
+}
+
+.emotion-1>* {
+  --Grid-parent-columnSpacing: 16px;
+}
+
+.emotion-1>* {
+  --Grid-parent-rowSpacing: 16px;
 }
 
 .emotion-2 {
+  margin-top: 24px;
+}
+
+.emotion-3 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -20093,57 +19864,57 @@ exports[`single fields null field 1`] = `
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-2::-moz-focus-inner {
+.emotion-3::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-2.Mui-disabled {
+.emotion-3.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-2 {
+  .emotion-3 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-2:hover {
+.emotion-3:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-2.Mui-disabled {
+.emotion-3.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-2:hover {
+.emotion-3:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-2:hover {
+  .emotion-3:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-2:active {
+.emotion-3:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-2.Mui-focusVisible {
+.emotion-3.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-2.Mui-disabled {
+.emotion-3.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-2:hover {
+  .emotion-3:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -20151,7 +19922,7 @@ exports[`single fields null field 1`] = `
   }
 }
 
-.emotion-2.MuiButton-loading {
+.emotion-3.MuiButton-loading {
   color: transparent;
 }
 
@@ -20161,17 +19932,41 @@ exports[`single fields null field 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-null"
+    className="rjsf-field rjsf-field-object"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-    />
+    >
+      <div
+        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-1"
+        style={
+          {
+            "marginTop": "10px",
+          }
+        }
+      >
+        <div
+          style={
+            {
+              "display": "none",
+            }
+          }
+        >
+          <input
+            id="root_my-field"
+            name="root_my-field"
+            type="hidden"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
   </div>
   <div
-    className="MuiBox-root emotion-1"
+    className="MuiBox-root emotion-2"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-2"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-3"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -20194,7 +19989,7 @@ exports[`single fields null field 1`] = `
 </form>
 `;
 
-exports[`single fields number field 0 1`] = `
+exports[`single fields hidden label 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -20532,7 +20327,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-number"
+    className="rjsf-field rjsf-field-string"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
@@ -20558,9 +20353,8 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             onFocus={[Function]}
             placeholder=""
             required={false}
-            step="any"
-            type="number"
-            value={0}
+            type="text"
+            value=""
           />
           <fieldset
             aria-hidden={true}
@@ -20608,7 +20402,187 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields number field 1`] = `
+exports[`single fields null field 1`] = `
+.emotion-0 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+}
+
+.emotion-1 {
+  margin-top: 24px;
+}
+
+.emotion-2 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: uppercase;
+  min-width: 64px;
+  padding: 6px 16px;
+  border: 0;
+  border-radius: 4px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  color: var(--variant-containedColor);
+  background-color: var(--variant-containedBg);
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  --variant-textColor: #1976d2;
+  --variant-outlinedColor: #1976d2;
+  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
+  --variant-containedColor: #fff;
+  --variant-containedBg: #1976d2;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-2::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-2.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-2 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-2:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.emotion-2.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-2:hover {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+}
+
+@media (hover: none) {
+  .emotion-2:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  }
+}
+
+.emotion-2:active {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+}
+
+.emotion-2.Mui-focusVisible {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+}
+
+.emotion-2.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+@media (hover: hover) {
+  .emotion-2:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
+}
+
+.emotion-2.MuiButton-loading {
+  color: transparent;
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-null"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    />
+  </div>
+  <div
+    className="MuiBox-root emotion-1"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-2"
+      disabled={null}
+      onBlur={[Function]}
+      onContextMenu={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={0}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields number field 0 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -20974,7 +20948,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             required={false}
             step="any"
             type="number"
-            value=""
+            value={0}
           />
           <fieldset
             aria-hidden={true}
@@ -21022,7 +20996,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields optional data controls does not show optional controls when not turned on in uiSchema and no formData 1`] = `
+exports[`single fields number field 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -21041,137 +21015,22 @@ exports[`single fields optional data controls does not show optional controls wh
 }
 
 .emotion-1 {
-  margin-bottom: 8px;
-  margin-top: 8px;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
 }
 
 .emotion-2 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1.5rem;
-  line-height: 1.334;
-  letter-spacing: 0em;
-}
-
-.emotion-3 {
-  margin: 0;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  border-width: 0;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.12);
-  border-bottom-width: thin;
-}
-
-.emotion-4 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 16px;
-  --Grid-rowSpacing: 16px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-}
-
-.emotion-4>* {
-  --Grid-parent-columns: 12;
-}
-
-.emotion-4>* {
-  --Grid-parent-columnSpacing: 16px;
-}
-
-.emotion-4>* {
-  --Grid-parent-rowSpacing: 16px;
-}
-
-.emotion-5 {
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
-  min-width: 0;
-  box-sizing: border-box;
-}
-
-.emotion-13 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-}
-
-.emotion-14 {
-  color: rgba(0, 0, 0, 0.6);
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.4375em;
-  letter-spacing: 0.00938em;
-  padding: 0;
-  position: relative;
-  display: block;
-  transform-origin: top left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  -webkit-transform: translate(0, 20px) scale(1);
-  -moz-transform: translate(0, 20px) scale(1);
-  -ms-transform: translate(0, 20px) scale(1);
-  transform: translate(0, 20px) scale(1);
-  -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  z-index: 1;
-  pointer-events: none;
-  -webkit-transform: translate(14px, 16px) scale(1);
-  -moz-transform: translate(14px, 16px) scale(1);
-  -ms-transform: translate(14px, 16px) scale(1);
-  transform: translate(14px, 16px) scale(1);
-  max-width: calc(100% - 24px);
-}
-
-.emotion-14.Mui-focused {
-  color: #1976d2;
-}
-
-.emotion-14.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-14.Mui-error {
-  color: #d32f2f;
-}
-
-.emotion-15 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
@@ -21193,38 +21052,38 @@ exports[`single fields optional data controls does not show optional controls wh
   border-radius: 4px;
 }
 
-.emotion-15.Mui-disabled {
+.emotion-2.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
   cursor: default;
 }
 
-.emotion-15:hover .MuiOutlinedInput-notchedOutline {
+.emotion-2:hover .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.87);
 }
 
 @media (hover: none) {
-  .emotion-15:hover .MuiOutlinedInput-notchedOutline {
+  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
     border-color: rgba(0, 0, 0, 0.23);
   }
 }
 
-.emotion-15.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-width: 2px;
 }
 
-.emotion-15.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-color: #1976d2;
 }
 
-.emotion-15.Mui-error .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
   border-color: #d32f2f;
 }
 
-.emotion-15.Mui-disabled .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-16 {
+.emotion-3 {
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -21245,80 +21104,80 @@ exports[`single fields optional data controls does not show optional controls wh
   padding: 16.5px 14px;
 }
 
-.emotion-16::-webkit-input-placeholder {
+.emotion-3::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-16::-moz-placeholder {
+.emotion-3::-moz-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-16::-ms-input-placeholder {
+.emotion-3::-ms-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-16:focus {
+.emotion-3:focus {
   outline: 0;
 }
 
-.emotion-16:invalid {
+.emotion-3:invalid {
   box-shadow: none;
 }
 
-.emotion-16::-webkit-search-decoration {
+.emotion-3::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-16::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-16::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-16::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
   opacity: 0.42;
 }
 
-.emotion-16.Mui-disabled {
+.emotion-3.Mui-disabled {
   opacity: 1;
   -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-16:-webkit-autofill {
+.emotion-3:-webkit-autofill {
   -webkit-animation-duration: 5000s;
   animation-duration: 5000s;
   -webkit-animation-name: mui-auto-fill;
   animation-name: mui-auto-fill;
 }
 
-.emotion-16:-webkit-autofill {
+.emotion-3:-webkit-autofill {
   border-radius: inherit;
 }
 
-.emotion-17 {
+.emotion-4 {
   text-align: left;
   position: absolute;
   bottom: 0;
@@ -21336,89 +21195,21 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
   border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-18 {
+.emotion-5 {
   float: unset;
   width: auto;
   overflow: hidden;
-  display: block;
   padding: 0;
-  height: 11px;
-  font-size: 0.75em;
-  visibility: hidden;
-  max-width: 0.01px;
-  -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  white-space: nowrap;
-}
-
-.emotion-18>span {
-  padding-left: 5px;
-  padding-right: 5px;
-  display: inline-block;
-  opacity: 0;
-  visibility: visible;
-}
-
-.emotion-49 {
-  background-color: #fff;
-  color: rgba(0, 0, 0, 0.87);
-  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  border-radius: 4px;
-  box-shadow: var(--Paper-shadow);
-  background-image: var(--Paper-overlay);
-}
-
-.emotion-50 {
-  padding: 16px;
-}
-
-.emotion-54 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 0px;
-  --Grid-rowSpacing: 0px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  -webkit-justify-content: flex-end;
-  justify-content: flex-end;
-}
-
-.emotion-54>* {
-  --Grid-parent-columns: 12;
-}
-
-.emotion-54>* {
-  --Grid-parent-columnSpacing: 0px;
-}
-
-.emotion-54>* {
-  --Grid-parent-rowSpacing: 0px;
-}
-
-.emotion-55 {
-  min-width: 0;
-  box-sizing: border-box;
+  line-height: 11px;
+  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
 }
 
-.emotion-56 {
-  margin-top: 16px;
+.emotion-6 {
+  margin-top: 24px;
 }
 
-.emotion-57 {
+.emotion-7 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -21451,78 +21242,263 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
   -webkit-text-decoration: none;
   text-decoration: none;
   color: inherit;
-  text-align: center;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  font-size: 1.5rem;
-  padding: 8px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.54);
-  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
-  color: #1976d2;
-  --IconButton-hoverBg: rgba(25, 118, 210, 0.04);
-}
-
-.emotion-57::-moz-focus-inner {
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: uppercase;
+  min-width: 64px;
+  padding: 6px 16px;
+  border: 0;
+  border-radius: 4px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  color: var(--variant-containedColor);
+  background-color: var(--variant-containedBg);
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  --variant-textColor: #1976d2;
+  --variant-outlinedColor: #1976d2;
+  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
+  --variant-containedColor: #fff;
+  --variant-containedBg: #1976d2;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-7::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-57.Mui-disabled {
+.emotion-7.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-57 {
+  .emotion-7 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-57:hover {
-  background-color: var(--IconButton-hoverBg);
+.emotion-7:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.emotion-7.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-7:hover {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-57:hover {
-    background-color: transparent;
+  .emotion-7:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-57.Mui-disabled {
-  background-color: transparent;
+.emotion-7:active {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+}
+
+.emotion-7.Mui-focusVisible {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+}
+
+.emotion-7.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.12);
 }
 
-.emotion-57.MuiIconButton-loading {
+@media (hover: hover) {
+  .emotion-7:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
+}
+
+.emotion-7.MuiButton-loading {
   color: transparent;
 }
 
-.emotion-58 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-number"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    >
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
+      >
+        <div
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
+          onClick={[Function]}
+        >
+          <input
+            aria-invalid={false}
+            autoFocus={false}
+            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            disabled={false}
+            id="root"
+            name="root"
+            onAnimationStart={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            placeholder=""
+            required={false}
+            step="any"
+            type="number"
+            value=""
+          />
+          <fieldset
+            aria-hidden={true}
+            className="MuiOutlinedInput-notchedOutline emotion-4"
+          >
+            <legend
+              className="emotion-5"
+            >
+              <span
+                aria-hidden={true}
+                className="notranslate"
+              >
+                ​
+              </span>
+            </legend>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="MuiBox-root emotion-6"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
+      disabled={null}
+      onBlur={[Function]}
+      onContextMenu={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={0}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields optional data controls does not show optional controls when not turned on in uiSchema and no formData 1`] = `
+.emotion-0 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+}
+
+.emotion-1 {
+  margin-bottom: 8px;
+  margin-top: 8px;
+}
+
+.emotion-2 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1.5rem;
+  line-height: 1.334;
+  letter-spacing: 0em;
+}
+
+.emotion-3 {
+  margin: 0;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
+  border-width: 0;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.12);
+  border-bottom-width: thin;
 }
 
-.emotion-123 {
-  margin-bottom: 16px;
+.emotion-4 {
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 16px;
+  --Grid-rowSpacing: 16px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
 }
 
-.emotion-124 {
+.emotion-4>* {
+  --Grid-parent-columns: 12;
+}
+
+.emotion-4>* {
+  --Grid-parent-columnSpacing: 16px;
+}
+
+.emotion-4>* {
+  --Grid-parent-rowSpacing: 16px;
+}
+
+.emotion-5 {
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.emotion-13 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -21536,11 +21512,9 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
   margin: 0;
   border: 0;
   vertical-align: top;
-  width: 100%;
-  margin-bottom: 16px;
 }
 
-.emotion-126 {
+.emotion-14 {
   color: rgba(0, 0, 0, 0.6);
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
@@ -21562,12 +21536,6 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
   -moz-transform: translate(0, 20px) scale(1);
   -ms-transform: translate(0, 20px) scale(1);
   transform: translate(0, 20px) scale(1);
-  -webkit-transform: translate(0, -1.5px) scale(0.75);
-  -moz-transform: translate(0, -1.5px) scale(0.75);
-  -ms-transform: translate(0, -1.5px) scale(0.75);
-  transform: translate(0, -1.5px) scale(0.75);
-  transform-origin: top left;
-  max-width: 133%;
   -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
   transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
   z-index: 1;
@@ -21577,40 +21545,74 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
   -ms-transform: translate(14px, 16px) scale(1);
   transform: translate(14px, 16px) scale(1);
   max-width: calc(100% - 24px);
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  pointer-events: auto;
-  max-width: calc(133% - 32px);
-  -webkit-transform: translate(14px, -9px) scale(0.75);
-  -moz-transform: translate(14px, -9px) scale(0.75);
-  -ms-transform: translate(14px, -9px) scale(0.75);
-  transform: translate(14px, -9px) scale(0.75);
 }
 
-.emotion-126.Mui-focused {
+.emotion-14.Mui-focused {
   color: #1976d2;
 }
 
-.emotion-126.Mui-disabled {
+.emotion-14.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-126.Mui-error {
+.emotion-14.Mui-error {
   color: #d32f2f;
 }
 
-.emotion-128 {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 0;
-  cursor: pointer;
+.emotion-15 {
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
   border-radius: 4px;
+}
+
+.emotion-15.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+  cursor: default;
+}
+
+.emotion-15:hover .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.87);
+}
+
+@media (hover: none) {
+  .emotion-15:hover .MuiOutlinedInput-notchedOutline {
+    border-color: rgba(0, 0, 0, 0.23);
+  }
+}
+
+.emotion-15.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-width: 2px;
+}
+
+.emotion-15.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #1976d2;
+}
+
+.emotion-15.Mui-error .MuiOutlinedInput-notchedOutline {
+  border-color: #d32f2f;
+}
+
+.emotion-15.Mui-disabled .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-16 {
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -21631,150 +21633,98 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
   padding: 16.5px 14px;
 }
 
-.emotion-128:focus {
-  border-radius: 0;
-}
-
-.emotion-128.Mui-disabled {
-  cursor: default;
-}
-
-.emotion-128[multiple] {
-  height: auto;
-}
-
-.emotion-128:not([multiple]) option,
-.emotion-128:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-128:focus {
-  border-radius: 4px;
-}
-
-.emotion-128.emotion-128.emotion-128 {
-  padding-right: 32px;
-}
-
-.emotion-128.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-128::-webkit-input-placeholder {
+.emotion-16::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-128::-moz-placeholder {
+.emotion-16::-moz-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-128::-ms-input-placeholder {
+.emotion-16::-ms-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-128:focus {
+.emotion-16:focus {
   outline: 0;
 }
 
-.emotion-128:invalid {
+.emotion-16:invalid {
   box-shadow: none;
 }
 
-.emotion-128::-webkit-search-decoration {
+.emotion-16::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-128::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-16::-webkit-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-128::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-16::-moz-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-128::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-16::-ms-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-webkit-input-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-moz-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-placeholder {
   opacity: 0.42;
 }
 
-.emotion-128.Mui-disabled {
+.emotion-16.Mui-disabled {
   opacity: 1;
   -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-128:-webkit-autofill {
+.emotion-16:-webkit-autofill {
   -webkit-animation-duration: 5000s;
   animation-duration: 5000s;
   -webkit-animation-name: mui-auto-fill;
   animation-name: mui-auto-fill;
 }
 
-.emotion-128:-webkit-autofill {
+.emotion-16:-webkit-autofill {
   border-radius: inherit;
 }
 
-.emotion-129 {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-130 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
+.emotion-17 {
+  text-align: left;
   position: absolute;
+  bottom: 0;
   right: 0;
-  top: calc(50% - .5em);
+  top: -5px;
+  left: 0;
+  margin: 0;
+  padding: 0 8px;
   pointer-events: none;
-  color: rgba(0, 0, 0, 0.54);
-  right: 7px;
-}
-
-.emotion-130.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-132 {
+.emotion-18 {
   float: unset;
   width: auto;
   overflow: hidden;
@@ -21787,12 +21737,9 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
   -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
   transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
   white-space: nowrap;
-  max-width: 100%;
-  -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
-  transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
 }
 
-.emotion-132>span {
+.emotion-18>span {
   padding-left: 5px;
   padding-right: 5px;
   display: inline-block;
@@ -21800,159 +21747,600 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
   visibility: visible;
 }
 
-.emotion-169 {
-  margin-top: 24px;
+.emotion-49 {
+  background-color: #fff;
+  color: rgba(0, 0, 0, 0.87);
+  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  border-radius: 4px;
+  box-shadow: var(--Paper-shadow);
+  background-image: var(--Paper-overlay);
 }
 
-.emotion-170 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  position: relative;
+.emotion-50 {
+  padding: 16px;
+}
+
+.emotion-54 {
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 0px;
+  --Grid-rowSpacing: 0px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
   box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
-  outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
-  padding: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 1.75;
-  letter-spacing: 0.02857em;
-  text-transform: uppercase;
-  min-width: 64px;
-  padding: 6px 16px;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
+
+.emotion-54>* {
+  --Grid-parent-columns: 12;
+}
+
+.emotion-54>* {
+  --Grid-parent-columnSpacing: 0px;
+}
+
+.emotion-54>* {
+  --Grid-parent-rowSpacing: 0px;
+}
+
+.emotion-55 {
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.emotion-56 {
+  margin-top: 16px;
+}
+
+.emotion-57 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
   border: 0;
-  border-radius: 4px;
-  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  color: var(--variant-containedColor);
-  background-color: var(--variant-containedBg);
-  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
-  --variant-textColor: #1976d2;
-  --variant-outlinedColor: #1976d2;
-  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
-  --variant-containedColor: #fff;
-  --variant-containedBg: #1976d2;
-  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  text-align: center;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  font-size: 1.5rem;
+  padding: 8px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.54);
+  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
+  color: #1976d2;
+  --IconButton-hoverBg: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-170::-moz-focus-inner {
+.emotion-57::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-170.Mui-disabled {
+.emotion-57.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-170 {
+  .emotion-57 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-170:hover {
-  -webkit-text-decoration: none;
-  text-decoration: none;
+.emotion-57:hover {
+  background-color: var(--IconButton-hoverBg);
 }
 
-.emotion-170.Mui-disabled {
+@media (hover: none) {
+  .emotion-57:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-57.Mui-disabled {
+  background-color: transparent;
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-170:hover {
-  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+.emotion-57.MuiIconButton-loading {
+  color: transparent;
 }
 
-@media (hover: none) {
-  .emotion-170:hover {
-    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
-  }
+.emotion-58 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
 }
 
-.emotion-170:active {
-  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+.emotion-123 {
+  margin-bottom: 16px;
 }
 
-.emotion-170.Mui-focusVisible {
-  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+.emotion-124 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+  margin-bottom: 16px;
 }
 
-.emotion-170.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
-  box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.12);
+.emotion-126 {
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  padding: 0;
+  position: relative;
+  display: block;
+  transform-origin: top left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-transform: translate(0, 20px) scale(1);
+  -moz-transform: translate(0, 20px) scale(1);
+  -ms-transform: translate(0, 20px) scale(1);
+  transform: translate(0, 20px) scale(1);
+  -webkit-transform: translate(0, -1.5px) scale(0.75);
+  -moz-transform: translate(0, -1.5px) scale(0.75);
+  -ms-transform: translate(0, -1.5px) scale(0.75);
+  transform: translate(0, -1.5px) scale(0.75);
+  transform-origin: top left;
+  max-width: 133%;
+  -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  z-index: 1;
+  pointer-events: none;
+  -webkit-transform: translate(14px, 16px) scale(1);
+  -moz-transform: translate(14px, 16px) scale(1);
+  -ms-transform: translate(14px, 16px) scale(1);
+  transform: translate(14px, 16px) scale(1);
+  max-width: calc(100% - 24px);
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: auto;
+  max-width: calc(133% - 32px);
+  -webkit-transform: translate(14px, -9px) scale(0.75);
+  -moz-transform: translate(14px, -9px) scale(0.75);
+  -ms-transform: translate(14px, -9px) scale(0.75);
+  transform: translate(14px, -9px) scale(0.75);
 }
 
-@media (hover: hover) {
-  .emotion-170:hover {
-    --variant-containedBg: #1565c0;
-    --variant-textBg: rgba(25, 118, 210, 0.04);
-    --variant-outlinedBorder: #1976d2;
-    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
-  }
+.emotion-126.Mui-focused {
+  color: #1976d2;
 }
 
-.emotion-170.MuiButton-loading {
-  color: transparent;
+.emotion-126.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-<form
-  className="rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-object"
-  >
-    <div
-      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-    >
-      <div
-        className="MuiBox-root emotion-1"
-        id="root__title"
-      >
-        <h5
-          className="MuiTypography-root MuiTypography-h5 emotion-2"
-          style={{}}
-        >
-          test
-        </h5>
-        <hr
-          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-        />
-      </div>
-      <div
-        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
-        style={
-          {
-            "marginTop": "10px",
+.emotion-126.Mui-error {
+  color: #d32f2f;
+}
+
+.emotion-128 {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border-radius: 0;
+  cursor: pointer;
+  border-radius: 4px;
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 4px 0 5px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+  padding: 16.5px 14px;
+}
+
+.emotion-128:focus {
+  border-radius: 0;
+}
+
+.emotion-128.Mui-disabled {
+  cursor: default;
+}
+
+.emotion-128[multiple] {
+  height: auto;
+}
+
+.emotion-128:not([multiple]) option,
+.emotion-128:not([multiple]) optgroup {
+  background-color: #fff;
+}
+
+.emotion-128:focus {
+  border-radius: 4px;
+}
+
+.emotion-128.emotion-128.emotion-128 {
+  padding-right: 32px;
+}
+
+.emotion-128.MuiSelect-select {
+  height: auto;
+  min-height: 1.4375em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.emotion-128::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-128::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-128::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-128:focus {
+  outline: 0;
+}
+
+.emotion-128:invalid {
+  box-shadow: none;
+}
+
+.emotion-128::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-128::-webkit-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-128::-moz-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-128::-ms-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-webkit-input-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-moz-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input-placeholder {
+  opacity: 0.42;
+}
+
+.emotion-128.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-128:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
+}
+
+.emotion-128:-webkit-autofill {
+  border-radius: inherit;
+}
+
+.emotion-129 {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.emotion-130 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  position: absolute;
+  right: 0;
+  top: calc(50% - .5em);
+  pointer-events: none;
+  color: rgba(0, 0, 0, 0.54);
+  right: 7px;
+}
+
+.emotion-130.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-132 {
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  display: block;
+  padding: 0;
+  height: 11px;
+  font-size: 0.75em;
+  visibility: hidden;
+  max-width: 0.01px;
+  -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  white-space: nowrap;
+  max-width: 100%;
+  -webkit-transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
+  transition: max-width 100ms cubic-bezier(0.0, 0, 0.2, 1) 50ms;
+}
+
+.emotion-132>span {
+  padding-left: 5px;
+  padding-right: 5px;
+  display: inline-block;
+  opacity: 0;
+  visibility: visible;
+}
+
+.emotion-169 {
+  margin-top: 24px;
+}
+
+.emotion-170 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: uppercase;
+  min-width: 64px;
+  padding: 6px 16px;
+  border: 0;
+  border-radius: 4px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  color: var(--variant-containedColor);
+  background-color: var(--variant-containedBg);
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  --variant-textColor: #1976d2;
+  --variant-outlinedColor: #1976d2;
+  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
+  --variant-containedColor: #fff;
+  --variant-containedBg: #1976d2;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-170::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-170.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-170 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-170:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.emotion-170.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-170:hover {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+}
+
+@media (hover: none) {
+  .emotion-170:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  }
+}
+
+.emotion-170:active {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+}
+
+.emotion-170.Mui-focusVisible {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+}
+
+.emotion-170.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+@media (hover: hover) {
+  .emotion-170:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
+}
+
+.emotion-170.MuiButton-loading {
+  color: transparent;
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-object"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    >
+      <div
+        className="MuiBox-root emotion-1"
+        id="root__title"
+      >
+        <h5
+          className="MuiTypography-root MuiTypography-h5 emotion-2"
+          style={{}}
+        >
+          test
+        </h5>
+        <hr
+          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+        />
+      </div>
+      <div
+        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
+        style={
+          {
+            "marginTop": "10px",
           }
         }
       >
@@ -28656,8 +29044,705 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
           {
             "marginTop": "10px",
           }
-        }
-      >
+        }
+      >
+        <div
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-object"
+          >
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            >
+              <div
+                className="MuiBox-root emotion-1"
+                id="root_nestedObjectOptional__title"
+              >
+                <h5
+                  className="MuiTypography-root MuiTypography-h5 emotion-2"
+                  style={{}}
+                >
+                  nestedObjectOptional
+                </h5>
+                <hr
+                  className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                />
+              </div>
+              <div
+                className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
+                style={
+                  {
+                    "marginTop": "10px",
+                  }
+                }
+              >
+                <div
+                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+                  style={
+                    {
+                      "marginBottom": "10px",
+                    }
+                  }
+                >
+                  <div
+                    className="rjsf-field rjsf-field-string"
+                  >
+                    <div
+                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    >
+                      <div
+                        aria-describedby="root_nestedObjectOptional_test__error root_nestedObjectOptional_test__description root_nestedObjectOptional_test__help"
+                        className="MuiFormControl-root MuiTextField-root emotion-13"
+                      >
+                        <label
+                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined emotion-14"
+                          data-shrink={true}
+                          htmlFor="root_nestedObjectOptional_test"
+                          id="root_nestedObjectOptional_test-label"
+                        >
+                          test
+                        </label>
+                        <div
+                          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-15"
+                          onClick={[Function]}
+                        >
+                          <input
+                            aria-invalid={false}
+                            autoFocus={false}
+                            className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-16"
+                            disabled={true}
+                            id="root_nestedObjectOptional_test"
+                            name="root_nestedObjectOptional_test"
+                            onAnimationStart={[Function]}
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onFocus={[Function]}
+                            placeholder=""
+                            required={false}
+                            type="text"
+                            value="foo"
+                          />
+                          <fieldset
+                            aria-hidden={true}
+                            className="MuiOutlinedInput-notchedOutline emotion-17"
+                          >
+                            <legend
+                              className="emotion-18"
+                            >
+                              <span>
+                                test
+                              </span>
+                            </legend>
+                          </fieldset>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+                  style={
+                    {
+                      "marginBottom": "10px",
+                    }
+                  }
+                >
+                  <div
+                    className="rjsf-field rjsf-field-object"
+                  >
+                    <div
+                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    >
+                      <div
+                        className="MuiBox-root emotion-1"
+                        id="root_nestedObjectOptional_deepObjectOptional__title"
+                      >
+                        <h5
+                          className="MuiTypography-root MuiTypography-h5 emotion-2"
+                          style={{}}
+                        >
+                          deepObjectOptional
+                        </h5>
+                        <hr
+                          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                        />
+                      </div>
+                      <div
+                        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
+                        style={
+                          {
+                            "marginTop": "10px",
+                          }
+                        }
+                      >
+                        <em
+                          id="root_nestedObjectOptional_deepObjectOptional__optionalMsg"
+                        >
+                          No data for optional field
+                        </em>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+                  style={
+                    {
+                      "marginBottom": "10px",
+                    }
+                  }
+                >
+                  <div
+                    className="rjsf-field rjsf-field-object"
+                  >
+                    <div
+                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    >
+                      <div
+                        className="MuiBox-root emotion-1"
+                        id="root_nestedObjectOptional_deepObject__title"
+                      >
+                        <h5
+                          className="MuiTypography-root MuiTypography-h5 emotion-2"
+                          style={{}}
+                        >
+                          deepObject
+                        </h5>
+                        <hr
+                          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                        />
+                      </div>
+                      <div
+                        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
+                        style={
+                          {
+                            "marginTop": "10px",
+                          }
+                        }
+                      >
+                        <div
+                          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+                          style={
+                            {
+                              "marginBottom": "10px",
+                            }
+                          }
+                        >
+                          <div
+                            className="rjsf-field rjsf-field-string"
+                          >
+                            <div
+                              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                            >
+                              <div
+                                aria-describedby="root_nestedObjectOptional_deepObject_deepTest__error root_nestedObjectOptional_deepObject_deepTest__description root_nestedObjectOptional_deepObject_deepTest__help"
+                                className="MuiFormControl-root MuiTextField-root emotion-13"
+                              >
+                                <label
+                                  className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-34"
+                                  data-shrink={false}
+                                  htmlFor="root_nestedObjectOptional_deepObject_deepTest"
+                                  id="root_nestedObjectOptional_deepObject_deepTest-label"
+                                >
+                                  deepTest
+                                </label>
+                                <div
+                                  className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-15"
+                                  onClick={[Function]}
+                                >
+                                  <input
+                                    aria-invalid={false}
+                                    autoFocus={false}
+                                    className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-16"
+                                    disabled={true}
+                                    id="root_nestedObjectOptional_deepObject_deepTest"
+                                    name="root_nestedObjectOptional_deepObject_deepTest"
+                                    onAnimationStart={[Function]}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    placeholder=""
+                                    required={false}
+                                    type="text"
+                                    value=""
+                                  />
+                                  <fieldset
+                                    aria-hidden={true}
+                                    className="MuiOutlinedInput-notchedOutline emotion-17"
+                                  >
+                                    <legend
+                                      className="emotion-38"
+                                    >
+                                      <span>
+                                        deepTest
+                                      </span>
+                                    </legend>
+                                  </fieldset>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+                  style={
+                    {
+                      "marginBottom": "10px",
+                    }
+                  }
+                >
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    >
+                      <div
+                        className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                        style={
+                          {
+                            "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                          }
+                        }
+                      >
+                        <div
+                          className="MuiBox-root emotion-42"
+                        >
+                          <div
+                            className="MuiBox-root emotion-1"
+                            id="root_nestedObjectOptional_deepArrayOptional__title"
+                          >
+                            <h5
+                              className="MuiTypography-root MuiTypography-h5 emotion-2"
+                              style={{}}
+                            >
+                              deepArrayOptional
+                            </h5>
+                            <hr
+                              className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                            />
+                          </div>
+                          <div
+                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
+                          >
+                            <div
+                              className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
+                            >
+                              <div
+                                className="MuiBox-root emotion-48"
+                              >
+                                <button
+                                  className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
+                                  disabled={true}
+                                  id="root_nestedObjectOptional_deepArrayOptional__add"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onContextMenu={[Function]}
+                                  onDragLeave={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  onKeyUp={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseLeave={[Function]}
+                                  onMouseUp={[Function]}
+                                  onTouchEnd={[Function]}
+                                  onTouchMove={[Function]}
+                                  onTouchStart={[Function]}
+                                  tabIndex={-1}
+                                  title="Add Item"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden={true}
+                                    className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
+                                    data-testid="AddIcon"
+                                    focusable="false"
+                                    viewBox="0 0 24 24"
+                                  >
+                                    <path
+                                      d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+                  style={
+                    {
+                      "marginBottom": "10px",
+                    }
+                  }
+                >
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    >
+                      <div
+                        className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                        style={
+                          {
+                            "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                          }
+                        }
+                      >
+                        <div
+                          className="MuiBox-root emotion-42"
+                        >
+                          <div
+                            className="MuiBox-root emotion-1"
+                            id="root_nestedObjectOptional_deepArrayOptional2__title"
+                          >
+                            <h5
+                              className="MuiTypography-root MuiTypography-h5 emotion-2"
+                              style={{}}
+                            >
+                              deepArrayOptional2
+                            </h5>
+                            <hr
+                              className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                            />
+                          </div>
+                          <em
+                            id="root_nestedObjectOptional_deepArrayOptional2__optionalMsg"
+                          >
+                            No data for optional field
+                          </em>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+                  style={
+                    {
+                      "marginBottom": "10px",
+                    }
+                  }
+                >
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    >
+                      <div
+                        className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                        style={
+                          {
+                            "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                          }
+                        }
+                      >
+                        <div
+                          className="MuiBox-root emotion-42"
+                        >
+                          <div
+                            className="MuiBox-root emotion-1"
+                            id="root_nestedObjectOptional_deepArray__title"
+                          >
+                            <h5
+                              className="MuiTypography-root MuiTypography-h5 emotion-2"
+                              style={{}}
+                            >
+                              deepArray
+                            </h5>
+                            <hr
+                              className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                            />
+                          </div>
+                          <div
+                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
+                          >
+                            <div
+                              className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
+                            >
+                              <div
+                                className="MuiBox-root emotion-48"
+                              >
+                                <button
+                                  className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
+                                  disabled={true}
+                                  id="root_nestedObjectOptional_deepArray__add"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onContextMenu={[Function]}
+                                  onDragLeave={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  onKeyUp={[Function]}
+                                  onMouseDown={[Function]}
+                                  onMouseLeave={[Function]}
+                                  onMouseUp={[Function]}
+                                  onTouchEnd={[Function]}
+                                  onTouchMove={[Function]}
+                                  onTouchStart={[Function]}
+                                  tabIndex={-1}
+                                  title="Add Item"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden={true}
+                                    className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
+                                    data-testid="AddIcon"
+                                    focusable="false"
+                                    viewBox="0 0 24 24"
+                                  >
+                                    <path
+                                      d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-array"
+          >
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            >
+              <div
+                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                style={
+                  {
+                    "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                  }
+                }
+              >
+                <div
+                  className="MuiBox-root emotion-42"
+                >
+                  <div
+                    className="MuiBox-root emotion-1"
+                    id="root_nestedArrayOptional__title"
+                  >
+                    <h5
+                      className="MuiTypography-root MuiTypography-h5 emotion-2"
+                      style={{}}
+                    >
+                      nestedArrayOptional
+                    </h5>
+                    <hr
+                      className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                    />
+                  </div>
+                  <div
+                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-77"
+                  >
+                    <div
+                      className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto emotion-78"
+                      style={
+                        {
+                          "overflow": "auto",
+                        }
+                      }
+                    >
+                      <div
+                        className="MuiBox-root emotion-79"
+                      >
+                        <div
+                          className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                          style={
+                            {
+                              "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                            }
+                          }
+                        >
+                          <div
+                            className="MuiBox-root emotion-42"
+                          >
+                            <div
+                              className="rjsf-field rjsf-field-string"
+                            >
+                              <div
+                                className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                              >
+                                <div
+                                  aria-describedby="root_nestedArrayOptional_0__error root_nestedArrayOptional_0__description root_nestedArrayOptional_0__help"
+                                  className="MuiFormControl-root MuiTextField-root emotion-13"
+                                >
+                                  <label
+                                    className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiFormLabel-filled Mui-required MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined emotion-14"
+                                    data-shrink={true}
+                                    htmlFor="root_nestedArrayOptional_0"
+                                    id="root_nestedArrayOptional_0-label"
+                                  >
+                                    nestedArrayOptional-0
+                                    <span
+                                      aria-hidden={true}
+                                      className="MuiFormLabel-asterisk MuiInputLabel-asterisk emotion-85"
+                                    >
+                                       
+                                      *
+                                    </span>
+                                  </label>
+                                  <div
+                                    className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-15"
+                                    onClick={[Function]}
+                                  >
+                                    <input
+                                      aria-invalid={false}
+                                      autoFocus={false}
+                                      className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-16"
+                                      disabled={true}
+                                      id="root_nestedArrayOptional_0"
+                                      name="root_nestedArrayOptional_0"
+                                      onAnimationStart={[Function]}
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      required={true}
+                                      type="text"
+                                      value="bar"
+                                    />
+                                    <fieldset
+                                      aria-hidden={true}
+                                      className="MuiOutlinedInput-notchedOutline emotion-17"
+                                    >
+                                      <legend
+                                        className="emotion-18"
+                                      >
+                                        <span>
+                                          nestedArrayOptional-0
+                                           
+                                          *
+                                        </span>
+                                      </legend>
+                                    </fieldset>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
+                    >
+                      <button
+                        className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorError MuiIconButton-sizeSmall rjsf-array-item-remove emotion-91"
+                        disabled={true}
+                        id="root_nestedArrayOptional_0__remove"
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onContextMenu={[Function]}
+                        onDragLeave={[Function]}
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        onKeyUp={[Function]}
+                        onMouseDown={[Function]}
+                        onMouseLeave={[Function]}
+                        onMouseUp={[Function]}
+                        onTouchEnd={[Function]}
+                        onTouchMove={[Function]}
+                        onTouchStart={[Function]}
+                        tabIndex={-1}
+                        title="Remove"
+                        type="button"
+                      >
+                        <svg
+                          aria-hidden={true}
+                          className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-92"
+                          data-testid="RemoveIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M19 13H5v-2h14z"
+                          />
+                        </svg>
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
+                  >
+                    <div
+                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
+                    >
+                      <div
+                        className="MuiBox-root emotion-48"
+                      >
+                        <button
+                          className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
+                          disabled={true}
+                          id="root_nestedArrayOptional__add"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onContextMenu={[Function]}
+                          onDragLeave={[Function]}
+                          onFocus={[Function]}
+                          onKeyDown={[Function]}
+                          onKeyUp={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseLeave={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchEnd={[Function]}
+                          onTouchMove={[Function]}
+                          onTouchStart={[Function]}
+                          tabIndex={-1}
+                          title="Add Item"
+                          type="button"
+                        >
+                          <svg
+                            aria-hidden={true}
+                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
+                            data-testid="AddIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
         <div
           className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
           style={
@@ -28674,13 +29759,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
             >
               <div
                 className="MuiBox-root emotion-1"
-                id="root_nestedObjectOptional__title"
+                id="root_nestedObject__title"
               >
                 <h5
                   className="MuiTypography-root MuiTypography-h5 emotion-2"
                   style={{}}
                 >
-                  nestedObjectOptional
+                  nestedObject
                 </h5>
                 <hr
                   className="MuiDivider-root MuiDivider-fullWidth emotion-3"
@@ -28709,14 +29794,14 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
                     >
                       <div
-                        aria-describedby="root_nestedObjectOptional_test__error root_nestedObjectOptional_test__description root_nestedObjectOptional_test__help"
+                        aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
                         className="MuiFormControl-root MuiTextField-root emotion-13"
                       >
                         <label
-                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined emotion-14"
-                          data-shrink={true}
-                          htmlFor="root_nestedObjectOptional_test"
-                          id="root_nestedObjectOptional_test-label"
+                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-34"
+                          data-shrink={false}
+                          htmlFor="root_nestedObject_test"
+                          id="root_nestedObject_test-label"
                         >
                           test
                         </label>
@@ -28729,8 +29814,8 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                             autoFocus={false}
                             className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-16"
                             disabled={true}
-                            id="root_nestedObjectOptional_test"
-                            name="root_nestedObjectOptional_test"
+                            id="root_nestedObject_test"
+                            name="root_nestedObject_test"
                             onAnimationStart={[Function]}
                             onBlur={[Function]}
                             onChange={[Function]}
@@ -28738,14 +29823,14 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                             placeholder=""
                             required={false}
                             type="text"
-                            value="foo"
+                            value=""
                           />
                           <fieldset
                             aria-hidden={true}
                             className="MuiOutlinedInput-notchedOutline emotion-17"
                           >
                             <legend
-                              className="emotion-18"
+                              className="emotion-38"
                             >
                               <span>
                                 test
@@ -28757,382 +29842,1162 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                     </div>
                   </div>
                 </div>
-                <div
-                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                  style={
-                    {
-                      "marginBottom": "10px",
-                    }
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-array"
+          >
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            >
+              <div
+                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                style={
+                  {
+                    "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
                   }
+                }
+              >
+                <div
+                  className="MuiBox-root emotion-42"
                 >
                   <div
-                    className="rjsf-field rjsf-field-object"
+                    className="MuiBox-root emotion-1"
+                    id="root_nestedArray__title"
+                  >
+                    <h5
+                      className="MuiTypography-root MuiTypography-h5 emotion-2"
+                      style={{}}
+                    >
+                      nestedArray
+                    </h5>
+                    <hr
+                      className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                    />
+                  </div>
+                  <div
+                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
                   >
                     <div
-                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
                     >
                       <div
-                        className="MuiBox-root emotion-1"
-                        id="root_nestedObjectOptional_deepObjectOptional__title"
-                      >
-                        <h5
-                          className="MuiTypography-root MuiTypography-h5 emotion-2"
-                          style={{}}
-                        >
-                          deepObjectOptional
-                        </h5>
-                        <hr
-                          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                        />
-                      </div>
-                      <div
-                        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
-                        style={
-                          {
-                            "marginTop": "10px",
-                          }
-                        }
+                        className="MuiBox-root emotion-48"
                       >
-                        <em
-                          id="root_nestedObjectOptional_deepObjectOptional__optionalMsg"
+                        <button
+                          className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
+                          disabled={true}
+                          id="root_nestedArray__add"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onContextMenu={[Function]}
+                          onDragLeave={[Function]}
+                          onFocus={[Function]}
+                          onKeyDown={[Function]}
+                          onKeyUp={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseLeave={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchEnd={[Function]}
+                          onTouchMove={[Function]}
+                          onTouchStart={[Function]}
+                          tabIndex={-1}
+                          title="Add Item"
+                          type="button"
                         >
-                          No data for optional field
-                        </em>
+                          <svg
+                            aria-hidden={true}
+                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
+                            data-testid="AddIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                            />
+                          </svg>
+                        </button>
                       </div>
                     </div>
                   </div>
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            >
+              <div
+                className="MuiBox-root emotion-79"
+              >
                 <div
-                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                  style={
-                    {
-                      "marginBottom": "10px",
-                    }
-                  }
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-127"
+                />
+                <div
+                  className="rjsf-field rjsf-field-object"
                 >
                   <div
-                    className="rjsf-field rjsf-field-object"
+                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
                   >
                     <div
-                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                      className="MuiBox-root emotion-1"
+                      id="root_optionalObjectWithOneofs__title"
                     >
-                      <div
-                        className="MuiBox-root emotion-1"
-                        id="root_nestedObjectOptional_deepObject__title"
+                      <h5
+                        className="MuiTypography-root MuiTypography-h5 emotion-2"
+                        style={{}}
                       >
-                        <h5
-                          className="MuiTypography-root MuiTypography-h5 emotion-2"
-                          style={{}}
-                        >
-                          deepObject
-                        </h5>
-                        <hr
-                          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                        />
-                      </div>
-                      <div
-                        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
-                        style={
-                          {
-                            "marginTop": "10px",
-                          }
+                        optionalObjectWithOneofs
+                      </h5>
+                      <hr
+                        className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                      />
+                    </div>
+                    <div
+                      className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
+                      style={
+                        {
+                          "marginTop": "10px",
                         }
+                      }
+                    >
+                      <em
+                        id="root_optionalObjectWithOneofs__optionalMsg"
                       >
-                        <div
-                          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                          style={
-                            {
-                              "marginBottom": "10px",
-                            }
-                          }
-                        >
-                          <div
-                            className="rjsf-field rjsf-field-string"
-                          >
-                            <div
-                              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-                            >
-                              <div
-                                aria-describedby="root_nestedObjectOptional_deepObject_deepTest__error root_nestedObjectOptional_deepObject_deepTest__description root_nestedObjectOptional_deepObject_deepTest__help"
-                                className="MuiFormControl-root MuiTextField-root emotion-13"
-                              >
-                                <label
-                                  className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-34"
-                                  data-shrink={false}
-                                  htmlFor="root_nestedObjectOptional_deepObject_deepTest"
-                                  id="root_nestedObjectOptional_deepObject_deepTest-label"
-                                >
-                                  deepTest
-                                </label>
-                                <div
-                                  className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-15"
-                                  onClick={[Function]}
-                                >
-                                  <input
-                                    aria-invalid={false}
-                                    autoFocus={false}
-                                    className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-16"
-                                    disabled={true}
-                                    id="root_nestedObjectOptional_deepObject_deepTest"
-                                    name="root_nestedObjectOptional_deepObject_deepTest"
-                                    onAnimationStart={[Function]}
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                  <fieldset
-                                    aria-hidden={true}
-                                    className="MuiOutlinedInput-notchedOutline emotion-17"
-                                  >
-                                    <legend
-                                      className="emotion-38"
-                                    >
-                                      <span>
-                                        deepTest
-                                      </span>
-                                    </legend>
-                                  </fieldset>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
+                        No data for optional field
+                      </em>
                     </div>
                   </div>
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            >
+              <div
+                className="MuiBox-root emotion-79"
+              >
                 <div
-                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                  style={
-                    {
-                      "marginBottom": "10px",
-                    }
-                  }
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-127"
+                />
+                <div
+                  className="rjsf-field rjsf-field-array"
                 >
                   <div
-                    className="rjsf-field rjsf-field-array"
+                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
                   >
                     <div
-                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                      style={
+                        {
+                          "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                        }
+                      }
                     >
                       <div
-                        className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
-                        style={
-                          {
-                            "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-                          }
-                        }
+                        className="MuiBox-root emotion-42"
                       >
                         <div
-                          className="MuiBox-root emotion-42"
+                          className="MuiBox-root emotion-1"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
-                          <div
-                            className="MuiBox-root emotion-1"
-                            id="root_nestedObjectOptional_deepArrayOptional__title"
-                          >
-                            <h5
-                              className="MuiTypography-root MuiTypography-h5 emotion-2"
-                              style={{}}
-                            >
-                              deepArrayOptional
-                            </h5>
-                            <hr
-                              className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                            />
-                          </div>
-                          <div
-                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
+                          <h5
+                            className="MuiTypography-root MuiTypography-h5 emotion-2"
+                            style={{}}
                           >
-                            <div
-                              className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
-                            >
-                              <div
-                                className="MuiBox-root emotion-48"
-                              >
-                                <button
-                                  className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
-                                  disabled={true}
-                                  id="root_nestedObjectOptional_deepArrayOptional__add"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onContextMenu={[Function]}
-                                  onDragLeave={[Function]}
-                                  onFocus={[Function]}
-                                  onKeyDown={[Function]}
-                                  onKeyUp={[Function]}
-                                  onMouseDown={[Function]}
-                                  onMouseLeave={[Function]}
-                                  onMouseUp={[Function]}
-                                  onTouchEnd={[Function]}
-                                  onTouchMove={[Function]}
-                                  onTouchStart={[Function]}
-                                  tabIndex={-1}
-                                  title="Add Item"
-                                  type="button"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
-                                    data-testid="AddIcon"
-                                    focusable="false"
-                                    viewBox="0 0 24 24"
-                                  >
-                                    <path
-                                      d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                                    />
-                                  </svg>
-                                </button>
-                              </div>
-                            </div>
-                          </div>
+                            optionalArrayWithAnyofs
+                          </h5>
+                          <hr
+                            className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                          />
                         </div>
+                        <em
+                          id="root_optionalArrayWithAnyofs__optionalMsg"
+                        >
+                          No data for optional field
+                        </em>
                       </div>
                     </div>
                   </div>
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="MuiBox-root emotion-143"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-144"
+      disabled={null}
+      onBlur={[Function]}
+      onContextMenu={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={0}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields optional data controls shows "add" optional controls when turned on in uiSchema and no formData 1`] = `
+.emotion-0 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+}
+
+.emotion-1 {
+  margin-bottom: 8px;
+  margin-top: 8px;
+}
+
+.emotion-2 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1.5rem;
+  line-height: 1.334;
+  letter-spacing: 0em;
+}
+
+.emotion-3 {
+  margin: 0;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  border-width: 0;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.12);
+  border-bottom-width: thin;
+}
+
+.emotion-4 {
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 16px;
+  --Grid-rowSpacing: 16px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
+}
+
+.emotion-4>* {
+  --Grid-parent-columns: 12;
+}
+
+.emotion-4>* {
+  --Grid-parent-columnSpacing: 16px;
+}
+
+.emotion-4>* {
+  --Grid-parent-rowSpacing: 16px;
+}
+
+.emotion-5 {
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.emotion-8 {
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 0px;
+  --Grid-rowSpacing: 0px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
+}
+
+.emotion-8>* {
+  --Grid-parent-columns: 12;
+}
+
+.emotion-8>* {
+  --Grid-parent-columnSpacing: 0px;
+}
+
+.emotion-8>* {
+  --Grid-parent-rowSpacing: 0px;
+}
+
+.emotion-9 {
+  -webkit-flex-basis: 0;
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -webkit-box-flex: 1;
+  -webkit-flex-grow: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.emotion-11 {
+  min-width: 0;
+  box-sizing: border-box;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
+
+.emotion-12 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  text-align: center;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  font-size: 1.5rem;
+  padding: 8px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.54);
+  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
+  padding: 5px;
+  font-size: 1.125rem;
+}
+
+.emotion-12::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-12.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-12 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-12:hover {
+  background-color: var(--IconButton-hoverBg);
+}
+
+@media (hover: none) {
+  .emotion-12:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-12.Mui-disabled {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-12.MuiIconButton-loading {
+  color: transparent;
+}
+
+.emotion-13 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.25rem;
+}
+
+.emotion-18 {
+  background-color: #fff;
+  color: rgba(0, 0, 0, 0.87);
+  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  border-radius: 4px;
+  box-shadow: var(--Paper-shadow);
+  background-image: var(--Paper-overlay);
+}
+
+.emotion-19 {
+  padding: 16px;
+}
+
+.emotion-36 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+}
+
+.emotion-37 {
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  padding: 0;
+  position: relative;
+  display: block;
+  transform-origin: top left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-transform: translate(0, 20px) scale(1);
+  -moz-transform: translate(0, 20px) scale(1);
+  -ms-transform: translate(0, 20px) scale(1);
+  transform: translate(0, 20px) scale(1);
+  -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  z-index: 1;
+  pointer-events: none;
+  -webkit-transform: translate(14px, 16px) scale(1);
+  -moz-transform: translate(14px, 16px) scale(1);
+  -ms-transform: translate(14px, 16px) scale(1);
+  transform: translate(14px, 16px) scale(1);
+  max-width: calc(100% - 24px);
+}
+
+.emotion-37.Mui-focused {
+  color: #1976d2;
+}
+
+.emotion-37.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-37.Mui-error {
+  color: #d32f2f;
+}
+
+.emotion-38 {
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
+  border-radius: 4px;
+}
+
+.emotion-38.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+  cursor: default;
+}
+
+.emotion-38:hover .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.87);
+}
+
+@media (hover: none) {
+  .emotion-38:hover .MuiOutlinedInput-notchedOutline {
+    border-color: rgba(0, 0, 0, 0.23);
+  }
+}
+
+.emotion-38.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-width: 2px;
+}
+
+.emotion-38.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #1976d2;
+}
+
+.emotion-38.Mui-error .MuiOutlinedInput-notchedOutline {
+  border-color: #d32f2f;
+}
+
+.emotion-38.Mui-disabled .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-39 {
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 4px 0 5px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+  padding: 16.5px 14px;
+}
+
+.emotion-39::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-39::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-39::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-39:focus {
+  outline: 0;
+}
+
+.emotion-39:invalid {
+  box-shadow: none;
+}
+
+.emotion-39::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-39::-webkit-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-39::-moz-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-39::-ms-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-webkit-input-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-moz-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-placeholder {
+  opacity: 0.42;
+}
+
+.emotion-39.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-39:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
+}
+
+.emotion-39:-webkit-autofill {
+  border-radius: inherit;
+}
+
+.emotion-40 {
+  text-align: left;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: -5px;
+  left: 0;
+  margin: 0;
+  padding: 0 8px;
+  pointer-events: none;
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
+}
+
+.emotion-41 {
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  display: block;
+  padding: 0;
+  height: 11px;
+  font-size: 0.75em;
+  visibility: hidden;
+  max-width: 0.01px;
+  -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  white-space: nowrap;
+}
+
+.emotion-41>span {
+  padding-left: 5px;
+  padding-right: 5px;
+  display: inline-block;
+  opacity: 0;
+  visibility: visible;
+}
+
+.emotion-49 {
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 0px;
+  --Grid-rowSpacing: 0px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
+
+.emotion-49>* {
+  --Grid-parent-columns: 12;
+}
+
+.emotion-49>* {
+  --Grid-parent-columnSpacing: 0px;
+}
+
+.emotion-49>* {
+  --Grid-parent-rowSpacing: 0px;
+}
+
+.emotion-50 {
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.emotion-51 {
+  margin-top: 16px;
+}
+
+.emotion-52 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  text-align: center;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  font-size: 1.5rem;
+  padding: 8px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.54);
+  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
+  color: #1976d2;
+  --IconButton-hoverBg: rgba(25, 118, 210, 0.04);
+}
+
+.emotion-52::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-52.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-52 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-52:hover {
+  background-color: var(--IconButton-hoverBg);
+}
+
+@media (hover: none) {
+  .emotion-52:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-52.Mui-disabled {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-52.MuiIconButton-loading {
+  color: transparent;
+}
+
+.emotion-53 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+}
+
+.emotion-56 {
+  margin-bottom: 16px;
+}
+
+.emotion-57 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+  margin-bottom: 16px;
+}
+
+.emotion-83 {
+  margin-top: 24px;
+}
+
+.emotion-84 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: uppercase;
+  min-width: 64px;
+  padding: 6px 16px;
+  border: 0;
+  border-radius: 4px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  color: var(--variant-containedColor);
+  background-color: var(--variant-containedBg);
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  --variant-textColor: #1976d2;
+  --variant-outlinedColor: #1976d2;
+  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
+  --variant-containedColor: #fff;
+  --variant-containedBg: #1976d2;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-84::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-84.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-84 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-84:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.emotion-84.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-84:hover {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
+}
+
+@media (hover: none) {
+  .emotion-84:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  }
+}
+
+.emotion-84:active {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
+}
+
+.emotion-84.Mui-focusVisible {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
+}
+
+.emotion-84.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.12);
+}
+
+@media (hover: hover) {
+  .emotion-84:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
+}
+
+.emotion-84.MuiButton-loading {
+  color: transparent;
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-object"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    >
+      <div
+        className="MuiBox-root emotion-1"
+        id="root__title"
+      >
+        <h5
+          className="MuiTypography-root MuiTypography-h5 emotion-2"
+          style={{}}
+        >
+          test
+        </h5>
+        <hr
+          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+        />
+      </div>
+      <div
+        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
+        style={
+          {
+            "marginTop": "10px",
+          }
+        }
+      >
+        <div
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-object"
+          >
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            >
+              <div
+                className="MuiBox-root emotion-1"
+                id="root_nestedObjectOptional__title"
+              >
                 <div
-                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                  style={
-                    {
-                      "marginBottom": "10px",
-                    }
-                  }
+                  className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
                 >
                   <div
-                    className="rjsf-field rjsf-field-array"
+                    className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
                   >
-                    <div
-                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    <h5
+                      className="MuiTypography-root MuiTypography-h5 emotion-2"
+                      style={{}}
                     >
-                      <div
-                        className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
-                        style={
-                          {
-                            "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-                          }
-                        }
-                      >
-                        <div
-                          className="MuiBox-root emotion-42"
-                        >
-                          <div
-                            className="MuiBox-root emotion-1"
-                            id="root_nestedObjectOptional_deepArrayOptional2__title"
-                          >
-                            <h5
-                              className="MuiTypography-root MuiTypography-h5 emotion-2"
-                              style={{}}
-                            >
-                              deepArrayOptional2
-                            </h5>
-                            <hr
-                              className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                            />
-                          </div>
-                          <em
-                            id="root_nestedObjectOptional_deepArrayOptional2__optionalMsg"
-                          >
-                            No data for optional field
-                          </em>
-                        </div>
-                      </div>
-                    </div>
+                      nestedObjectOptional
+                    </h5>
                   </div>
-                </div>
-                <div
-                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                  style={
-                    {
-                      "marginBottom": "10px",
-                    }
-                  }
-                >
                   <div
-                    className="rjsf-field rjsf-field-array"
+                    className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
                   >
-                    <div
-                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-                    >
-                      <div
-                        className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
-                        style={
-                          {
-                            "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-                          }
-                        }
-                      >
-                        <div
-                          className="MuiBox-root emotion-42"
-                        >
-                          <div
-                            className="MuiBox-root emotion-1"
-                            id="root_nestedObjectOptional_deepArray__title"
-                          >
-                            <h5
-                              className="MuiTypography-root MuiTypography-h5 emotion-2"
-                              style={{}}
-                            >
-                              deepArray
-                            </h5>
-                            <hr
-                              className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                            />
-                          </div>
-                          <div
-                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
-                          >
-                            <div
-                              className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
-                            >
-                              <div
-                                className="MuiBox-root emotion-48"
-                              >
-                                <button
-                                  className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
-                                  disabled={true}
-                                  id="root_nestedObjectOptional_deepArray__add"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onContextMenu={[Function]}
-                                  onDragLeave={[Function]}
-                                  onFocus={[Function]}
-                                  onKeyDown={[Function]}
-                                  onKeyUp={[Function]}
-                                  onMouseDown={[Function]}
-                                  onMouseLeave={[Function]}
-                                  onMouseUp={[Function]}
-                                  onTouchEnd={[Function]}
-                                  onTouchMove={[Function]}
-                                  onTouchStart={[Function]}
-                                  tabIndex={-1}
-                                  title="Add Item"
-                                  type="button"
-                                >
-                                  <svg
-                                    aria-hidden={true}
-                                    className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
-                                    data-testid="AddIcon"
-                                    focusable="false"
-                                    viewBox="0 0 24 24"
-                                  >
-                                    <path
-                                      d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                                    />
-                                  </svg>
-                                </button>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
+                    <button
+                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
+                      disabled={null}
+                      id="root_nestedObjectOptional__optionalAdd"
+                      onBlur={[Function]}
+                      onClick={[Function]}
+                      onContextMenu={[Function]}
+                      onDragLeave={[Function]}
+                      onFocus={[Function]}
+                      onKeyDown={[Function]}
+                      onKeyUp={[Function]}
+                      onMouseDown={[Function]}
+                      onMouseLeave={[Function]}
+                      onMouseUp={[Function]}
+                      onTouchEnd={[Function]}
+                      onTouchMove={[Function]}
+                      onTouchStart={[Function]}
+                      tabIndex={0}
+                      title="Add data for optional field"
+                      type="button"
+                    >
+                      <svg
+                        aria-hidden={true}
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
+                        data-testid="AddIcon"
+                        focusable="false"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                        />
+                      </svg>
+                    </button>
                   </div>
                 </div>
+                <hr
+                  className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                />
               </div>
+              <div
+                className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
+                style={
+                  {
+                    "marginTop": "10px",
+                  }
+                }
+              />
             </div>
           </div>
         </div>
@@ -29151,7 +31016,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
               className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
               <div
-                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-18"
                 style={
                   {
                     "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
@@ -29159,165 +31024,32 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                 }
               >
                 <div
-                  className="MuiBox-root emotion-42"
+                  className="MuiBox-root emotion-19"
                 >
                   <div
                     className="MuiBox-root emotion-1"
                     id="root_nestedArrayOptional__title"
-                  >
-                    <h5
-                      className="MuiTypography-root MuiTypography-h5 emotion-2"
-                      style={{}}
-                    >
-                      nestedArrayOptional
-                    </h5>
-                    <hr
-                      className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                    />
-                  </div>
-                  <div
-                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-77"
                   >
                     <div
-                      className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-auto emotion-78"
-                      style={
-                        {
-                          "overflow": "auto",
-                        }
-                      }
+                      className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
                     >
                       <div
-                        className="MuiBox-root emotion-79"
+                        className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
                       >
-                        <div
-                          className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
-                          style={
-                            {
-                              "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-                            }
-                          }
+                        <h5
+                          className="MuiTypography-root MuiTypography-h5 emotion-2"
+                          style={{}}
                         >
-                          <div
-                            className="MuiBox-root emotion-42"
-                          >
-                            <div
-                              className="rjsf-field rjsf-field-string"
-                            >
-                              <div
-                                className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-                              >
-                                <div
-                                  aria-describedby="root_nestedArrayOptional_0__error root_nestedArrayOptional_0__description root_nestedArrayOptional_0__help"
-                                  className="MuiFormControl-root MuiTextField-root emotion-13"
-                                >
-                                  <label
-                                    className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiFormLabel-filled Mui-required MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined emotion-14"
-                                    data-shrink={true}
-                                    htmlFor="root_nestedArrayOptional_0"
-                                    id="root_nestedArrayOptional_0-label"
-                                  >
-                                    nestedArrayOptional-0
-                                    <span
-                                      aria-hidden={true}
-                                      className="MuiFormLabel-asterisk MuiInputLabel-asterisk emotion-85"
-                                    >
-                                       
-                                      *
-                                    </span>
-                                  </label>
-                                  <div
-                                    className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-15"
-                                    onClick={[Function]}
-                                  >
-                                    <input
-                                      aria-invalid={false}
-                                      autoFocus={false}
-                                      className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-16"
-                                      disabled={true}
-                                      id="root_nestedArrayOptional_0"
-                                      name="root_nestedArrayOptional_0"
-                                      onAnimationStart={[Function]}
-                                      onBlur={[Function]}
-                                      onChange={[Function]}
-                                      onFocus={[Function]}
-                                      placeholder=""
-                                      required={true}
-                                      type="text"
-                                      value="bar"
-                                    />
-                                    <fieldset
-                                      aria-hidden={true}
-                                      className="MuiOutlinedInput-notchedOutline emotion-17"
-                                    >
-                                      <legend
-                                        className="emotion-18"
-                                      >
-                                        <span>
-                                          nestedArrayOptional-0
-                                           
-                                          *
-                                        </span>
-                                      </legend>
-                                    </fieldset>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
+                          nestedArrayOptional
+                        </h5>
                       </div>
-                    </div>
-                    <div
-                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
-                    >
-                      <button
-                        className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorError MuiIconButton-sizeSmall rjsf-array-item-remove emotion-91"
-                        disabled={true}
-                        id="root_nestedArrayOptional_0__remove"
-                        onBlur={[Function]}
-                        onClick={[Function]}
-                        onContextMenu={[Function]}
-                        onDragLeave={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        onKeyUp={[Function]}
-                        onMouseDown={[Function]}
-                        onMouseLeave={[Function]}
-                        onMouseUp={[Function]}
-                        onTouchEnd={[Function]}
-                        onTouchMove={[Function]}
-                        onTouchStart={[Function]}
-                        tabIndex={-1}
-                        title="Remove"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden={true}
-                          className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-92"
-                          data-testid="RemoveIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 13H5v-2h14z"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
-                  >
-                    <div
-                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
-                    >
                       <div
-                        className="MuiBox-root emotion-48"
+                        className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
                       >
                         <button
-                          className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
-                          disabled={true}
-                          id="root_nestedArrayOptional__add"
+                          className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
+                          disabled={null}
+                          id="root_nestedArrayOptional__optionalAdd"
                           onBlur={[Function]}
                           onClick={[Function]}
                           onContextMenu={[Function]}
@@ -29331,13 +31063,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                           onTouchEnd={[Function]}
                           onTouchMove={[Function]}
                           onTouchStart={[Function]}
-                          tabIndex={-1}
-                          title="Add Item"
+                          tabIndex={0}
+                          title="Add data for optional field"
                           type="button"
                         >
                           <svg
                             aria-hidden={true}
-                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
+                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
                             data-testid="AddIcon"
                             focusable="false"
                             viewBox="0 0 24 24"
@@ -29349,6 +31081,9 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                         </button>
                       </div>
                     </div>
+                    <hr
+                      className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                    />
                   </div>
                 </div>
               </div>
@@ -29407,10 +31142,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                     >
                       <div
                         aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
-                        className="MuiFormControl-root MuiTextField-root emotion-13"
+                        className="MuiFormControl-root MuiTextField-root emotion-36"
                       >
                         <label
-                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-34"
+                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-37"
                           data-shrink={false}
                           htmlFor="root_nestedObject_test"
                           id="root_nestedObject_test-label"
@@ -29418,14 +31153,14 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                           test
                         </label>
                         <div
-                          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-15"
+                          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-38"
                           onClick={[Function]}
                         >
                           <input
                             aria-invalid={false}
                             autoFocus={false}
-                            className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-16"
-                            disabled={true}
+                            className="MuiInputBase-input MuiOutlinedInput-input emotion-39"
+                            disabled={false}
                             id="root_nestedObject_test"
                             name="root_nestedObject_test"
                             onAnimationStart={[Function]}
@@ -29439,10 +31174,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                           />
                           <fieldset
                             aria-hidden={true}
-                            className="MuiOutlinedInput-notchedOutline emotion-17"
+                            className="MuiOutlinedInput-notchedOutline emotion-40"
                           >
                             <legend
-                              className="emotion-38"
+                              className="emotion-41"
                             >
                               <span>
                                 test
@@ -29473,7 +31208,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
               className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
               <div
-                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-18"
                 style={
                   {
                     "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
@@ -29481,7 +31216,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                 }
               >
                 <div
-                  className="MuiBox-root emotion-42"
+                  className="MuiBox-root emotion-19"
                 >
                   <div
                     className="MuiBox-root emotion-1"
@@ -29498,17 +31233,17 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                     />
                   </div>
                   <div
-                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-46"
+                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-49"
                   >
                     <div
-                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-47"
+                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-50"
                     >
                       <div
-                        className="MuiBox-root emotion-48"
+                        className="MuiBox-root emotion-51"
                       >
                         <button
-                          className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-49"
-                          disabled={true}
+                          className="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-52"
+                          disabled={null}
                           id="root_nestedArray__add"
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -29523,13 +31258,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                           onTouchEnd={[Function]}
                           onTouchMove={[Function]}
                           onTouchStart={[Function]}
-                          tabIndex={-1}
+                          tabIndex={0}
                           title="Add Item"
                           type="button"
                         >
                           <svg
                             aria-hidden={true}
-                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-50"
+                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-53"
                             data-testid="AddIcon"
                             focusable="false"
                             viewBox="0 0 24 24"
@@ -29562,10 +31297,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
               className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
               <div
-                className="MuiBox-root emotion-79"
+                className="MuiBox-root emotion-56"
               >
                 <div
-                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-127"
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-57"
                 />
                 <div
                   className="rjsf-field rjsf-field-object"
@@ -29577,12 +31312,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                       className="MuiBox-root emotion-1"
                       id="root_optionalObjectWithOneofs__title"
                     >
-                      <h5
-                        className="MuiTypography-root MuiTypography-h5 emotion-2"
-                        style={{}}
+                      <div
+                        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
                       >
-                        optionalObjectWithOneofs
-                      </h5>
+                        <div
+                          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
+                        >
+                          <h5
+                            className="MuiTypography-root MuiTypography-h5 emotion-2"
+                            style={{}}
+                          >
+                            optionalObjectWithOneofs
+                          </h5>
+                        </div>
+                        <div
+                          className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
+                        >
+                          <button
+                            className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
+                            disabled={null}
+                            id="root_optionalObjectWithOneofs__optionalAdd"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onContextMenu={[Function]}
+                            onDragLeave={[Function]}
+                            onFocus={[Function]}
+                            onKeyDown={[Function]}
+                            onKeyUp={[Function]}
+                            onMouseDown={[Function]}
+                            onMouseLeave={[Function]}
+                            onMouseUp={[Function]}
+                            onTouchEnd={[Function]}
+                            onTouchMove={[Function]}
+                            onTouchStart={[Function]}
+                            tabIndex={0}
+                            title="Add data for optional field"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden={true}
+                              className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
+                              data-testid="AddIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
                       <hr
                         className="MuiDivider-root MuiDivider-fullWidth emotion-3"
                       />
@@ -29594,13 +31374,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                           "marginTop": "10px",
                         }
                       }
-                    >
-                      <em
-                        id="root_optionalObjectWithOneofs__optionalMsg"
-                      >
-                        No data for optional field
-                      </em>
-                    </div>
+                    />
                   </div>
                 </div>
               </div>
@@ -29622,10 +31396,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
               className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
               <div
-                className="MuiBox-root emotion-79"
+                className="MuiBox-root emotion-56"
               >
                 <div
-                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-127"
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-57"
                 />
                 <div
                   className="rjsf-field rjsf-field-array"
@@ -29634,7 +31408,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                     className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
                   >
                     <div
-                      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-41"
+                      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-18"
                       style={
                         {
                           "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
@@ -29642,27 +31416,67 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
                       }
                     >
                       <div
-                        className="MuiBox-root emotion-42"
+                        className="MuiBox-root emotion-19"
                       >
                         <div
                           className="MuiBox-root emotion-1"
                           id="root_optionalArrayWithAnyofs__title"
                         >
-                          <h5
-                            className="MuiTypography-root MuiTypography-h5 emotion-2"
-                            style={{}}
+                          <div
+                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
                           >
-                            optionalArrayWithAnyofs
-                          </h5>
+                            <div
+                              className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
+                            >
+                              <h5
+                                className="MuiTypography-root MuiTypography-h5 emotion-2"
+                                style={{}}
+                              >
+                                optionalArrayWithAnyofs
+                              </h5>
+                            </div>
+                            <div
+                              className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
+                            >
+                              <button
+                                className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
+                                disabled={null}
+                                id="root_optionalArrayWithAnyofs__optionalAdd"
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onContextMenu={[Function]}
+                                onDragLeave={[Function]}
+                                onFocus={[Function]}
+                                onKeyDown={[Function]}
+                                onKeyUp={[Function]}
+                                onMouseDown={[Function]}
+                                onMouseLeave={[Function]}
+                                onMouseUp={[Function]}
+                                onTouchEnd={[Function]}
+                                onTouchMove={[Function]}
+                                onTouchStart={[Function]}
+                                tabIndex={0}
+                                title="Add data for optional field"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden={true}
+                                  className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
+                                  data-testid="AddIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
                           <hr
                             className="MuiDivider-root MuiDivider-fullWidth emotion-3"
                           />
                         </div>
-                        <em
-                          id="root_optionalArrayWithAnyofs__optionalMsg"
-                        >
-                          No data for optional field
-                        </em>
                       </div>
                     </div>
                   </div>
@@ -29675,10 +31489,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-143"
+    className="MuiBox-root emotion-83"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-144"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-84"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -29701,7 +31515,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
 </form>
 `;
 
-exports[`single fields optional data controls shows "add" optional controls when turned on in uiSchema and no formData 1`] = `
+exports[`single fields optional data controls shows "add" optional controls when turned on in uiSchema, disabled and no formData 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -29711,239 +31525,85 @@ exports[`single fields optional data controls shows "add" optional controls when
   -ms-flex-direction: column;
   flex-direction: column;
   position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-  width: 100%;
-}
-
-.emotion-1 {
-  margin-bottom: 8px;
-  margin-top: 8px;
-}
-
-.emotion-2 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1.5rem;
-  line-height: 1.334;
-  letter-spacing: 0em;
-}
-
-.emotion-3 {
-  margin: 0;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  border-width: 0;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.12);
-  border-bottom-width: thin;
-}
-
-.emotion-4 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 16px;
-  --Grid-rowSpacing: 16px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-}
-
-.emotion-4>* {
-  --Grid-parent-columns: 12;
-}
-
-.emotion-4>* {
-  --Grid-parent-columnSpacing: 16px;
-}
-
-.emotion-4>* {
-  --Grid-parent-rowSpacing: 16px;
-}
-
-.emotion-5 {
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
-  min-width: 0;
-  box-sizing: border-box;
-}
-
-.emotion-8 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 0px;
-  --Grid-rowSpacing: 0px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-}
-
-.emotion-8>* {
-  --Grid-parent-columns: 12;
-}
-
-.emotion-8>* {
-  --Grid-parent-columnSpacing: 0px;
-}
-
-.emotion-8>* {
-  --Grid-parent-rowSpacing: 0px;
-}
-
-.emotion-9 {
-  -webkit-flex-basis: 0;
-  -ms-flex-preferred-size: 0;
-  flex-basis: 0;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  max-width: 100%;
-  min-width: 0;
-  box-sizing: border-box;
-}
-
-.emotion-11 {
-  min-width: 0;
-  box-sizing: border-box;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  -webkit-justify-content: flex-end;
-  justify-content: flex-end;
-}
-
-.emotion-12 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
-  outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
+  min-width: 0;
   padding: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  text-align: center;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  font-size: 1.5rem;
-  padding: 8px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.54);
-  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
-  padding: 5px;
-  font-size: 1.125rem;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
 }
 
-.emotion-12::-moz-focus-inner {
-  border-style: none;
+.emotion-1 {
+  margin-bottom: 8px;
+  margin-top: 8px;
 }
 
-.emotion-12.Mui-disabled {
-  pointer-events: none;
-  cursor: default;
+.emotion-2 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1.5rem;
+  line-height: 1.334;
+  letter-spacing: 0em;
 }
 
-@media print {
-  .emotion-12 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
+.emotion-3 {
+  margin: 0;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  border-width: 0;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.12);
+  border-bottom-width: thin;
 }
 
-.emotion-12:hover {
-  background-color: var(--IconButton-hoverBg);
+.emotion-4 {
+  --Grid-columns: 12;
+  --Grid-columnSpacing: 16px;
+  --Grid-rowSpacing: 16px;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-width: 0;
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
 }
 
-@media (hover: none) {
-  .emotion-12:hover {
-    background-color: transparent;
-  }
+.emotion-4>* {
+  --Grid-parent-columns: 12;
 }
 
-.emotion-12.Mui-disabled {
-  background-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
+.emotion-4>* {
+  --Grid-parent-columnSpacing: 16px;
 }
 
-.emotion-12.MuiIconButton-loading {
-  color: transparent;
+.emotion-4>* {
+  --Grid-parent-rowSpacing: 16px;
 }
 
-.emotion-13 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.25rem;
+.emotion-5 {
+  -webkit-box-flex: 0;
+  -webkit-flex-grow: 0;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  -webkit-flex-basis: auto;
+  -ms-flex-preferred-size: auto;
+  flex-basis: auto;
+  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
+  min-width: 0;
+  box-sizing: border-box;
 }
 
-.emotion-18 {
+.emotion-13 {
   background-color: #fff;
   color: rgba(0, 0, 0, 0.87);
   -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
@@ -29953,11 +31613,11 @@ exports[`single fields optional data controls shows "add" optional controls when
   background-image: var(--Paper-overlay);
 }
 
-.emotion-19 {
+.emotion-14 {
   padding: 16px;
 }
 
-.emotion-36 {
+.emotion-26 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -29973,7 +31633,7 @@ exports[`single fields optional data controls shows "add" optional controls when
   vertical-align: top;
 }
 
-.emotion-37 {
+.emotion-27 {
   color: rgba(0, 0, 0, 0.6);
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
@@ -30006,19 +31666,19 @@ exports[`single fields optional data controls shows "add" optional controls when
   max-width: calc(100% - 24px);
 }
 
-.emotion-37.Mui-focused {
+.emotion-27.Mui-focused {
   color: #1976d2;
 }
 
-.emotion-37.Mui-disabled {
+.emotion-27.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-37.Mui-error {
+.emotion-27.Mui-error {
   color: #d32f2f;
 }
 
-.emotion-38 {
+.emotion-28 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
@@ -30040,38 +31700,38 @@ exports[`single fields optional data controls shows "add" optional controls when
   border-radius: 4px;
 }
 
-.emotion-38.Mui-disabled {
+.emotion-28.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
   cursor: default;
 }
 
-.emotion-38:hover .MuiOutlinedInput-notchedOutline {
+.emotion-28:hover .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.87);
 }
 
 @media (hover: none) {
-  .emotion-38:hover .MuiOutlinedInput-notchedOutline {
+  .emotion-28:hover .MuiOutlinedInput-notchedOutline {
     border-color: rgba(0, 0, 0, 0.23);
   }
 }
 
-.emotion-38.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-28.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-width: 2px;
 }
 
-.emotion-38.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-28.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-color: #1976d2;
 }
 
-.emotion-38.Mui-error .MuiOutlinedInput-notchedOutline {
+.emotion-28.Mui-error .MuiOutlinedInput-notchedOutline {
   border-color: #d32f2f;
 }
 
-.emotion-38.Mui-disabled .MuiOutlinedInput-notchedOutline {
+.emotion-28.Mui-disabled .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-39 {
+.emotion-29 {
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -30092,80 +31752,80 @@ exports[`single fields optional data controls shows "add" optional controls when
   padding: 16.5px 14px;
 }
 
-.emotion-39::-webkit-input-placeholder {
+.emotion-29::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-39::-moz-placeholder {
+.emotion-29::-moz-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-39::-ms-input-placeholder {
+.emotion-29::-ms-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-39:focus {
+.emotion-29:focus {
   outline: 0;
 }
 
-.emotion-39:invalid {
+.emotion-29:invalid {
   box-shadow: none;
 }
 
-.emotion-39::-webkit-search-decoration {
+.emotion-29::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-39::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-29::-webkit-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-39::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-29::-moz-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-39::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-29::-ms-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-webkit-input-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-moz-placeholder {
   opacity: 0.42;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-placeholder {
   opacity: 0.42;
 }
 
-.emotion-39.Mui-disabled {
+.emotion-29.Mui-disabled {
   opacity: 1;
   -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-39:-webkit-autofill {
+.emotion-29:-webkit-autofill {
   -webkit-animation-duration: 5000s;
   animation-duration: 5000s;
   -webkit-animation-name: mui-auto-fill;
   animation-name: mui-auto-fill;
 }
 
-.emotion-39:-webkit-autofill {
+.emotion-29:-webkit-autofill {
   border-radius: inherit;
 }
 
-.emotion-40 {
+.emotion-30 {
   text-align: left;
   position: absolute;
   bottom: 0;
@@ -30183,7 +31843,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-41 {
+.emotion-31 {
   float: unset;
   width: auto;
   overflow: hidden;
@@ -30198,7 +31858,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   white-space: nowrap;
 }
 
-.emotion-41>span {
+.emotion-31>span {
   padding-left: 5px;
   padding-right: 5px;
   display: inline-block;
@@ -30206,7 +31866,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   visibility: visible;
 }
 
-.emotion-49 {
+.emotion-39 {
   --Grid-columns: 12;
   --Grid-columnSpacing: 0px;
   --Grid-rowSpacing: 0px;
@@ -30230,28 +31890,28 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   justify-content: flex-end;
 }
 
-.emotion-49>* {
+.emotion-39>* {
   --Grid-parent-columns: 12;
 }
 
-.emotion-49>* {
+.emotion-39>* {
   --Grid-parent-columnSpacing: 0px;
 }
 
-.emotion-49>* {
+.emotion-39>* {
   --Grid-parent-rowSpacing: 0px;
 }
 
-.emotion-50 {
+.emotion-40 {
   min-width: 0;
   box-sizing: border-box;
 }
 
-.emotion-51 {
+.emotion-41 {
   margin-top: 16px;
 }
 
-.emotion-52 {
+.emotion-42 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -30299,42 +31959,42 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   --IconButton-hoverBg: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-52::-moz-focus-inner {
+.emotion-42::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-52.Mui-disabled {
+.emotion-42.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-52 {
+  .emotion-42 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-52:hover {
+.emotion-42:hover {
   background-color: var(--IconButton-hoverBg);
 }
 
 @media (hover: none) {
-  .emotion-52:hover {
+  .emotion-42:hover {
     background-color: transparent;
   }
 }
 
-.emotion-52.Mui-disabled {
+.emotion-42.Mui-disabled {
   background-color: transparent;
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-52.MuiIconButton-loading {
+.emotion-42.MuiIconButton-loading {
   color: transparent;
 }
 
-.emotion-53 {
+.emotion-43 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -30351,11 +32011,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   font-size: 1.5rem;
 }
 
-.emotion-56 {
+.emotion-46 {
   margin-bottom: 16px;
 }
 
-.emotion-57 {
+.emotion-47 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -30373,11 +32033,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   margin-bottom: 16px;
 }
 
-.emotion-83 {
+.emotion-63 {
   margin-top: 24px;
 }
 
-.emotion-84 {
+.emotion-64 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -30434,57 +32094,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-84::-moz-focus-inner {
+.emotion-64::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-84.Mui-disabled {
+.emotion-64.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-84 {
+  .emotion-64 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-84:hover {
+.emotion-64:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-84.Mui-disabled {
+.emotion-64.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-84:hover {
+.emotion-64:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-84:hover {
+  .emotion-64:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-84:active {
+.emotion-64:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-84.Mui-focusVisible {
+.emotion-64.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-84.Mui-disabled {
+.emotion-64.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-84:hover {
+  .emotion-64:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -30492,7 +32152,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   }
 }
 
-.emotion-84.MuiButton-loading {
+.emotion-64.MuiButton-loading {
   color: transparent;
 }
 
@@ -30547,57 +32207,12 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                 className="MuiBox-root emotion-1"
                 id="root_nestedObjectOptional__title"
               >
-                <div
-                  className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
+                <h5
+                  className="MuiTypography-root MuiTypography-h5 emotion-2"
+                  style={{}}
                 >
-                  <div
-                    className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
-                  >
-                    <h5
-                      className="MuiTypography-root MuiTypography-h5 emotion-2"
-                      style={{}}
-                    >
-                      nestedObjectOptional
-                    </h5>
-                  </div>
-                  <div
-                    className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
-                  >
-                    <button
-                      className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
-                      disabled={null}
-                      id="root_nestedObjectOptional__optionalAdd"
-                      onBlur={[Function]}
-                      onClick={[Function]}
-                      onContextMenu={[Function]}
-                      onDragLeave={[Function]}
-                      onFocus={[Function]}
-                      onKeyDown={[Function]}
-                      onKeyUp={[Function]}
-                      onMouseDown={[Function]}
-                      onMouseLeave={[Function]}
-                      onMouseUp={[Function]}
-                      onTouchEnd={[Function]}
-                      onTouchMove={[Function]}
-                      onTouchStart={[Function]}
-                      tabIndex={0}
-                      title="Add data for optional field"
-                      type="button"
-                    >
-                      <svg
-                        aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
-                        data-testid="AddIcon"
-                        focusable="false"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
+                  nestedObjectOptional
+                </h5>
                 <hr
                   className="MuiDivider-root MuiDivider-fullWidth emotion-3"
                 />
@@ -30609,7 +32224,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                     "marginTop": "10px",
                   }
                 }
-              />
+              >
+                <em
+                  id="root_nestedObjectOptional__optionalMsg"
+                >
+                  No data for optional field
+                </em>
+              </div>
             </div>
           </div>
         </div>
@@ -30628,7 +32249,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
               className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
               <div
-                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-18"
+                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-13"
                 style={
                   {
                     "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
@@ -30636,67 +32257,27 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                 }
               >
                 <div
-                  className="MuiBox-root emotion-19"
+                  className="MuiBox-root emotion-14"
                 >
                   <div
                     className="MuiBox-root emotion-1"
                     id="root_nestedArrayOptional__title"
                   >
-                    <div
-                      className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
+                    <h5
+                      className="MuiTypography-root MuiTypography-h5 emotion-2"
+                      style={{}}
                     >
-                      <div
-                        className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
-                      >
-                        <h5
-                          className="MuiTypography-root MuiTypography-h5 emotion-2"
-                          style={{}}
-                        >
-                          nestedArrayOptional
-                        </h5>
-                      </div>
-                      <div
-                        className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
-                      >
-                        <button
-                          className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
-                          disabled={null}
-                          id="root_nestedArrayOptional__optionalAdd"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onContextMenu={[Function]}
-                          onDragLeave={[Function]}
-                          onFocus={[Function]}
-                          onKeyDown={[Function]}
-                          onKeyUp={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseLeave={[Function]}
-                          onMouseUp={[Function]}
-                          onTouchEnd={[Function]}
-                          onTouchMove={[Function]}
-                          onTouchStart={[Function]}
-                          tabIndex={0}
-                          title="Add data for optional field"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
-                            data-testid="AddIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
+                      nestedArrayOptional
+                    </h5>
                     <hr
                       className="MuiDivider-root MuiDivider-fullWidth emotion-3"
                     />
                   </div>
+                  <em
+                    id="root_nestedArrayOptional__optionalMsg"
+                  >
+                    No data for optional field
+                  </em>
                 </div>
               </div>
             </div>
@@ -30754,10 +32335,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                     >
                       <div
                         aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
-                        className="MuiFormControl-root MuiTextField-root emotion-36"
+                        className="MuiFormControl-root MuiTextField-root emotion-26"
                       >
                         <label
-                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-37"
+                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-27"
                           data-shrink={false}
                           htmlFor="root_nestedObject_test"
                           id="root_nestedObject_test-label"
@@ -30765,14 +32346,14 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                           test
                         </label>
                         <div
-                          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-38"
+                          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-28"
                           onClick={[Function]}
                         >
                           <input
                             aria-invalid={false}
                             autoFocus={false}
-                            className="MuiInputBase-input MuiOutlinedInput-input emotion-39"
-                            disabled={false}
+                            className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-29"
+                            disabled={true}
                             id="root_nestedObject_test"
                             name="root_nestedObject_test"
                             onAnimationStart={[Function]}
@@ -30786,10 +32367,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                           />
                           <fieldset
                             aria-hidden={true}
-                            className="MuiOutlinedInput-notchedOutline emotion-40"
+                            className="MuiOutlinedInput-notchedOutline emotion-30"
                           >
                             <legend
-                              className="emotion-41"
+                              className="emotion-31"
                             >
                               <span>
                                 test
@@ -30820,7 +32401,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
               className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
               <div
-                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-18"
+                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-13"
                 style={
                   {
                     "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
@@ -30828,7 +32409,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                 }
               >
                 <div
-                  className="MuiBox-root emotion-19"
+                  className="MuiBox-root emotion-14"
                 >
                   <div
                     className="MuiBox-root emotion-1"
@@ -30845,17 +32426,17 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                     />
                   </div>
                   <div
-                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-49"
+                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-39"
                   >
                     <div
-                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-50"
+                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-40"
                     >
                       <div
-                        className="MuiBox-root emotion-51"
+                        className="MuiBox-root emotion-41"
                       >
                         <button
-                          className="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-52"
-                          disabled={null}
+                          className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-42"
+                          disabled={true}
                           id="root_nestedArray__add"
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -30870,111 +32451,66 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                           onTouchEnd={[Function]}
                           onTouchMove={[Function]}
                           onTouchStart={[Function]}
-                          tabIndex={0}
+                          tabIndex={-1}
                           title="Add Item"
                           type="button"
                         >
                           <svg
-                            aria-hidden={true}
-                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-53"
-                            data-testid="AddIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
-        >
-          <div
-            className="rjsf-field rjsf-field-undefined"
-          >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-            >
-              <div
-                className="MuiBox-root emotion-56"
-              >
-                <div
-                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-57"
-                />
-                <div
-                  className="rjsf-field rjsf-field-object"
-                >
-                  <div
-                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-                  >
-                    <div
-                      className="MuiBox-root emotion-1"
-                      id="root_optionalObjectWithOneofs__title"
-                    >
-                      <div
-                        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
-                      >
-                        <div
-                          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
-                        >
-                          <h5
-                            className="MuiTypography-root MuiTypography-h5 emotion-2"
-                            style={{}}
-                          >
-                            optionalObjectWithOneofs
-                          </h5>
-                        </div>
-                        <div
-                          className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
-                        >
-                          <button
-                            className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
-                            disabled={null}
-                            id="root_optionalObjectWithOneofs__optionalAdd"
-                            onBlur={[Function]}
-                            onClick={[Function]}
-                            onContextMenu={[Function]}
-                            onDragLeave={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyUp={[Function]}
-                            onMouseDown={[Function]}
-                            onMouseLeave={[Function]}
-                            onMouseUp={[Function]}
-                            onTouchEnd={[Function]}
-                            onTouchMove={[Function]}
-                            onTouchStart={[Function]}
-                            tabIndex={0}
-                            title="Add data for optional field"
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden={true}
-                              className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
-                              data-testid="AddIcon"
-                              focusable="false"
-                              viewBox="0 0 24 24"
-                            >
-                              <path
-                                d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                              />
-                            </svg>
-                          </button>
-                        </div>
+                            aria-hidden={true}
+                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-43"
+                            data-testid="AddIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                            />
+                          </svg>
+                        </button>
                       </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            >
+              <div
+                className="MuiBox-root emotion-46"
+              >
+                <div
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-47"
+                />
+                <div
+                  className="rjsf-field rjsf-field-object"
+                >
+                  <div
+                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                  >
+                    <div
+                      className="MuiBox-root emotion-1"
+                      id="root_optionalObjectWithOneofs__title"
+                    >
+                      <h5
+                        className="MuiTypography-root MuiTypography-h5 emotion-2"
+                        style={{}}
+                      >
+                        optionalObjectWithOneofs
+                      </h5>
                       <hr
                         className="MuiDivider-root MuiDivider-fullWidth emotion-3"
                       />
@@ -30986,7 +32522,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                           "marginTop": "10px",
                         }
                       }
-                    />
+                    >
+                      <em
+                        id="root_optionalObjectWithOneofs__optionalMsg"
+                      >
+                        No data for optional field
+                      </em>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -31008,10 +32550,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
               className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
             >
               <div
-                className="MuiBox-root emotion-56"
+                className="MuiBox-root emotion-46"
               >
                 <div
-                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-57"
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-47"
                 />
                 <div
                   className="rjsf-field rjsf-field-array"
@@ -31020,7 +32562,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                     className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
                   >
                     <div
-                      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-18"
+                      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-13"
                       style={
                         {
                           "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
@@ -31028,67 +32570,27 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
                       }
                     >
                       <div
-                        className="MuiBox-root emotion-19"
+                        className="MuiBox-root emotion-14"
                       >
                         <div
                           className="MuiBox-root emotion-1"
                           id="root_optionalArrayWithAnyofs__title"
                         >
-                          <div
-                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
+                          <h5
+                            className="MuiTypography-root MuiTypography-h5 emotion-2"
+                            style={{}}
                           >
-                            <div
-                              className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
-                            >
-                              <h5
-                                className="MuiTypography-root MuiTypography-h5 emotion-2"
-                                style={{}}
-                              >
-                                optionalArrayWithAnyofs
-                              </h5>
-                            </div>
-                            <div
-                              className="MuiGrid-root MuiGrid-direction-xs-row emotion-11"
-                            >
-                              <button
-                                className="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeSmall rjsf-add-optional-data emotion-12"
-                                disabled={null}
-                                id="root_optionalArrayWithAnyofs__optionalAdd"
-                                onBlur={[Function]}
-                                onClick={[Function]}
-                                onContextMenu={[Function]}
-                                onDragLeave={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyUp={[Function]}
-                                onMouseDown={[Function]}
-                                onMouseLeave={[Function]}
-                                onMouseUp={[Function]}
-                                onTouchEnd={[Function]}
-                                onTouchMove={[Function]}
-                                onTouchStart={[Function]}
-                                tabIndex={0}
-                                title="Add data for optional field"
-                                type="button"
-                              >
-                                <svg
-                                  aria-hidden={true}
-                                  className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
-                                  data-testid="AddIcon"
-                                  focusable="false"
-                                  viewBox="0 0 24 24"
-                                >
-                                  <path
-                                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                                  />
-                                </svg>
-                              </button>
-                            </div>
-                          </div>
+                            optionalArrayWithAnyofs
+                          </h5>
                           <hr
                             className="MuiDivider-root MuiDivider-fullWidth emotion-3"
                           />
                         </div>
+                        <em
+                          id="root_optionalArrayWithAnyofs__optionalMsg"
+                        >
+                          No data for optional field
+                        </em>
                       </div>
                     </div>
                   </div>
@@ -31101,135 +32603,34 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-83"
+    className="MuiBox-root emotion-63"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-84"
-      disabled={null}
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-64"
+      disabled={true}
       onBlur={[Function]}
       onContextMenu={[Function]}
-      onDragLeave={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      onMouseLeave={[Function]}
-      onMouseUp={[Function]}
-      onTouchEnd={[Function]}
-      onTouchMove={[Function]}
-      onTouchStart={[Function]}
-      tabIndex={0}
-      type="submit"
-    >
-      Submit
-    </button>
-  </div>
-</form>
-`;
-
-exports[`single fields optional data controls shows "add" optional controls when turned on in uiSchema, disabled and no formData 1`] = `
-.emotion-0 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-  width: 100%;
-}
-
-.emotion-1 {
-  margin-bottom: 8px;
-  margin-top: 8px;
-}
-
-.emotion-2 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1.5rem;
-  line-height: 1.334;
-  letter-spacing: 0em;
-}
-
-.emotion-3 {
-  margin: 0;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  border-width: 0;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.12);
-  border-bottom-width: thin;
-}
-
-.emotion-4 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 16px;
-  --Grid-rowSpacing: 16px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-}
-
-.emotion-4>* {
-  --Grid-parent-columns: 12;
-}
-
-.emotion-4>* {
-  --Grid-parent-columnSpacing: 16px;
-}
-
-.emotion-4>* {
-  --Grid-parent-rowSpacing: 16px;
-}
-
-.emotion-5 {
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
-  flex-grow: 0;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
-  min-width: 0;
-  box-sizing: border-box;
-}
-
-.emotion-13 {
-  background-color: #fff;
-  color: rgba(0, 0, 0, 0.87);
-  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  border-radius: 4px;
-  box-shadow: var(--Paper-shadow);
-  background-image: var(--Paper-overlay);
-}
-
-.emotion-14 {
-  padding: 16px;
-}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={-1}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
 
-.emotion-26 {
+exports[`single fields password field 1`] = `
+.emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -31243,54 +32644,26 @@ exports[`single fields optional data controls shows "add" optional controls when
   margin: 0;
   border: 0;
   vertical-align: top;
+  width: 100%;
 }
 
-.emotion-27 {
-  color: rgba(0, 0, 0, 0.6);
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.4375em;
-  letter-spacing: 0.00938em;
-  padding: 0;
+.emotion-1 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
   position: relative;
-  display: block;
-  transform-origin: top left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  -webkit-transform: translate(0, 20px) scale(1);
-  -moz-transform: translate(0, 20px) scale(1);
-  -ms-transform: translate(0, 20px) scale(1);
-  transform: translate(0, 20px) scale(1);
-  -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  z-index: 1;
-  pointer-events: none;
-  -webkit-transform: translate(14px, 16px) scale(1);
-  -moz-transform: translate(14px, 16px) scale(1);
-  -ms-transform: translate(14px, 16px) scale(1);
-  transform: translate(14px, 16px) scale(1);
-  max-width: calc(100% - 24px);
-}
-
-.emotion-27.Mui-focused {
-  color: #1976d2;
-}
-
-.emotion-27.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-27.Mui-error {
-  color: #d32f2f;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
 }
 
-.emotion-28 {
+.emotion-2 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
@@ -31312,38 +32685,38 @@ exports[`single fields optional data controls shows "add" optional controls when
   border-radius: 4px;
 }
 
-.emotion-28.Mui-disabled {
+.emotion-2.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
   cursor: default;
 }
 
-.emotion-28:hover .MuiOutlinedInput-notchedOutline {
+.emotion-2:hover .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.87);
 }
 
 @media (hover: none) {
-  .emotion-28:hover .MuiOutlinedInput-notchedOutline {
+  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
     border-color: rgba(0, 0, 0, 0.23);
   }
 }
 
-.emotion-28.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-width: 2px;
 }
 
-.emotion-28.Mui-focused .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
   border-color: #1976d2;
 }
 
-.emotion-28.Mui-error .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
   border-color: #d32f2f;
 }
 
-.emotion-28.Mui-disabled .MuiOutlinedInput-notchedOutline {
+.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-29 {
+.emotion-3 {
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -31364,166 +32737,391 @@ exports[`single fields optional data controls shows "add" optional controls when
   padding: 16.5px 14px;
 }
 
-.emotion-29::-webkit-input-placeholder {
+.emotion-3::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-29::-moz-placeholder {
+.emotion-3::-moz-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-29::-ms-input-placeholder {
+.emotion-3::-ms-input-placeholder {
   color: currentColor;
   opacity: 0.42;
   -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-29:focus {
+.emotion-3:focus {
   outline: 0;
 }
 
-.emotion-29:invalid {
+.emotion-3:invalid {
   box-shadow: none;
 }
 
-.emotion-29::-webkit-search-decoration {
+.emotion-3::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-29::-webkit-input-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-29::-moz-placeholder {
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
   opacity: 0!important;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-29::-ms-input-placeholder {
-  opacity: 0!important;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
+  opacity: 0.42;
+}
+
+.emotion-3.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-3:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
+}
+
+.emotion-3:-webkit-autofill {
+  border-radius: inherit;
+}
+
+.emotion-4 {
+  text-align: left;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: -5px;
+  left: 0;
+  margin: 0;
+  padding: 0 8px;
+  pointer-events: none;
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
+}
+
+.emotion-5 {
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  padding: 0;
+  line-height: 11px;
+  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+}
+
+.emotion-6 {
+  margin-top: 24px;
+}
+
+.emotion-7 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.75;
+  letter-spacing: 0.02857em;
+  text-transform: uppercase;
+  min-width: 64px;
+  padding: 6px 16px;
+  border: 0;
+  border-radius: 4px;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  color: var(--variant-containedColor);
+  background-color: var(--variant-containedBg);
+  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  --variant-textColor: #1976d2;
+  --variant-outlinedColor: #1976d2;
+  --variant-outlinedBorder: rgba(25, 118, 210, 0.5);
+  --variant-containedColor: #fff;
+  --variant-containedBg: #1976d2;
+  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-7::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-7.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
+@media print {
+  .emotion-7 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.emotion-7:hover {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.emotion-7.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-7:hover {
+  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-webkit-input-placeholder {
-  opacity: 0.42;
+@media (hover: none) {
+  .emotion-7:hover {
+    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
+  }
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-moz-placeholder {
-  opacity: 0.42;
+.emotion-7:active {
+  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-placeholder {
-  opacity: 0.42;
+.emotion-7.Mui-focusVisible {
+  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-29.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+.emotion-7.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.12);
 }
 
-.emotion-29:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
+@media (hover: hover) {
+  .emotion-7:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
 }
 
-.emotion-29:-webkit-autofill {
-  border-radius: inherit;
+.emotion-7.MuiButton-loading {
+  color: transparent;
 }
 
-.emotion-30 {
-  text-align: left;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  top: -5px;
-  left: 0;
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-string"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    >
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
+      >
+        <div
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
+          onClick={[Function]}
+        >
+          <input
+            aria-invalid={false}
+            autoFocus={false}
+            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            disabled={false}
+            id="root"
+            name="root"
+            onAnimationStart={[Function]}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            placeholder=""
+            required={false}
+            type="password"
+            value=""
+          />
+          <fieldset
+            aria-hidden={true}
+            className="MuiOutlinedInput-notchedOutline emotion-4"
+          >
+            <legend
+              className="emotion-5"
+            >
+              <span
+                aria-hidden={true}
+                className="notranslate"
+              >
+                ​
+              </span>
+            </legend>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="MuiBox-root emotion-6"
+  >
+    <button
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
+      disabled={null}
+      onBlur={[Function]}
+      onContextMenu={[Function]}
+      onDragLeave={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      tabIndex={0}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields radio field 1`] = `
+.emotion-0 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
   margin: 0;
-  padding: 0 8px;
-  pointer-events: none;
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 1px;
-  overflow: hidden;
-  min-width: 0%;
-  border-color: rgba(0, 0, 0, 0.23);
+  border: 0;
+  vertical-align: top;
+  width: 100%;
 }
 
-.emotion-31 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  display: block;
+.emotion-1 {
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
   padding: 0;
-  height: 11px;
-  font-size: 0.75em;
-  visibility: hidden;
-  max-width: 0.01px;
-  -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  white-space: nowrap;
+  position: relative;
 }
 
-.emotion-31>span {
-  padding-left: 5px;
-  padding-right: 5px;
-  display: inline-block;
-  opacity: 0;
-  visibility: visible;
+.emotion-1.Mui-focused {
+  color: #1976d2;
 }
 
-.emotion-39 {
-  --Grid-columns: 12;
-  --Grid-columnSpacing: 0px;
-  --Grid-rowSpacing: 0px;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  min-width: 0;
-  box-sizing: border-box;
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.emotion-1.Mui-error {
+  color: #d32f2f;
+}
+
+.emotion-2 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
   -webkit-box-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  -webkit-justify-content: flex-end;
-  justify-content: flex-end;
-}
-
-.emotion-39>* {
-  --Grid-parent-columns: 12;
-}
-
-.emotion-39>* {
-  --Grid-parent-columnSpacing: 0px;
 }
 
-.emotion-39>* {
-  --Grid-parent-rowSpacing: 0px;
+.emotion-3 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-tap-highlight-color: transparent;
+  margin-left: -11px;
+  margin-right: 16px;
 }
 
-.emotion-40 {
-  min-width: 0;
-  box-sizing: border-box;
+.emotion-3.Mui-disabled {
+  cursor: default;
 }
 
-.emotion-41 {
-  margin-top: 16px;
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-42 {
+.emotion-4 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -31555,58 +33153,68 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
   -webkit-appearance: none;
   -webkit-text-decoration: none;
   text-decoration: none;
-  color: inherit;
-  text-align: center;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  font-size: 1.5rem;
-  padding: 8px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.54);
-  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
-  color: #1976d2;
-  --IconButton-hoverBg: rgba(25, 118, 210, 0.04);
+  color: inherit;
+  padding: 9px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-42::-moz-focus-inner {
+.emotion-4::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-42.Mui-disabled {
+.emotion-4.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-42 {
+  .emotion-4 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-42:hover {
-  background-color: var(--IconButton-hoverBg);
+.emotion-4.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-4:hover {
+  background-color: rgba(25, 118, 210, 0.04);
+}
+
+.emotion-4.Mui-checked {
+  color: #1976d2;
 }
 
 @media (hover: none) {
-  .emotion-42:hover {
+  .emotion-4:hover {
     background-color: transparent;
   }
 }
 
-.emotion-42.Mui-disabled {
-  background-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
+.emotion-5 {
+  cursor: inherit;
+  position: absolute;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
 }
 
-.emotion-42.MuiIconButton-loading {
-  color: transparent;
+.emotion-6 {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
 }
 
-.emotion-43 {
+.emotion-7 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -31621,35 +33229,51 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
 }
 
-.emotion-46 {
-  margin-bottom: 16px;
+.emotion-8 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  left: 0;
+  position: absolute;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
 }
 
-.emotion-47 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
+.emotion-9 {
   margin: 0;
-  border: 0;
-  vertical-align: top;
-  width: 100%;
-  margin-bottom: 16px;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
-.emotion-63 {
+.emotion-17 {
   margin-top: 24px;
 }
 
-.emotion-64 {
+.emotion-18 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -31706,57 +33330,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-64::-moz-focus-inner {
+.emotion-18::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-64.Mui-disabled {
+.emotion-18.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-64 {
+  .emotion-18 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-64:hover {
+.emotion-18:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-64.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-64:hover {
+.emotion-18:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-64:hover {
+  .emotion-18:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-64:active {
+.emotion-18:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-64.Mui-focusVisible {
+.emotion-18.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-64.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-64:hover {
+  .emotion-18:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -31764,7 +33388,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
   }
 }
 
-.emotion-64.MuiButton-loading {
+.emotion-18.MuiButton-loading {
   color: transparent;
 }
 
@@ -31774,452 +33398,160 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-object"
+    className="rjsf-field rjsf-field-boolean"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      />
       <div
-        className="MuiBox-root emotion-1"
-        id="root__title"
-      >
-        <h5
-          className="MuiTypography-root MuiTypography-h5 emotion-2"
-          style={{}}
-        >
-          test
-        </h5>
-        <hr
-          className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-        />
-      </div>
-      <div
-        className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
-        style={
-          {
-            "marginTop": "10px",
-          }
-        }
-      >
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
-        >
-          <div
-            className="rjsf-field rjsf-field-object"
-          >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-            >
-              <div
-                className="MuiBox-root emotion-1"
-                id="root_nestedObjectOptional__title"
-              >
-                <h5
-                  className="MuiTypography-root MuiTypography-h5 emotion-2"
-                  style={{}}
-                >
-                  nestedObjectOptional
-                </h5>
-                <hr
-                  className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                />
-              </div>
-              <div
-                className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
-                style={
-                  {
-                    "marginTop": "10px",
-                  }
-                }
-              >
-                <em
-                  id="root_nestedObjectOptional__optionalMsg"
-                >
-                  No data for optional field
-                </em>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
-        >
-          <div
-            className="rjsf-field rjsf-field-array"
-          >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-            >
-              <div
-                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-13"
-                style={
-                  {
-                    "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-                  }
-                }
-              >
-                <div
-                  className="MuiBox-root emotion-14"
-                >
-                  <div
-                    className="MuiBox-root emotion-1"
-                    id="root_nestedArrayOptional__title"
-                  >
-                    <h5
-                      className="MuiTypography-root MuiTypography-h5 emotion-2"
-                      style={{}}
-                    >
-                      nestedArrayOptional
-                    </h5>
-                    <hr
-                      className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                    />
-                  </div>
-                  <em
-                    id="root_nestedArrayOptional__optionalMsg"
-                  >
-                    No data for optional field
-                  </em>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
-          <div
-            className="rjsf-field rjsf-field-object"
+          <span
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
           >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={false}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="0"
+            />
+            <span
+              className="emotion-6"
             >
-              <div
-                className="MuiBox-root emotion-1"
-                id="root_nestedObject__title"
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                <h5
-                  className="MuiTypography-root MuiTypography-h5 emotion-2"
-                  style={{}}
-                >
-                  nestedObject
-                </h5>
-                <hr
-                  className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                 />
-              </div>
-              <div
-                className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
-                style={
-                  {
-                    "marginTop": "10px",
-                  }
-                }
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                <div
-                  className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                  style={
-                    {
-                      "marginBottom": "10px",
-                    }
-                  }
-                >
-                  <div
-                    className="rjsf-field rjsf-field-string"
-                  >
-                    <div
-                      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-                    >
-                      <div
-                        aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
-                        className="MuiFormControl-root MuiTextField-root emotion-26"
-                      >
-                        <label
-                          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-27"
-                          data-shrink={false}
-                          htmlFor="root_nestedObject_test"
-                          id="root_nestedObject_test-label"
-                        >
-                          test
-                        </label>
-                        <div
-                          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-28"
-                          onClick={[Function]}
-                        >
-                          <input
-                            aria-invalid={false}
-                            autoFocus={false}
-                            className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-29"
-                            disabled={true}
-                            id="root_nestedObject_test"
-                            name="root_nestedObject_test"
-                            onAnimationStart={[Function]}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            placeholder=""
-                            required={false}
-                            type="text"
-                            value=""
-                          />
-                          <fieldset
-                            aria-hidden={true}
-                            className="MuiOutlinedInput-notchedOutline emotion-30"
-                          >
-                            <legend
-                              className="emotion-31"
-                            >
-                              <span>
-                                test
-                              </span>
-                            </legend>
-                          </fieldset>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
-        >
-          <div
-            className="rjsf-field rjsf-field-array"
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
+            style={{}}
           >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-            >
-              <div
-                className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-13"
-                style={
-                  {
-                    "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-                  }
-                }
-              >
-                <div
-                  className="MuiBox-root emotion-14"
-                >
-                  <div
-                    className="MuiBox-root emotion-1"
-                    id="root_nestedArray__title"
-                  >
-                    <h5
-                      className="MuiTypography-root MuiTypography-h5 emotion-2"
-                      style={{}}
-                    >
-                      nestedArray
-                    </h5>
-                    <hr
-                      className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                    />
-                  </div>
-                  <div
-                    className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-39"
-                  >
-                    <div
-                      className="MuiGrid-root MuiGrid-direction-xs-row emotion-40"
-                    >
-                      <div
-                        className="MuiBox-root emotion-41"
-                      >
-                        <button
-                          className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-42"
-                          disabled={true}
-                          id="root_nestedArray__add"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onContextMenu={[Function]}
-                          onDragLeave={[Function]}
-                          onFocus={[Function]}
-                          onKeyDown={[Function]}
-                          onKeyUp={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseLeave={[Function]}
-                          onMouseUp={[Function]}
-                          onTouchEnd={[Function]}
-                          onTouchMove={[Function]}
-                          onTouchStart={[Function]}
-                          tabIndex={-1}
-                          title="Add Item"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-43"
-                            data-testid="AddIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
+            Yes
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
-          <div
-            className="rjsf-field rjsf-field-undefined"
+          <span
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
           >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={false}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="1"
+            />
+            <span
+              className="emotion-6"
             >
-              <div
-                className="MuiBox-root emotion-46"
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                <div
-                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-47"
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                 />
-                <div
-                  className="rjsf-field rjsf-field-object"
-                >
-                  <div
-                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-                  >
-                    <div
-                      className="MuiBox-root emotion-1"
-                      id="root_optionalObjectWithOneofs__title"
-                    >
-                      <h5
-                        className="MuiTypography-root MuiTypography-h5 emotion-2"
-                        style={{}}
-                      >
-                        optionalObjectWithOneofs
-                      </h5>
-                      <hr
-                        className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                      />
-                    </div>
-                    <div
-                      className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
-                      style={
-                        {
-                          "marginTop": "10px",
-                        }
-                      }
-                    >
-                      <em
-                        id="root_optionalObjectWithOneofs__optionalMsg"
-                      >
-                        No data for optional field
-                      </em>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-          style={
-            {
-              "marginBottom": "10px",
-            }
-          }
-        >
-          <div
-            className="rjsf-field rjsf-field-undefined"
-          >
-            <div
-              className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-            >
-              <div
-                className="MuiBox-root emotion-46"
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                <div
-                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-47"
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                 />
-                <div
-                  className="rjsf-field rjsf-field-array"
-                >
-                  <div
-                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-                  >
-                    <div
-                      className="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation2 emotion-13"
-                      style={
-                        {
-                          "--Paper-shadow": "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-                        }
-                      }
-                    >
-                      <div
-                        className="MuiBox-root emotion-14"
-                      >
-                        <div
-                          className="MuiBox-root emotion-1"
-                          id="root_optionalArrayWithAnyofs__title"
-                        >
-                          <h5
-                            className="MuiTypography-root MuiTypography-h5 emotion-2"
-                            style={{}}
-                          >
-                            optionalArrayWithAnyofs
-                          </h5>
-                          <hr
-                            className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                          />
-                        </div>
-                        <em
-                          id="root_optionalArrayWithAnyofs__optionalMsg"
-                        >
-                          No data for optional field
-                        </em>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
+            style={{}}
+          >
+            No
+          </span>
+        </label>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-63"
+    className="MuiBox-root emotion-17"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-64"
-      disabled={true}
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
+      disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
       onDragLeave={[Function]}
@@ -32232,7 +33564,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
-      tabIndex={-1}
+      tabIndex={0}
       type="submit"
     >
       Submit
@@ -32241,7 +33573,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
 </form>
 `;
 
-exports[`single fields password field 1`] = `
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -32260,201 +33592,238 @@ exports[`single fields password field 1`] = `
 }
 
 .emotion-1 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-}
-
-.emotion-2 {
+  color: rgba(0, 0, 0, 0.6);
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
   letter-spacing: 0.00938em;
-  color: rgba(0, 0, 0, 0.87);
-  box-sizing: border-box;
-  position: relative;
-  cursor: text;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  padding: 0;
   position: relative;
-  border-radius: 4px;
-}
-
-.emotion-2.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-  cursor: default;
-}
-
-.emotion-2:hover .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.87);
-}
-
-@media (hover: none) {
-  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
-    border-color: rgba(0, 0, 0, 0.23);
-  }
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-width: 2px;
 }
 
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #1976d2;
+.emotion-1.Mui-focused {
+  color: #1976d2;
 }
 
-.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
-  border-color: #d32f2f;
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.26);
+.emotion-1.Mui-error {
+  color: #d32f2f;
 }
 
-.emotion-3 {
-  font: inherit;
-  letter-spacing: inherit;
-  color: currentColor;
-  padding: 4px 0 5px;
-  border: 0;
-  box-sizing: content-box;
-  background: none;
-  height: 1.4375em;
-  margin: 0;
-  -webkit-tap-highlight-color: transparent;
-  display: block;
-  min-width: 0;
-  width: 100%;
-  -webkit-animation-name: mui-auto-fill-cancel;
-  animation-name: mui-auto-fill-cancel;
-  -webkit-animation-duration: 10ms;
-  animation-duration: 10ms;
-  padding: 16.5px 14px;
+.emotion-2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
-.emotion-3::-webkit-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-3 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-tap-highlight-color: transparent;
+  margin-left: -11px;
+  margin-right: 16px;
 }
 
-.emotion-3::-moz-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-3.Mui-disabled {
+  cursor: default;
 }
 
-.emotion-3::-ms-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3:focus {
+.emotion-4 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
   outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  padding: 9px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-3:invalid {
-  box-shadow: none;
+.emotion-4::-moz-focus-inner {
+  border-style: none;
 }
 
-.emotion-3::-webkit-search-decoration {
-  -webkit-appearance: none;
+.emotion-4.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
-  opacity: 0!important;
+@media print {
+  .emotion-4 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
-  opacity: 0!important;
+.emotion-4.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
-  opacity: 0!important;
+.emotion-4:hover {
+  background-color: rgba(25, 118, 210, 0.04);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
-  opacity: 0.42;
+.emotion-4.Mui-checked {
+  color: #1976d2;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
-  opacity: 0.42;
+@media (hover: none) {
+  .emotion-4:hover {
+    background-color: transparent;
+  }
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
-  opacity: 0.42;
+.emotion-5 {
+  cursor: inherit;
+  position: absolute;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
 }
 
-.emotion-3.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+.emotion-6 {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
 }
 
-.emotion-3:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
+.emotion-7 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
 }
 
-.emotion-3:-webkit-autofill {
-  border-radius: inherit;
+.emotion-8 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  left: 0;
+  position: absolute;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
 }
 
-.emotion-4 {
-  text-align: left;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  top: -5px;
-  left: 0;
+.emotion-9 {
   margin: 0;
-  padding: 0 8px;
-  pointer-events: none;
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 1px;
-  overflow: hidden;
-  min-width: 0%;
-  border-color: rgba(0, 0, 0, 0.23);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
-.emotion-5 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  padding: 0;
-  line-height: 11px;
-  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+.emotion-17 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.66;
+  letter-spacing: 0.03333em;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-6 {
+.emotion-18 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.57;
+  letter-spacing: 0.00714em;
+}
+
+.emotion-19 {
   margin-top: 24px;
 }
 
-.emotion-7 {
+.emotion-20 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -32511,57 +33880,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-7::-moz-focus-inner {
+.emotion-20::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-20.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-7 {
+  .emotion-20 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-7:hover {
+.emotion-20:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-20.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-7:hover {
+.emotion-20:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-7:hover {
+  .emotion-20:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-7:active {
+.emotion-20:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-focusVisible {
+.emotion-20.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-disabled {
+.emotion-20.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-7:hover {
+  .emotion-20:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -32569,7 +33938,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   }
 }
 
-.emotion-7.MuiButton-loading {
+.emotion-20.MuiButton-loading {
   color: transparent;
 }
 
@@ -32579,59 +33948,177 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-boolean"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      >
+        test
+      </label>
       <div
         aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-1"
+        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
       >
-        <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
-          onClick={[Function]}
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
-          <input
-            aria-invalid={false}
-            autoFocus={false}
-            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
-            disabled={false}
-            id="root"
-            name="root"
-            onAnimationStart={[Function]}
+          <span
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
             onBlur={[Function]}
-            onChange={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
             onFocus={[Function]}
-            placeholder=""
-            required={false}
-            type="password"
-            value=""
-          />
-          <fieldset
-            aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-4"
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
           >
-            <legend
-              className="emotion-5"
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={false}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="0"
+            />
+            <span
+              className="emotion-6"
             >
-              <span
+              <svg
                 aria-hidden={true}
-                className="notranslate"
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                ​
-              </span>
-            </legend>
-          </fieldset>
-        </div>
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
+            style={{}}
+          >
+            Yes
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
+          >
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={false}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="1"
+            />
+            <span
+              className="emotion-6"
+            >
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
+            style={{}}
+          >
+            No
+          </span>
+        </label>
       </div>
+      <span
+        className="MuiTypography-root MuiTypography-caption emotion-17"
+        style={{}}
+      >
+        <h6
+          className="MuiTypography-root MuiTypography-subtitle2 emotion-18"
+          id="root__description"
+          style={
+            {
+              "marginTop": "5px",
+            }
+          }
+        >
+          This is a radio description
+        </h6>
+      </span>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-6"
+    className="MuiBox-root emotion-19"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-20"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -32654,7 +34141,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields radio field 1`] = `
+exports[`single fields schema examples 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -32673,219 +34160,201 @@ exports[`single fields radio field 1`] = `
 }
 
 .emotion-1 {
-  color: rgba(0, 0, 0, 0.6);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+}
+
+.emotion-2 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
   letter-spacing: 0.00938em;
-  padding: 0;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   position: relative;
+  border-radius: 4px;
 }
 
-.emotion-1.Mui-focused {
-  color: #1976d2;
+.emotion-2.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+  cursor: default;
 }
 
-.emotion-1.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
+.emotion-2:hover .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.87);
 }
 
-.emotion-1.Mui-error {
-  color: #d32f2f;
+@media (hover: none) {
+  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
+    border-color: rgba(0, 0, 0, 0.23);
+  }
 }
 
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-width: 2px;
+}
+
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #1976d2;
+}
+
+.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
+  border-color: #d32f2f;
+}
+
+.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-3 {
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 4px 0 5px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+  padding: 16.5px 14px;
 }
 
-.emotion-3 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  cursor: pointer;
-  vertical-align: middle;
-  -webkit-tap-highlight-color: transparent;
-  margin-left: -11px;
-  margin-right: 16px;
+.emotion-3::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3.Mui-disabled {
-  cursor: default;
+.emotion-3::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
+.emotion-3::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-4 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
+.emotion-3:focus {
   outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
-  padding: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  padding: 9px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-4::-moz-focus-inner {
-  border-style: none;
+.emotion-3:invalid {
+  box-shadow: none;
 }
 
-.emotion-4.Mui-disabled {
-  pointer-events: none;
-  cursor: default;
+.emotion-3::-webkit-search-decoration {
+  -webkit-appearance: none;
 }
 
-@media print {
-  .emotion-4 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
+  opacity: 0!important;
 }
 
-.emotion-4.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
+  opacity: 0!important;
 }
 
-.emotion-4:hover {
-  background-color: rgba(25, 118, 210, 0.04);
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
+  opacity: 0!important;
 }
 
-.emotion-4.Mui-checked {
-  color: #1976d2;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
+  opacity: 0.42;
 }
 
-@media (hover: none) {
-  .emotion-4:hover {
-    background-color: transparent;
-  }
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
+  opacity: 0.42;
 }
 
-.emotion-5 {
-  cursor: inherit;
-  position: absolute;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  z-index: 1;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
+  opacity: 0.42;
 }
 
-.emotion-6 {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
+.emotion-3.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-7 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-  -ms-transform: scale(1);
-  transform: scale(1);
+.emotion-3:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
 }
 
-.emotion-8 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
-  left: 0;
-  position: absolute;
-  -webkit-transform: scale(0);
-  -moz-transform: scale(0);
-  -ms-transform: scale(0);
-  transform: scale(0);
-  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+.emotion-3:-webkit-autofill {
+  border-radius: inherit;
 }
 
-.emotion-9 {
+.emotion-4 {
+  text-align: left;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: -5px;
+  left: 0;
   margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: 0.00938em;
+  padding: 0 8px;
+  pointer-events: none;
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-17 {
+.emotion-5 {
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  padding: 0;
+  line-height: 11px;
+  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+}
+
+.emotion-6 {
   margin-top: 24px;
 }
 
-.emotion-18 {
+.emotion-7 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -32942,57 +34411,57 @@ exports[`single fields radio field 1`] = `
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-18::-moz-focus-inner {
+.emotion-7::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-18.Mui-disabled {
+.emotion-7.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-18 {
+  .emotion-7 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-18:hover {
+.emotion-7:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-18.Mui-disabled {
+.emotion-7.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-18:hover {
+.emotion-7:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-18:hover {
+  .emotion-7:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-18:active {
+.emotion-7:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-18.Mui-focusVisible {
+.emotion-7.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-18.Mui-disabled {
+.emotion-7.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-18:hover {
+  .emotion-7:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -33000,7 +34469,7 @@ exports[`single fields radio field 1`] = `
   }
 }
 
-.emotion-18.MuiButton-loading {
+.emotion-7.MuiButton-loading {
   color: transparent;
 }
 
@@ -33010,159 +34479,79 @@ exports[`single fields radio field 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-boolean"
+    className="rjsf-field rjsf-field-string"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
-      <label
-        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
-        htmlFor="root"
-      />
       <div
-        aria-describedby="root__error root__description root__help"
-        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
-        id="root"
-        onBlur={[Function]}
-        onFocus={[Function]}
-        role="radiogroup"
+        aria-describedby="root__error root__description root__help root__examples"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
       >
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
-          >
-            <input
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              disabled={false}
-              id="root-0"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="radio"
-              value="0"
-            />
-            <span
-              className="emotion-6"
-            >
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
-                data-testid="RadioButtonUncheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                />
-              </svg>
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
-                data-testid="RadioButtonCheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                />
-              </svg>
-            </span>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
-            style={{}}
-          >
-            Yes
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        <div
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
+          onClick={[Function]}
         >
-          <span
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
+          <input
+            aria-invalid={false}
+            autoFocus={false}
+            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            disabled={false}
+            id="root"
+            list="root__examples"
+            name="root"
+            onAnimationStart={[Function]}
             onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
+            onChange={[Function]}
             onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
+            placeholder=""
+            required={false}
+            type="text"
+            value=""
+          />
+          <fieldset
+            aria-hidden={true}
+            className="MuiOutlinedInput-notchedOutline emotion-4"
           >
-            <input
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              disabled={false}
-              id="root-1"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="radio"
-              value="1"
-            />
-            <span
-              className="emotion-6"
+            <legend
+              className="emotion-5"
             >
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
-                data-testid="RadioButtonUncheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                />
-              </svg>
-              <svg
+              <span
                 aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
-                data-testid="RadioButtonCheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
+                className="notranslate"
               >
-                <path
-                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                />
-              </svg>
-            </span>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
-            style={{}}
-          >
-            No
-          </span>
-        </label>
+                ​
+              </span>
+            </legend>
+          </fieldset>
+        </div>
       </div>
+      <datalist
+        id="root__examples"
+      >
+        <option
+          value="Firefox"
+        />
+        <option
+          value="Chrome"
+        />
+        <option
+          value="Opera"
+        />
+        <option
+          value="Vivaldi"
+        />
+        <option
+          value="Safari"
+        />
+      </datalist>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-17"
+    className="MuiBox-root emotion-6"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -33185,7 +34574,7 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
-exports[`single fields schema examples 1`] = `
+exports[`single fields select field 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -33273,6 +34662,15 @@ exports[`single fields schema examples 1`] = `
 }
 
 .emotion-3 {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border-radius: 0;
+  cursor: pointer;
+  border-radius: 4px;
   font: inherit;
   letter-spacing: inherit;
   color: currentColor;
@@ -33293,6 +34691,39 @@ exports[`single fields schema examples 1`] = `
   padding: 16.5px 14px;
 }
 
+.emotion-3:focus {
+  border-radius: 0;
+}
+
+.emotion-3.Mui-disabled {
+  cursor: default;
+}
+
+.emotion-3[multiple] {
+  height: auto;
+}
+
+.emotion-3:not([multiple]) option,
+.emotion-3:not([multiple]) optgroup {
+  background-color: #fff;
+}
+
+.emotion-3:focus {
+  border-radius: 4px;
+}
+
+.emotion-3.emotion-3.emotion-3 {
+  padding-right: 32px;
+}
+
+.emotion-3.MuiSelect-select {
+  height: auto;
+  min-height: 1.4375em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
 .emotion-3::-webkit-input-placeholder {
   color: currentColor;
   opacity: 0.42;
@@ -33362,11 +34793,48 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   animation-name: mui-auto-fill;
 }
 
-.emotion-3:-webkit-autofill {
-  border-radius: inherit;
+.emotion-3:-webkit-autofill {
+  border-radius: inherit;
+}
+
+.emotion-4 {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.emotion-5 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  position: absolute;
+  right: 0;
+  top: calc(50% - .5em);
+  pointer-events: none;
+  color: rgba(0, 0, 0, 0.54);
+  right: 7px;
+}
+
+.emotion-5.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-4 {
+.emotion-6 {
   text-align: left;
   position: absolute;
   bottom: 0;
@@ -33384,7 +34852,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-5 {
+.emotion-7 {
   float: unset;
   width: auto;
   overflow: hidden;
@@ -33394,11 +34862,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
 }
 
-.emotion-6 {
+.emotion-8 {
   margin-top: 24px;
 }
 
-.emotion-7 {
+.emotion-9 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -33455,57 +34923,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-7::-moz-focus-inner {
+.emotion-9::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-9.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-7 {
+  .emotion-9 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-7:hover {
+.emotion-9:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-7.Mui-disabled {
+.emotion-9.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-7:hover {
+.emotion-9:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-7:hover {
+  .emotion-9:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-7:active {
+.emotion-9:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-focusVisible {
+.emotion-9.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-7.Mui-disabled {
+.emotion-9.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-7:hover {
+  .emotion-9:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -33513,7 +34981,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   }
 }
 
-.emotion-7.MuiButton-loading {
+.emotion-9.MuiButton-loading {
   color: transparent;
 }
 
@@ -33529,36 +34997,64 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
       <div
-        aria-describedby="root__error root__description root__help root__examples"
+        aria-describedby="root__error root__description root__help"
         className="MuiFormControl-root MuiTextField-root emotion-1"
       >
         <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl emotion-2"
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-2"
           onClick={[Function]}
         >
+          <div
+            aria-expanded="false"
+            aria-haspopup="listbox"
+            aria-labelledby="root"
+            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            id="root"
+            onBlur={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onMouseDown={[Function]}
+            role="combobox"
+            tabIndex={0}
+          >
+            <span
+              aria-hidden={true}
+              className="notranslate"
+            >
+              ​
+            </span>
+          </div>
           <input
+            aria-hidden={true}
             aria-invalid={false}
             autoFocus={false}
-            className="MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            className="MuiSelect-nativeInput emotion-4"
             disabled={false}
-            id="root"
-            list="root__examples"
             name="root"
             onAnimationStart={[Function]}
-            onBlur={[Function]}
             onChange={[Function]}
-            onFocus={[Function]}
             placeholder=""
             required={false}
-            type="text"
+            tabIndex={-1}
             value=""
           />
+          <svg
+            aria-hidden={true}
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
+            data-testid="ArrowDropDownIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M7 10l5 5 5-5z"
+            />
+          </svg>
           <fieldset
             aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-4"
+            className="MuiOutlinedInput-notchedOutline emotion-6"
           >
             <legend
-              className="emotion-5"
+              className="emotion-7"
             >
               <span
                 aria-hidden={true}
@@ -33570,32 +35066,13 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
           </fieldset>
         </div>
       </div>
-      <datalist
-        id="root__examples"
-      >
-        <option
-          value="Firefox"
-        />
-        <option
-          value="Chrome"
-        />
-        <option
-          value="Opera"
-        />
-        <option
-          value="Vivaldi"
-        />
-        <option
-          value="Safari"
-        />
-      </datalist>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-6"
+    className="MuiBox-root emotion-8"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-7"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -33618,7 +35095,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field 1`] = `
+exports[`single fields select field multiple choice 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -34035,7 +35512,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-array"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
@@ -34052,7 +35529,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             aria-expanded="false"
             aria-haspopup="listbox"
             aria-labelledby="root"
-            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            className="MuiSelect-select MuiSelect-outlined MuiSelect-multiple MuiInputBase-input MuiOutlinedInput-input emotion-3"
             id="root"
             onBlur={[Function]}
             onFocus={[Function]}
@@ -34077,7 +35554,6 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             name="root"
             onAnimationStart={[Function]}
             onChange={[Function]}
-            placeholder=""
             required={false}
             tabIndex={-1}
             value=""
@@ -34139,7 +35615,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field multiple choice 1`] = `
+exports[`single fields select field multiple choice enumDisabled 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -34659,7 +36135,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field multiple choice enumDisabled 1`] = `
+exports[`single fields select field multiple choice enumDisabled using checkboxes 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -34678,221 +36154,153 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
 }
 
 .emotion-1 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-}
-
-.emotion-2 {
+  color: rgba(0, 0, 0, 0.6);
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
   letter-spacing: 0.00938em;
-  color: rgba(0, 0, 0, 0.87);
-  box-sizing: border-box;
-  position: relative;
-  cursor: text;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  padding: 0;
   position: relative;
-  border-radius: 4px;
-}
-
-.emotion-2.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-  cursor: default;
-}
-
-.emotion-2:hover .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.87);
-}
-
-@media (hover: none) {
-  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
-    border-color: rgba(0, 0, 0, 0.23);
-  }
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-width: 2px;
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #1976d2;
-}
-
-.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
-  border-color: #d32f2f;
-}
-
-.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-3 {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 0;
-  cursor: pointer;
-  border-radius: 4px;
-  font: inherit;
-  letter-spacing: inherit;
-  color: currentColor;
-  padding: 4px 0 5px;
-  border: 0;
-  box-sizing: content-box;
-  background: none;
-  height: 1.4375em;
-  margin: 0;
-  -webkit-tap-highlight-color: transparent;
-  display: block;
-  min-width: 0;
-  width: 100%;
-  -webkit-animation-name: mui-auto-fill-cancel;
-  animation-name: mui-auto-fill-cancel;
-  -webkit-animation-duration: 10ms;
-  animation-duration: 10ms;
-  padding: 16.5px 14px;
-}
-
-.emotion-3:focus {
-  border-radius: 0;
-}
-
-.emotion-3.Mui-disabled {
-  cursor: default;
-}
-
-.emotion-3[multiple] {
-  height: auto;
-}
-
-.emotion-3:not([multiple]) option,
-.emotion-3:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-3:focus {
-  border-radius: 4px;
-}
-
-.emotion-3.emotion-3.emotion-3 {
-  padding-right: 32px;
-}
-
-.emotion-3.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-3::-moz-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-1.Mui-focused {
+  color: #1976d2;
 }
 
-.emotion-3::-ms-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3:focus {
-  outline: 0;
+.emotion-1.Mui-error {
+  color: #d32f2f;
 }
 
-.emotion-3:invalid {
-  box-shadow: none;
+.emotion-2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
-.emotion-3::-webkit-search-decoration {
-  -webkit-appearance: none;
+.emotion-3 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-tap-highlight-color: transparent;
+  margin-left: -11px;
+  margin-right: 16px;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
-  opacity: 0!important;
+.emotion-3.Mui-disabled {
+  cursor: default;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
-  opacity: 0!important;
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
-  opacity: 0!important;
+.emotion-4 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  padding: 9px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
-  opacity: 0.42;
+.emotion-4::-moz-focus-inner {
+  border-style: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
-  opacity: 0.42;
+.emotion-4.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
-  opacity: 0.42;
+@media print {
+  .emotion-4 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
 }
 
-.emotion-3.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+.emotion-4:hover {
+  background-color: rgba(25, 118, 210, 0.04);
 }
 
-.emotion-3:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
+.emotion-4.Mui-checked,
+.emotion-4.MuiCheckbox-indeterminate {
+  color: #1976d2;
 }
 
-.emotion-3:-webkit-autofill {
-  border-radius: inherit;
+.emotion-4.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-4 {
-  bottom: 0;
-  left: 0;
+@media (hover: none) {
+  .emotion-4:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-5 {
+  cursor: inherit;
   position: absolute;
   opacity: 0;
-  pointer-events: none;
   width: 100%;
-  box-sizing: border-box;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
 }
 
-.emotion-5 {
+.emotion-6 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -34907,51 +36315,22 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
-  position: absolute;
-  right: 0;
-  top: calc(50% - .5em);
-  pointer-events: none;
-  color: rgba(0, 0, 0, 0.54);
-  right: 7px;
-}
-
-.emotion-5.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-6 {
-  text-align: left;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  top: -5px;
-  left: 0;
-  margin: 0;
-  padding: 0 8px;
-  pointer-events: none;
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 1px;
-  overflow: hidden;
-  min-width: 0%;
-  border-color: rgba(0, 0, 0, 0.23);
 }
 
 .emotion-7 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  padding: 0;
-  line-height: 11px;
-  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
-.emotion-8 {
+.emotion-23 {
   margin-top: 24px;
 }
 
-.emotion-9 {
+.emotion-24 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -35008,57 +36387,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-9::-moz-focus-inner {
+.emotion-24::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-24.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-9 {
+  .emotion-24 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-9:hover {
+.emotion-24:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-24.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-9:hover {
+.emotion-24:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-9:hover {
+  .emotion-24:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-9:active {
+.emotion-24:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-focusVisible {
+.emotion-24.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-disabled {
+.emotion-24.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-9:hover {
+  .emotion-24:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -35066,7 +36445,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   }
 }
 
-.emotion-9.MuiButton-loading {
+.emotion-24.MuiButton-loading {
   color: transparent;
 }
 
@@ -35081,82 +36460,227 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      />
       <div
-        aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-1"
+        className="MuiFormGroup-root emotion-2"
+        id="root"
       >
-        <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-2"
-          onClick={[Function]}
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-describedby="root__error root__description root__help"
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
+          >
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={false}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
+            />
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
+            style={{}}
+          >
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
-          <div
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="root"
-            className="MuiSelect-select MuiSelect-outlined MuiSelect-multiple MuiInputBase-input MuiOutlinedInput-input emotion-3"
-            id="root"
+          <span
+            aria-describedby="root__error root__description root__help"
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
             onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
             onFocus={[Function]}
             onKeyDown={[Function]}
+            onKeyUp={[Function]}
             onMouseDown={[Function]}
-            role="combobox"
-            tabIndex={0}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
           >
-            <span
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={true}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
+            />
+            <svg
               aria-hidden={true}
-              className="notranslate"
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
             >
-              ​
-            </span>
-          </div>
-          <input
-            aria-hidden={true}
-            aria-invalid={false}
-            autoFocus={false}
-            className="MuiSelect-nativeInput emotion-4"
-            disabled={false}
-            name="root"
-            onAnimationStart={[Function]}
-            onChange={[Function]}
-            required={false}
-            tabIndex={-1}
-            value=""
-          />
-          <svg
-            aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
-            data-testid="ArrowDropDownIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-7"
+            style={{}}
           >
-            <path
-              d="M7 10l5 5 5-5z"
+            bar
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-describedby="root__error root__description root__help"
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
+          >
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={false}
+              id="root-2"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
             />
-          </svg>
-          <fieldset
-            aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-6"
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
+            style={{}}
           >
-            <legend
-              className="emotion-7"
+            fuzz
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-describedby="root__error root__description root__help"
+            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
+          >
+            <input
+              autoFocus={false}
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              data-indeterminate={false}
+              disabled={false}
+              id="root-3"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="checkbox"
+            />
+            <svg
+              aria-hidden={true}
+              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
+              data-testid="CheckBoxOutlineBlankIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
             >
-              <span
-                aria-hidden={true}
-                className="notranslate"
-              >
-                ​
-              </span>
-            </legend>
-          </fieldset>
-        </div>
+              <path
+                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+              />
+            </svg>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
+            style={{}}
+          >
+            qux
+          </span>
+        </label>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-8"
+    className="MuiBox-root emotion-23"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-24"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -35179,7 +36703,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field multiple choice enumDisabled using checkboxes 1`] = `
+exports[`single fields select field multiple choice formData 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -35197,154 +36721,222 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
   width: 100%;
 }
 
-.emotion-1 {
-  color: rgba(0, 0, 0, 0.6);
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.4375em;
-  letter-spacing: 0.00938em;
-  padding: 0;
-  position: relative;
+.emotion-1 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+}
+
+.emotion-2 {
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
+  border-radius: 4px;
+}
+
+.emotion-2.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+  cursor: default;
+}
+
+.emotion-2:hover .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.87);
 }
 
-.emotion-1.Mui-focused {
-  color: #1976d2;
+@media (hover: none) {
+  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
+    border-color: rgba(0, 0, 0, 0.23);
+  }
 }
 
-.emotion-1.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-width: 2px;
 }
 
-.emotion-1.Mui-error {
-  color: #d32f2f;
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #1976d2;
 }
 
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
+.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
+  border-color: #d32f2f;
+}
+
+.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.26);
 }
 
 .emotion-3 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border-radius: 0;
   cursor: pointer;
-  vertical-align: middle;
+  border-radius: 4px;
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 4px 0 5px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
   -webkit-tap-highlight-color: transparent;
-  margin-left: -11px;
-  margin-right: 16px;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+  padding: 16.5px 14px;
+}
+
+.emotion-3:focus {
+  border-radius: 0;
 }
 
 .emotion-3.Mui-disabled {
   cursor: default;
 }
 
-.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
+.emotion-3[multiple] {
+  height: auto;
 }
 
-.emotion-4 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
+.emotion-3:not([multiple]) option,
+.emotion-3:not([multiple]) optgroup {
+  background-color: #fff;
+}
+
+.emotion-3:focus {
+  border-radius: 4px;
+}
+
+.emotion-3.emotion-3.emotion-3 {
+  padding-right: 32px;
+}
+
+.emotion-3.MuiSelect-select {
+  height: auto;
+  min-height: 1.4375em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.emotion-3::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3:focus {
   outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
-  padding: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
+}
+
+.emotion-3:invalid {
+  box-shadow: none;
+}
+
+.emotion-3::-webkit-search-decoration {
   -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  padding: 9px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-4::-moz-focus-inner {
-  border-style: none;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
+  opacity: 0!important;
 }
 
-.emotion-4.Mui-disabled {
-  pointer-events: none;
-  cursor: default;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
+  opacity: 0!important;
 }
 
-@media print {
-  .emotion-4 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
+  opacity: 0!important;
 }
 
-.emotion-4:hover {
-  background-color: rgba(25, 118, 210, 0.04);
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
+  opacity: 0.42;
 }
 
-.emotion-4.Mui-checked,
-.emotion-4.MuiCheckbox-indeterminate {
-  color: #1976d2;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
+  opacity: 0.42;
 }
 
-.emotion-4.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
+  opacity: 0.42;
 }
 
-@media (hover: none) {
-  .emotion-4:hover {
-    background-color: transparent;
-  }
+.emotion-3.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-5 {
-  cursor: inherit;
+.emotion-3:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
+}
+
+.emotion-3:-webkit-autofill {
+  border-radius: inherit;
+}
+
+.emotion-4 {
+  bottom: 0;
+  left: 0;
   position: absolute;
   opacity: 0;
+  pointer-events: none;
   width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  z-index: 1;
+  box-sizing: border-box;
 }
 
-.emotion-6 {
+.emotion-5 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -35359,22 +36951,51 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
+  position: absolute;
+  right: 0;
+  top: calc(50% - .5em);
+  pointer-events: none;
+  color: rgba(0, 0, 0, 0.54);
+  right: 7px;
+}
+
+.emotion-5.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-6 {
+  text-align: left;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: -5px;
+  left: 0;
+  margin: 0;
+  padding: 0 8px;
+  pointer-events: none;
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
 }
 
 .emotion-7 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: 0.00938em;
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  padding: 0;
+  line-height: 11px;
+  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
 }
 
-.emotion-23 {
+.emotion-8 {
   margin-top: 24px;
 }
 
-.emotion-24 {
+.emotion-9 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -35431,57 +37052,57 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-24::-moz-focus-inner {
+.emotion-9::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-24.Mui-disabled {
+.emotion-9.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-24 {
+  .emotion-9 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-24:hover {
+.emotion-9:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-24.Mui-disabled {
+.emotion-9.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-24:hover {
+.emotion-9:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-24:hover {
+  .emotion-9:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-24:active {
+.emotion-9:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-24.Mui-focusVisible {
+.emotion-9.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-24.Mui-disabled {
+.emotion-9.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-24:hover {
+  .emotion-9:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -35489,7 +37110,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
   }
 }
 
-.emotion-24.MuiButton-loading {
+.emotion-9.MuiButton-loading {
   color: transparent;
 }
 
@@ -35504,227 +37125,79 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
-      <label
-        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
-        htmlFor="root"
-      />
       <div
-        className="MuiFormGroup-root emotion-2"
-        id="root"
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
       >
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        <div
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-2"
+          onClick={[Function]}
         >
-          <span
-            aria-describedby="root__error root__description root__help"
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
+          <div
+            aria-expanded="false"
+            aria-haspopup="listbox"
+            aria-labelledby="root"
+            className="MuiSelect-select MuiSelect-outlined MuiSelect-multiple MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            id="root"
             onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
             onFocus={[Function]}
             onKeyDown={[Function]}
-            onKeyUp={[Function]}
             onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
-          >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={false}
-              id="root-0"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
-            />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
-            style={{}}
+            role="combobox"
+            tabIndex={0}
           >
             foo
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            aria-describedby="root__error root__description root__help"
-            aria-disabled={true}
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={-1}
-          >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={true}
-              id="root-1"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
-            />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-7"
-            style={{}}
-          >
+            , 
             bar
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            aria-describedby="root__error root__description root__help"
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
-          >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={false}
-              id="root-2"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
-            />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
-            style={{}}
-          >
-            fuzz
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            aria-describedby="root__error root__description root__help"
-            className="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeMedium emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={null}
-          >
-            <input
-              autoFocus={false}
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              data-indeterminate={false}
-              disabled={false}
-              id="root-3"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="checkbox"
+          </div>
+          <input
+            aria-hidden={true}
+            aria-invalid={false}
+            autoFocus={false}
+            className="MuiSelect-nativeInput emotion-4"
+            disabled={false}
+            name="root"
+            onAnimationStart={[Function]}
+            onChange={[Function]}
+            required={false}
+            tabIndex={-1}
+            value="0,1"
+          />
+          <svg
+            aria-hidden={true}
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
+            data-testid="ArrowDropDownIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M7 10l5 5 5-5z"
             />
-            <svg
-              aria-hidden={true}
-              className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-6"
-              data-testid="CheckBoxOutlineBlankIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-              />
-            </svg>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-7"
-            style={{}}
+          </svg>
+          <fieldset
+            aria-hidden={true}
+            className="MuiOutlinedInput-notchedOutline emotion-6"
           >
-            qux
-          </span>
-        </label>
+            <legend
+              className="emotion-7"
+            >
+              <span
+                aria-hidden={true}
+                className="notranslate"
+              >
+                ​
+              </span>
+            </legend>
+          </fieldset>
+        </div>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-23"
+    className="MuiBox-root emotion-8"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-24"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -35747,7 +37220,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
 </form>
 `;
 
-exports[`single fields select field multiple choice formData 1`] = `
+exports[`single fields select field multiple choice with labels 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -36190,9 +37663,12 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             role="combobox"
             tabIndex={0}
           >
-            foo
-            , 
-            bar
+            <span
+              aria-hidden={true}
+              className="notranslate"
+            >
+              ​
+            </span>
           </div>
           <input
             aria-hidden={true}
@@ -36205,7 +37681,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             onChange={[Function]}
             required={false}
             tabIndex={-1}
-            value="0,1"
+            value=""
           />
           <svg
             aria-hidden={true}
@@ -36264,7 +37740,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field multiple choice with labels 1`] = `
+exports[`single fields select field single choice enumDisabled 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -36681,7 +38157,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-array"
+    className="rjsf-field rjsf-field-string"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
@@ -36698,7 +38174,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             aria-expanded="false"
             aria-haspopup="listbox"
             aria-labelledby="root"
-            className="MuiSelect-select MuiSelect-outlined MuiSelect-multiple MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
             id="root"
             onBlur={[Function]}
             onFocus={[Function]}
@@ -36723,6 +38199,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
             name="root"
             onAnimationStart={[Function]}
             onChange={[Function]}
+            placeholder=""
             required={false}
             tabIndex={-1}
             value=""
@@ -36784,7 +38261,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field single choice enumDisabled 1`] = `
+exports[`single fields select field single choice enumDisabled using radio widget 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -36803,221 +38280,181 @@ exports[`single fields select field single choice enumDisabled 1`] = `
 }
 
 .emotion-1 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-}
-
-.emotion-2 {
+  color: rgba(0, 0, 0, 0.6);
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
   letter-spacing: 0.00938em;
-  color: rgba(0, 0, 0, 0.87);
-  box-sizing: border-box;
-  position: relative;
-  cursor: text;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  padding: 0;
   position: relative;
-  border-radius: 4px;
-}
-
-.emotion-2.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-  cursor: default;
-}
-
-.emotion-2:hover .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.87);
 }
 
-@media (hover: none) {
-  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
-    border-color: rgba(0, 0, 0, 0.23);
-  }
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-width: 2px;
+.emotion-1.Mui-focused {
+  color: #1976d2;
 }
 
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #1976d2;
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
-  border-color: #d32f2f;
+.emotion-1.Mui-error {
+  color: #d32f2f;
 }
 
-.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.26);
+.emotion-2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
 .emotion-3 {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 0;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   cursor: pointer;
-  border-radius: 4px;
-  font: inherit;
-  letter-spacing: inherit;
-  color: currentColor;
-  padding: 4px 0 5px;
-  border: 0;
-  box-sizing: content-box;
-  background: none;
-  height: 1.4375em;
-  margin: 0;
+  vertical-align: middle;
   -webkit-tap-highlight-color: transparent;
-  display: block;
-  min-width: 0;
-  width: 100%;
-  -webkit-animation-name: mui-auto-fill-cancel;
-  animation-name: mui-auto-fill-cancel;
-  -webkit-animation-duration: 10ms;
-  animation-duration: 10ms;
-  padding: 16.5px 14px;
-}
-
-.emotion-3:focus {
-  border-radius: 0;
+  margin-left: -11px;
+  margin-right: 16px;
 }
 
 .emotion-3.Mui-disabled {
   cursor: default;
 }
 
-.emotion-3[multiple] {
-  height: auto;
-}
-
-.emotion-3:not([multiple]) option,
-.emotion-3:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-3:focus {
-  border-radius: 4px;
-}
-
-.emotion-3.emotion-3.emotion-3 {
-  padding-right: 32px;
-}
-
-.emotion-3.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-3::-moz-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-3::-ms-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-}
-
-.emotion-3:focus {
-  outline: 0;
-}
-
-.emotion-3:invalid {
-  box-shadow: none;
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3::-webkit-search-decoration {
+.emotion-4 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
   -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  padding: 9px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
-  opacity: 0!important;
+.emotion-4::-moz-focus-inner {
+  border-style: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
-  opacity: 0!important;
+.emotion-4.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
-  opacity: 0!important;
+@media print {
+  .emotion-4 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
-  opacity: 0.42;
+.emotion-4.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
-  opacity: 0.42;
+.emotion-4:hover {
+  background-color: rgba(25, 118, 210, 0.04);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
-  opacity: 0.42;
+.emotion-4.Mui-checked {
+  color: #1976d2;
 }
 
-.emotion-3.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+@media (hover: none) {
+  .emotion-4:hover {
+    background-color: transparent;
+  }
 }
 
-.emotion-3:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
+.emotion-5 {
+  cursor: inherit;
+  position: absolute;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
 }
 
-.emotion-3:-webkit-autofill {
-  border-radius: inherit;
+.emotion-6 {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
 }
 
-.emotion-4 {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  width: 100%;
-  box-sizing: border-box;
+.emotion-7 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
 }
 
-.emotion-5 {
+.emotion-8 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -37032,51 +38469,94 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
+  left: 0;
   position: absolute;
-  right: 0;
-  top: calc(50% - .5em);
-  pointer-events: none;
-  color: rgba(0, 0, 0, 0.54);
-  right: 7px;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
 }
 
-.emotion-5.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+.emotion-9 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
-.emotion-6 {
-  text-align: left;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  top: -5px;
-  left: 0;
+.emotion-11 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
+  outline: 0;
+  border: 0;
   margin: 0;
-  padding: 0 8px;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  padding: 9px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.emotion-11::-moz-focus-inner {
+  border-style: none;
+}
+
+.emotion-11.Mui-disabled {
   pointer-events: none;
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 1px;
-  overflow: hidden;
-  min-width: 0%;
-  border-color: rgba(0, 0, 0, 0.23);
+  cursor: default;
 }
 
-.emotion-7 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  padding: 0;
-  line-height: 11px;
-  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+@media print {
+  .emotion-11 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
 }
 
-.emotion-8 {
+.emotion-11.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+@media (hover: none) {
+  .emotion-11:hover {
+    background-color: transparent;
+  }
+}
+
+.emotion-17 {
   margin-top: 24px;
 }
 
-.emotion-9 {
+.emotion-18 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -37133,57 +38613,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-9::-moz-focus-inner {
+.emotion-18::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-9 {
+  .emotion-18 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-9:hover {
+.emotion-18:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-9:hover {
+.emotion-18:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-9:hover {
+  .emotion-18:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-9:active {
+.emotion-18:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-focusVisible {
+.emotion-18.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-9:hover {
+  .emotion-18:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -37191,7 +38671,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   }
 }
 
-.emotion-9.MuiButton-loading {
+.emotion-18.MuiButton-loading {
   color: transparent;
 }
 
@@ -37206,83 +38686,155 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      />
       <div
         aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-1"
-      >
-        <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-2"
-          onClick={[Function]}
-        >
-          <div
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="root"
-            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
-            id="root"
+        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
+      >
+        <label
+          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
             onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
             onFocus={[Function]}
             onKeyDown={[Function]}
+            onKeyUp={[Function]}
             onMouseDown={[Function]}
-            role="combobox"
-            tabIndex={0}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={null}
           >
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={false}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="0"
+            />
             <span
-              aria-hidden={true}
-              className="notranslate"
+              className="emotion-6"
             >
-              ​
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
             </span>
-          </div>
-          <input
-            aria-hidden={true}
-            aria-invalid={false}
-            autoFocus={false}
-            className="MuiSelect-nativeInput emotion-4"
-            disabled={false}
-            name="root"
-            onAnimationStart={[Function]}
-            onChange={[Function]}
-            placeholder=""
-            required={false}
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
+            style={{}}
+          >
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-11"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
             tabIndex={-1}
-            value=""
-          />
-          <svg
-            aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
-            data-testid="ArrowDropDownIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
           >
-            <path
-              d="M7 10l5 5 5-5z"
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={true}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="1"
             />
-          </svg>
-          <fieldset
-            aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-6"
-          >
-            <legend
-              className="emotion-7"
+            <span
+              className="emotion-6"
             >
-              <span
+              <svg
                 aria-hidden={true}
-                className="notranslate"
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                ​
-              </span>
-            </legend>
-          </fieldset>
-        </div>
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
+            style={{}}
+          >
+            bar
+          </span>
+        </label>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-8"
+    className="MuiBox-root emotion-17"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -37305,7 +38857,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field single choice enumDisabled using radio widget 1`] = `
+exports[`single fields select field single choice form disabled using radio widget 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -37442,14 +38994,6 @@ exports[`single fields select field single choice enumDisabled using radio widge
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-4:hover {
-  background-color: rgba(25, 118, 210, 0.04);
-}
-
-.emotion-4.Mui-checked {
-  color: #1976d2;
-}
-
 @media (hover: none) {
   .emotion-4:hover {
     background-color: transparent;
@@ -37503,97 +39047,33 @@ exports[`single fields select field single choice enumDisabled using radio widge
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
-  left: 0;
-  position: absolute;
-  -webkit-transform: scale(0);
-  -moz-transform: scale(0);
-  -ms-transform: scale(0);
-  transform: scale(0);
-  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-}
-
-.emotion-9 {
-  margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: 0.00938em;
-}
-
-.emotion-11 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
-  outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
-  padding: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  padding: 9px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.emotion-11::-moz-focus-inner {
-  border-style: none;
-}
-
-.emotion-11.Mui-disabled {
-  pointer-events: none;
-  cursor: default;
-}
-
-@media print {
-  .emotion-11 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
-}
-
-.emotion-11.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
+  left: 0;
+  position: absolute;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
 }
 
-@media (hover: none) {
-  .emotion-11:hover {
-    background-color: transparent;
-  }
+.emotion-9 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
 .emotion-17 {
@@ -37743,10 +39223,11 @@ exports[`single fields select field single choice enumDisabled using radio widge
         role="radiogroup"
       >
         <label
-          className="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-3"
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
           <span
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
             onBlur={[Function]}
             onContextMenu={[Function]}
             onDragLeave={[Function]}
@@ -37759,12 +39240,12 @@ exports[`single fields select field single choice enumDisabled using radio widge
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
-            tabIndex={null}
+            tabIndex={-1}
           >
             <input
               checked={false}
               className="PrivateSwitchBase-input emotion-5"
-              disabled={false}
+              disabled={true}
               id="root-0"
               name="root"
               onChange={[Function]}
@@ -37800,7 +39281,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
             </span>
           </span>
           <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-9"
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
             style={{}}
           >
             foo
@@ -37811,7 +39292,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
         >
           <span
             aria-disabled={true}
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-11"
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
             onBlur={[Function]}
             onContextMenu={[Function]}
             onDragLeave={[Function]}
@@ -37878,8 +39359,8 @@ exports[`single fields select field single choice enumDisabled using radio widge
     className="MuiBox-root emotion-17"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
-      disabled={null}
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
+      disabled={true}
       onBlur={[Function]}
       onContextMenu={[Function]}
       onDragLeave={[Function]}
@@ -37892,7 +39373,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
-      tabIndex={0}
+      tabIndex={-1}
       type="submit"
     >
       Submit
@@ -37901,7 +39382,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
 </form>
 `;
 
-exports[`single fields select field single choice form disabled using radio widget 1`] = `
+exports[`single fields select field single choice formData 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -37920,173 +39401,221 @@ exports[`single fields select field single choice form disabled using radio widg
 }
 
 .emotion-1 {
-  color: rgba(0, 0, 0, 0.6);
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+}
+
+.emotion-2 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.4375em;
   letter-spacing: 0.00938em;
-  padding: 0;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   position: relative;
+  border-radius: 4px;
 }
 
-.emotion-1.Mui-focused {
-  color: #1976d2;
+.emotion-2.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
+  cursor: default;
 }
 
-.emotion-1.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
+.emotion-2:hover .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.87);
 }
 
-.emotion-1.Mui-error {
-  color: #d32f2f;
+@media (hover: none) {
+  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
+    border-color: rgba(0, 0, 0, 0.23);
+  }
 }
 
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-width: 2px;
+}
+
+.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #1976d2;
+}
+
+.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
+  border-color: #d32f2f;
+}
+
+.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.26);
 }
 
 .emotion-3 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border-radius: 0;
   cursor: pointer;
-  vertical-align: middle;
+  border-radius: 4px;
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 4px 0 5px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
   -webkit-tap-highlight-color: transparent;
-  margin-left: -11px;
-  margin-right: 16px;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+  padding: 16.5px 14px;
+}
+
+.emotion-3:focus {
+  border-radius: 0;
 }
 
 .emotion-3.Mui-disabled {
   cursor: default;
 }
 
-.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
+.emotion-3[multiple] {
+  height: auto;
 }
 
-.emotion-4 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
+.emotion-3:not([multiple]) option,
+.emotion-3:not([multiple]) optgroup {
+  background-color: #fff;
+}
+
+.emotion-3:focus {
+  border-radius: 4px;
+}
+
+.emotion-3.emotion-3.emotion-3 {
+  padding-right: 32px;
+}
+
+.emotion-3.MuiSelect-select {
+  height: auto;
+  min-height: 1.4375em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.emotion-3::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-3:focus {
   outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
-  padding: 0;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
+}
+
+.emotion-3:invalid {
+  box-shadow: none;
+}
+
+.emotion-3::-webkit-search-decoration {
   -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  padding: 9px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-4::-moz-focus-inner {
-  border-style: none;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
+  opacity: 0!important;
 }
 
-.emotion-4.Mui-disabled {
-  pointer-events: none;
-  cursor: default;
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
+  opacity: 0.42;
 }
 
-@media print {
-  .emotion-4 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
+  opacity: 0.42;
 }
 
-.emotion-4.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
+  opacity: 0.42;
 }
 
-@media (hover: none) {
-  .emotion-4:hover {
-    background-color: transparent;
-  }
+.emotion-3.Mui-disabled {
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-5 {
-  cursor: inherit;
-  position: absolute;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  z-index: 1;
+.emotion-3:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
 }
 
-.emotion-6 {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
+.emotion-3:-webkit-autofill {
+  border-radius: inherit;
 }
 
-.emotion-7 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-  -ms-transform: scale(1);
-  transform: scale(1);
+.emotion-4 {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+  width: 100%;
+  box-sizing: border-box;
 }
 
-.emotion-8 {
+.emotion-5 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -38101,30 +39630,51 @@ exports[`single fields select field single choice form disabled using radio widg
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
-  left: 0;
   position: absolute;
-  -webkit-transform: scale(0);
-  -moz-transform: scale(0);
-  -ms-transform: scale(0);
-  transform: scale(0);
-  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  right: 0;
+  top: calc(50% - .5em);
+  pointer-events: none;
+  color: rgba(0, 0, 0, 0.54);
+  right: 7px;
 }
 
-.emotion-9 {
+.emotion-5.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-6 {
+  text-align: left;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: -5px;
+  left: 0;
   margin: 0;
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: 0.00938em;
+  padding: 0 8px;
+  pointer-events: none;
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
 }
 
-.emotion-17 {
+.emotion-7 {
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  padding: 0;
+  line-height: 11px;
+  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+}
+
+.emotion-8 {
   margin-top: 24px;
 }
 
-.emotion-18 {
+.emotion-9 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -38181,230 +39731,152 @@ exports[`single fields select field single choice form disabled using radio widg
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-18::-moz-focus-inner {
+.emotion-9::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-18.Mui-disabled {
+.emotion-9.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-18 {
+  .emotion-9 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-18:hover {
+.emotion-9:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-18.Mui-disabled {
+.emotion-9.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-18:hover {
+.emotion-9:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-18:hover {
+  .emotion-9:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-18:active {
+.emotion-9:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-18.Mui-focusVisible {
+.emotion-9.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-18.Mui-disabled {
+.emotion-9.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
-@media (hover: hover) {
-  .emotion-18:hover {
-    --variant-containedBg: #1565c0;
-    --variant-textBg: rgba(25, 118, 210, 0.04);
-    --variant-outlinedBorder: #1976d2;
-    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
-  }
-}
-
-.emotion-18.MuiButton-loading {
-  color: transparent;
-}
-
-<form
-  className="rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-string"
-  >
-    <div
-      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
-    >
-      <label
-        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
-        htmlFor="root"
-      />
-      <div
-        aria-describedby="root__error root__description root__help"
-        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
-        id="root"
-        onBlur={[Function]}
-        onFocus={[Function]}
-        role="radiogroup"
-      >
-        <label
-          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            aria-disabled={true}
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={-1}
-          >
-            <input
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              disabled={true}
-              id="root-0"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="radio"
-              value="0"
-            />
-            <span
-              className="emotion-6"
-            >
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
-                data-testid="RadioButtonUncheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                />
-              </svg>
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
-                data-testid="RadioButtonCheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                />
-              </svg>
-            </span>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
-            style={{}}
-          >
-            foo
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
+@media (hover: hover) {
+  .emotion-9:hover {
+    --variant-containedBg: #1565c0;
+    --variant-textBg: rgba(25, 118, 210, 0.04);
+    --variant-outlinedBorder: #1976d2;
+    --variant-outlinedBg: rgba(25, 118, 210, 0.04);
+  }
+}
+
+.emotion-9.MuiButton-loading {
+  color: transparent;
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-string"
+  >
+    <div
+      className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+    >
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
+      >
+        <div
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-2"
+          onClick={[Function]}
         >
-          <span
-            aria-disabled={true}
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
+          <div
+            aria-expanded="false"
+            aria-haspopup="listbox"
+            aria-labelledby="root"
+            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
+            id="root"
             onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
             onFocus={[Function]}
             onKeyDown={[Function]}
-            onKeyUp={[Function]}
             onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
+            role="combobox"
+            tabIndex={0}
+          >
+            bar
+          </div>
+          <input
+            aria-hidden={true}
+            aria-invalid={false}
+            autoFocus={false}
+            className="MuiSelect-nativeInput emotion-4"
+            disabled={false}
+            name="root"
+            onAnimationStart={[Function]}
+            onChange={[Function]}
+            placeholder=""
+            required={false}
             tabIndex={-1}
+            value="1"
+          />
+          <svg
+            aria-hidden={true}
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
+            data-testid="ArrowDropDownIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
           >
-            <input
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              disabled={true}
-              id="root-1"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="radio"
-              value="1"
+            <path
+              d="M7 10l5 5 5-5z"
             />
-            <span
-              className="emotion-6"
+          </svg>
+          <fieldset
+            aria-hidden={true}
+            className="MuiOutlinedInput-notchedOutline emotion-6"
+          >
+            <legend
+              className="emotion-7"
             >
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
-                data-testid="RadioButtonUncheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                />
-              </svg>
-              <svg
+              <span
                 aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
-                data-testid="RadioButtonCheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
+                className="notranslate"
               >
-                <path
-                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                />
-              </svg>
-            </span>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
-            style={{}}
-          >
-            bar
-          </span>
-        </label>
+                ​
+              </span>
+            </legend>
+          </fieldset>
+        </div>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-17"
+    className="MuiBox-root emotion-8"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary Mui-disabled MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
-      disabled={true}
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
+      disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
       onDragLeave={[Function]}
@@ -38417,7 +39889,7 @@ exports[`single fields select field single choice form disabled using radio widg
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
-      tabIndex={-1}
+      tabIndex={0}
       type="submit"
     >
       Submit
@@ -38426,240 +39898,171 @@ exports[`single fields select field single choice form disabled using radio widg
 </form>
 `;
 
-exports[`single fields select field single choice formData 1`] = `
+exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-  width: 100%;
-}
-
-.emotion-1 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  position: relative;
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-}
-
-.emotion-2 {
-  font-family: "Roboto","Helvetica","Arial",sans-serif;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.4375em;
-  letter-spacing: 0.00938em;
-  color: rgba(0, 0, 0, 0.87);
-  box-sizing: border-box;
-  position: relative;
-  cursor: text;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  border-radius: 4px;
-}
-
-.emotion-2.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-  cursor: default;
-}
-
-.emotion-2:hover .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.87);
-}
-
-@media (hover: none) {
-  .emotion-2:hover .MuiOutlinedInput-notchedOutline {
-    border-color: rgba(0, 0, 0, 0.23);
-  }
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-width: 2px;
-}
-
-.emotion-2.Mui-focused .MuiOutlinedInput-notchedOutline {
-  border-color: #1976d2;
-}
-
-.emotion-2.Mui-error .MuiOutlinedInput-notchedOutline {
-  border-color: #d32f2f;
-}
-
-.emotion-2.Mui-disabled .MuiOutlinedInput-notchedOutline {
-  border-color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-3 {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  border-radius: 0;
-  cursor: pointer;
-  border-radius: 4px;
-  font: inherit;
-  letter-spacing: inherit;
-  color: currentColor;
-  padding: 4px 0 5px;
-  border: 0;
-  box-sizing: content-box;
-  background: none;
-  height: 1.4375em;
-  margin: 0;
-  -webkit-tap-highlight-color: transparent;
-  display: block;
-  min-width: 0;
-  width: 100%;
-  -webkit-animation-name: mui-auto-fill-cancel;
-  animation-name: mui-auto-fill-cancel;
-  -webkit-animation-duration: 10ms;
-  animation-duration: 10ms;
-  padding: 16.5px 14px;
-}
-
-.emotion-3:focus {
-  border-radius: 0;
-}
-
-.emotion-3.Mui-disabled {
-  cursor: default;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
 }
 
-.emotion-3[multiple] {
-  height: auto;
+.emotion-1 {
+  color: rgba(0, 0, 0, 0.6);
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  padding: 0;
+  position: relative;
 }
 
-.emotion-3:not([multiple]) option,
-.emotion-3:not([multiple]) optgroup {
-  background-color: #fff;
+.emotion-1.Mui-focused {
+  color: #1976d2;
 }
 
-.emotion-3:focus {
-  border-radius: 4px;
+.emotion-1.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3.emotion-3.emotion-3 {
-  padding-right: 32px;
+.emotion-1.Mui-error {
+  color: #d32f2f;
 }
 
-.emotion-3.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.emotion-2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
 }
 
-.emotion-3::-webkit-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-3 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-tap-highlight-color: transparent;
+  margin-left: -11px;
+  margin-right: 16px;
 }
 
-.emotion-3::-moz-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-3.Mui-disabled {
+  cursor: default;
 }
 
-.emotion-3::-ms-input-placeholder {
-  color: currentColor;
-  opacity: 0.42;
-  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-3:focus {
+.emotion-4 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  background-color: transparent;
   outline: 0;
-}
-
-.emotion-3:invalid {
-  box-shadow: none;
-}
-
-.emotion-3::-webkit-search-decoration {
+  border: 0;
+  margin: 0;
+  border-radius: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  -moz-appearance: none;
   -webkit-appearance: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  padding: 9px;
+  border-radius: 50%;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-webkit-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-moz-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3::-ms-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-webkit-input-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-moz-placeholder {
-  opacity: 0.42;
+.emotion-4::-moz-focus-inner {
+  border-style: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-placeholder {
-  opacity: 0.42;
+.emotion-4.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
 }
 
-.emotion-3.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+@media print {
+  .emotion-4 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
 }
 
-.emotion-3:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
+.emotion-4.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-3:-webkit-autofill {
-  border-radius: inherit;
+@media (hover: none) {
+  .emotion-4:hover {
+    background-color: transparent;
+  }
 }
 
-.emotion-4 {
-  bottom: 0;
-  left: 0;
+.emotion-5 {
+  cursor: inherit;
   position: absolute;
   opacity: 0;
-  pointer-events: none;
   width: 100%;
-  box-sizing: border-box;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 1;
 }
 
-.emotion-5 {
+.emotion-6 {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.emotion-7 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -38674,51 +40077,51 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
-  position: absolute;
-  right: 0;
-  top: calc(50% - .5em);
-  pointer-events: none;
-  color: rgba(0, 0, 0, 0.54);
-  right: 7px;
-}
-
-.emotion-5.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  transform: scale(1);
 }
 
-.emotion-6 {
-  text-align: left;
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  top: -5px;
+.emotion-8 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  fill: currentColor;
+  font-size: 1.5rem;
   left: 0;
-  margin: 0;
-  padding: 0 8px;
-  pointer-events: none;
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 1px;
-  overflow: hidden;
-  min-width: 0%;
-  border-color: rgba(0, 0, 0, 0.23);
+  position: absolute;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
 }
-
-.emotion-7 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  padding: 0;
-  line-height: 11px;
-  -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
-  transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+
+.emotion-9 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5;
+  letter-spacing: 0.00938em;
 }
 
-.emotion-8 {
+.emotion-17 {
   margin-top: 24px;
 }
 
-.emotion-9 {
+.emotion-18 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -38775,57 +40178,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-9::-moz-focus-inner {
+.emotion-18::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-9 {
+  .emotion-18 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-9:hover {
+.emotion-18:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-9:hover {
+.emotion-18:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-9:hover {
+  .emotion-18:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-9:active {
+.emotion-18:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-focusVisible {
+.emotion-18.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-9.Mui-disabled {
+.emotion-18.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-9:hover {
+  .emotion-18:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -38833,7 +40236,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
   }
 }
 
-.emotion-9.MuiButton-loading {
+.emotion-18.MuiButton-loading {
   color: transparent;
 }
 
@@ -38848,78 +40251,156 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
+      <label
+        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
+        htmlFor="root"
+      />
       <div
         aria-describedby="root__error root__description root__help"
-        className="MuiFormControl-root MuiTextField-root emotion-1"
+        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
+        id="root"
+        onBlur={[Function]}
+        onFocus={[Function]}
+        role="radiogroup"
       >
-        <div
-          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-2"
-          onClick={[Function]}
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
         >
-          <div
-            aria-expanded="false"
-            aria-haspopup="listbox"
-            aria-labelledby="root"
-            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-3"
-            id="root"
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
             onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
             onFocus={[Function]}
             onKeyDown={[Function]}
+            onKeyUp={[Function]}
             onMouseDown={[Function]}
-            role="combobox"
-            tabIndex={0}
-          >
-            bar
-          </div>
-          <input
-            aria-hidden={true}
-            aria-invalid={false}
-            autoFocus={false}
-            className="MuiSelect-nativeInput emotion-4"
-            disabled={false}
-            name="root"
-            onAnimationStart={[Function]}
-            onChange={[Function]}
-            placeholder=""
-            required={false}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
             tabIndex={-1}
-            value="1"
-          />
-          <svg
-            aria-hidden={true}
-            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-5"
-            data-testid="ArrowDropDownIcon"
-            focusable="false"
-            viewBox="0 0 24 24"
           >
-            <path
-              d="M7 10l5 5 5-5z"
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={true}
+              id="root-0"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="0"
             />
-          </svg>
-          <fieldset
-            aria-hidden={true}
-            className="MuiOutlinedInput-notchedOutline emotion-6"
+            <span
+              className="emotion-6"
+            >
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
+            style={{}}
           >
-            <legend
-              className="emotion-7"
+            foo
+          </span>
+        </label>
+        <label
+          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
+        >
+          <span
+            aria-disabled={true}
+            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
+            onBlur={[Function]}
+            onContextMenu={[Function]}
+            onDragLeave={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            onKeyUp={[Function]}
+            onMouseDown={[Function]}
+            onMouseLeave={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchMove={[Function]}
+            onTouchStart={[Function]}
+            tabIndex={-1}
+          >
+            <input
+              checked={false}
+              className="PrivateSwitchBase-input emotion-5"
+              disabled={true}
+              id="root-1"
+              name="root"
+              onChange={[Function]}
+              required={false}
+              type="radio"
+              value="1"
+            />
+            <span
+              className="emotion-6"
             >
-              <span
+              <svg
                 aria-hidden={true}
-                className="notranslate"
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
+                data-testid="RadioButtonUncheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
               >
-                ​
-              </span>
-            </legend>
-          </fieldset>
-        </div>
+                <path
+                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                />
+              </svg>
+              <svg
+                aria-hidden={true}
+                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
+                data-testid="RadioButtonCheckedIcon"
+                focusable="false"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                />
+              </svg>
+            </span>
+          </span>
+          <span
+            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
+            style={{}}
+          >
+            bar
+          </span>
+        </label>
       </div>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-8"
+    className="MuiBox-root emotion-17"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-9"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -38942,7 +40423,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-3:focus::-ms-input-p
 </form>
 `;
 
-exports[`single fields select field single choice uiSchema disabled using radio widget 1`] = `
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
 .emotion-0 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -38961,6 +40442,22 @@ exports[`single fields select field single choice uiSchema disabled using radio
 }
 
 .emotion-1 {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+}
+
+.emotion-2 {
   color: rgba(0, 0, 0, 0.6);
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
@@ -38969,35 +40466,52 @@ exports[`single fields select field single choice uiSchema disabled using radio
   letter-spacing: 0.00938em;
   padding: 0;
   position: relative;
+  display: block;
+  transform-origin: top left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-transform: translate(0, 20px) scale(1);
+  -moz-transform: translate(0, 20px) scale(1);
+  -ms-transform: translate(0, 20px) scale(1);
+  transform: translate(0, 20px) scale(1);
+  -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,-webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  z-index: 1;
+  pointer-events: none;
+  -webkit-transform: translate(14px, 16px) scale(1);
+  -moz-transform: translate(14px, 16px) scale(1);
+  -ms-transform: translate(14px, 16px) scale(1);
+  transform: translate(14px, 16px) scale(1);
+  max-width: calc(100% - 24px);
 }
 
-.emotion-1.Mui-focused {
+.emotion-2.Mui-focused {
   color: #1976d2;
 }
 
-.emotion-1.Mui-disabled {
+.emotion-2.Mui-disabled {
   color: rgba(0, 0, 0, 0.38);
 }
 
-.emotion-1.Mui-error {
+.emotion-2.Mui-error {
   color: #d32f2f;
 }
 
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-}
-
 .emotion-3 {
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.4375em;
+  letter-spacing: 0.00938em;
+  color: rgba(0, 0, 0, 0.87);
+  box-sizing: border-box;
+  position: relative;
+  cursor: text;
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -39006,107 +40520,188 @@ exports[`single fields select field single choice uiSchema disabled using radio
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  cursor: pointer;
-  vertical-align: middle;
-  -webkit-tap-highlight-color: transparent;
-  margin-left: -11px;
-  margin-right: 16px;
+  position: relative;
+  border-radius: 4px;
 }
 
 .emotion-3.Mui-disabled {
+  color: rgba(0, 0, 0, 0.38);
   cursor: default;
 }
 
-.emotion-3 .MuiFormControlLabel-label.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
+.emotion-3:hover .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.87);
+}
+
+@media (hover: none) {
+  .emotion-3:hover .MuiOutlinedInput-notchedOutline {
+    border-color: rgba(0, 0, 0, 0.23);
+  }
+}
+
+.emotion-3.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-width: 2px;
+}
+
+.emotion-3.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #1976d2;
+}
+
+.emotion-3.Mui-error .MuiOutlinedInput-notchedOutline {
+  border-color: #d32f2f;
+}
+
+.emotion-3.Mui-disabled .MuiOutlinedInput-notchedOutline {
+  border-color: rgba(0, 0, 0, 0.26);
 }
 
 .emotion-4 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  background-color: transparent;
-  outline: 0;
-  border: 0;
-  margin: 0;
-  border-radius: 0;
-  padding: 0;
-  cursor: pointer;
+  -moz-appearance: none;
+  -webkit-appearance: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  vertical-align: middle;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: inherit;
-  padding: 9px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.6);
+  border-radius: 0;
+  cursor: pointer;
+  border-radius: 4px;
+  font: inherit;
+  letter-spacing: inherit;
+  color: currentColor;
+  padding: 4px 0 5px;
+  border: 0;
+  box-sizing: content-box;
+  background: none;
+  height: 1.4375em;
+  margin: 0;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  min-width: 0;
+  width: 100%;
+  -webkit-animation-name: mui-auto-fill-cancel;
+  animation-name: mui-auto-fill-cancel;
+  -webkit-animation-duration: 10ms;
+  animation-duration: 10ms;
+  padding: 16.5px 14px;
 }
 
-.emotion-4::-moz-focus-inner {
-  border-style: none;
+.emotion-4:focus {
+  border-radius: 0;
 }
 
 .emotion-4.Mui-disabled {
-  pointer-events: none;
   cursor: default;
 }
 
-@media print {
-  .emotion-4 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
+.emotion-4[multiple] {
+  height: auto;
+}
+
+.emotion-4:not([multiple]) option,
+.emotion-4:not([multiple]) optgroup {
+  background-color: #fff;
+}
+
+.emotion-4:focus {
+  border-radius: 4px;
+}
+
+.emotion-4.emotion-4.emotion-4 {
+  padding-right: 32px;
+}
+
+.emotion-4.MuiSelect-select {
+  height: auto;
+  min-height: 1.4375em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.emotion-4::-webkit-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-4::-moz-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-4::-ms-input-placeholder {
+  color: currentColor;
+  opacity: 0.42;
+  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+
+.emotion-4:focus {
+  outline: 0;
+}
+
+.emotion-4:invalid {
+  box-shadow: none;
+}
+
+.emotion-4::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-4::-webkit-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-4::-moz-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-4::-ms-input-placeholder {
+  opacity: 0!important;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-webkit-input-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-moz-placeholder {
+  opacity: 0.42;
+}
+
+label[data-shrink=false]+.MuiInputBase-formControl .emotion-4:focus::-ms-input-placeholder {
+  opacity: 0.42;
 }
 
 .emotion-4.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+  opacity: 1;
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
 }
 
-@media (hover: none) {
-  .emotion-4:hover {
-    background-color: transparent;
-  }
+.emotion-4:-webkit-autofill {
+  -webkit-animation-duration: 5000s;
+  animation-duration: 5000s;
+  -webkit-animation-name: mui-auto-fill;
+  animation-name: mui-auto-fill;
+}
+
+.emotion-4:-webkit-autofill {
+  border-radius: inherit;
 }
 
 .emotion-5 {
-  cursor: inherit;
+  bottom: 0;
+  left: 0;
   position: absolute;
   opacity: 0;
+  pointer-events: none;
   width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  z-index: 1;
+  box-sizing: border-box;
 }
 
 .emotion-6 {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-7 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -39121,51 +40716,83 @@ exports[`single fields select field single choice uiSchema disabled using radio
   transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   fill: currentColor;
   font-size: 1.5rem;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-  -ms-transform: scale(1);
-  transform: scale(1);
+  position: absolute;
+  right: 0;
+  top: calc(50% - .5em);
+  pointer-events: none;
+  color: rgba(0, 0, 0, 0.54);
+  right: 7px;
+}
+
+.emotion-6.Mui-disabled {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.emotion-7 {
+  text-align: left;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: -5px;
+  left: 0;
+  margin: 0;
+  padding: 0 8px;
+  pointer-events: none;
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 1px;
+  overflow: hidden;
+  min-width: 0%;
+  border-color: rgba(0, 0, 0, 0.23);
+}
+
+.emotion-8 {
+  float: unset;
+  width: auto;
+  overflow: hidden;
+  display: block;
+  padding: 0;
+  height: 11px;
+  font-size: 0.75em;
+  visibility: hidden;
+  max-width: 0.01px;
+  -webkit-transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  transition: max-width 50ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
+  white-space: nowrap;
 }
 
-.emotion-8 {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 1em;
-  height: 1em;
+.emotion-8>span {
+  padding-left: 5px;
+  padding-right: 5px;
   display: inline-block;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  fill: currentColor;
-  font-size: 1.5rem;
-  left: 0;
-  position: absolute;
-  -webkit-transform: scale(0);
-  -moz-transform: scale(0);
-  -ms-transform: scale(0);
-  transform: scale(0);
-  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
-  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+  opacity: 0;
+  visibility: visible;
 }
 
 .emotion-9 {
   margin: 0;
   font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-weight: 400;
-  font-size: 1rem;
-  line-height: 1.5;
-  letter-spacing: 0.00938em;
+  font-size: 0.75rem;
+  line-height: 1.66;
+  letter-spacing: 0.03333em;
+  color: rgba(0, 0, 0, 0.6);
 }
 
-.emotion-17 {
+.emotion-10 {
+  margin: 0;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.57;
+  letter-spacing: 0.00714em;
+}
+
+.emotion-11 {
   margin-top: 24px;
 }
 
-.emotion-18 {
+.emotion-12 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -39222,57 +40849,57 @@ exports[`single fields select field single choice uiSchema disabled using radio
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }
 
-.emotion-18::-moz-focus-inner {
+.emotion-12::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-18.Mui-disabled {
+.emotion-12.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-18 {
+  .emotion-12 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-18:hover {
+.emotion-12:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-18.Mui-disabled {
+.emotion-12.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-18:hover {
+.emotion-12:hover {
   box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
 }
 
 @media (hover: none) {
-  .emotion-18:hover {
+  .emotion-12:hover {
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
   }
 }
 
-.emotion-18:active {
+.emotion-12:active {
   box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
 }
 
-.emotion-18.Mui-focusVisible {
+.emotion-12.Mui-focusVisible {
   box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
 }
 
-.emotion-18.Mui-disabled {
+.emotion-12.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-18:hover {
+  .emotion-12:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -39280,7 +40907,7 @@ exports[`single fields select field single choice uiSchema disabled using radio
   }
 }
 
-.emotion-18.MuiButton-loading {
+.emotion-12.MuiButton-loading {
   color: transparent;
 }
 
@@ -39290,161 +40917,108 @@ exports[`single fields select field single choice uiSchema disabled using radio
   onSubmit={[Function]}
 >
   <div
-    className="rjsf-field rjsf-field-string"
+    className="rjsf-field rjsf-field-boolean"
   >
     <div
       className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
     >
-      <label
-        className="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-1"
-        htmlFor="root"
-      />
       <div
         aria-describedby="root__error root__description root__help"
-        className="MuiFormGroup-root MuiRadioGroup-root emotion-2"
-        id="root"
-        onBlur={[Function]}
-        onFocus={[Function]}
-        role="radiogroup"
+        className="MuiFormControl-root MuiTextField-root emotion-1"
       >
         <label
-          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
+          className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined emotion-2"
+          data-shrink={false}
+          htmlFor="root"
+          id="root-label"
         >
-          <span
-            aria-disabled={true}
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
+          test
+        </label>
+        <div
+          className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-3"
+          onClick={[Function]}
+        >
+          <div
+            aria-expanded="false"
+            aria-haspopup="listbox"
+            aria-labelledby="root-label root"
+            className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-4"
+            id="root"
             onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
             onFocus={[Function]}
             onKeyDown={[Function]}
-            onKeyUp={[Function]}
             onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
-            tabIndex={-1}
+            role="combobox"
+            tabIndex={0}
           >
-            <input
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              disabled={true}
-              id="root-0"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="radio"
-              value="0"
-            />
             <span
-              className="emotion-6"
+              aria-hidden={true}
+              className="notranslate"
             >
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
-                data-testid="RadioButtonUncheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                />
-              </svg>
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
-                data-testid="RadioButtonCheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                />
-              </svg>
+              ​
             </span>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
-            style={{}}
-          >
-            foo
-          </span>
-        </label>
-        <label
-          className="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-3"
-        >
-          <span
-            aria-disabled={true}
-            className="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-4"
-            onBlur={[Function]}
-            onContextMenu={[Function]}
-            onDragLeave={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-            onMouseLeave={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchMove={[Function]}
-            onTouchStart={[Function]}
+          </div>
+          <input
+            aria-hidden={true}
+            aria-invalid={false}
+            autoFocus={false}
+            className="MuiSelect-nativeInput emotion-5"
+            disabled={false}
+            name="root"
+            onAnimationStart={[Function]}
+            onChange={[Function]}
+            required={false}
             tabIndex={-1}
+            value=""
+          />
+          <svg
+            aria-hidden={true}
+            className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-6"
+            data-testid="ArrowDropDownIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
           >
-            <input
-              checked={false}
-              className="PrivateSwitchBase-input emotion-5"
-              disabled={true}
-              id="root-1"
-              name="root"
-              onChange={[Function]}
-              required={false}
-              type="radio"
-              value="1"
+            <path
+              d="M7 10l5 5 5-5z"
             />
-            <span
-              className="emotion-6"
-            >
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-7"
-                data-testid="RadioButtonUncheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                />
-              </svg>
-              <svg
-                aria-hidden={true}
-                className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-8"
-                data-testid="RadioButtonCheckedIcon"
-                focusable="false"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                />
-              </svg>
-            </span>
-          </span>
-          <span
-            className="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-9"
-            style={{}}
+          </svg>
+          <fieldset
+            aria-hidden={true}
+            className="MuiOutlinedInput-notchedOutline emotion-7"
           >
-            bar
-          </span>
-        </label>
+            <legend
+              className="emotion-8"
+            >
+              <span>
+                test
+              </span>
+            </legend>
+          </fieldset>
+        </div>
       </div>
+      <span
+        className="MuiTypography-root MuiTypography-caption emotion-9"
+        style={{}}
+      >
+        <h6
+          className="MuiTypography-root MuiTypography-subtitle2 emotion-10"
+          id="root__description"
+          style={
+            {
+              "marginTop": "5px",
+            }
+          }
+        >
+          This is a select description
+        </h6>
+      </span>
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-17"
+    className="MuiBox-root emotion-11"
   >
     <button
-      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-18"
+      className="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary emotion-12"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
diff --git a/packages/primereact/src/FieldTemplate/FieldTemplate.tsx b/packages/primereact/src/FieldTemplate/FieldTemplate.tsx
index c3c1b6131d..06e3200c3c 100644
--- a/packages/primereact/src/FieldTemplate/FieldTemplate.tsx
+++ b/packages/primereact/src/FieldTemplate/FieldTemplate.tsx
@@ -26,12 +26,13 @@ export default function FieldTemplate<
     return <div style={{ display: 'none' }}>{children}</div>;
   }
 
+  const isCheckbox = uiOptions.widget === 'checkbox';
   return (
     <WrapIfAdditionalTemplate {...props}>
       <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem', marginBottom: '1rem' }}>
-        {displayLabel && <Label id={props.id} text={props.label} required={props.required} />}
+        {displayLabel && !isCheckbox && <Label id={props.id} text={props.label} required={props.required} />}
         {children}
-        {displayLabel && rawDescription && <small>{description}</small>}
+        {displayLabel && rawDescription && !isCheckbox && <small>{description}</small>}
         {errors}
         {help}
       </div>
diff --git a/packages/primereact/test/__snapshots__/Form.test.tsx.snap b/packages/primereact/test/__snapshots__/Form.test.tsx.snap
index 55df43571d..b629ad3ddf 100644
--- a/packages/primereact/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/primereact/test/__snapshots__/Form.test.tsx.snap
@@ -3904,6 +3904,105 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      style={
+        {
+          "display": "flex",
+          "flexDirection": "column",
+          "gap": "0.5rem",
+          "marginBottom": "1rem",
+        }
+      }
+    >
+      <span
+        id="root__description"
+      >
+        This is a checkbox description
+      </span>
+      <div
+        style={
+          {
+            "alignItems": "center",
+            "display": "flex",
+            "flexDirection": "row",
+            "gap": "0.5rem",
+          }
+        }
+      >
+        <div
+          aria-describedby="root__error root__description root__help"
+          className="p-checkbox p-component"
+          data-p-disabled={false}
+          data-p-highlight={false}
+          data-pc-name="checkbox"
+          data-pc-section="root"
+          id={null}
+          onBlur={[Function]}
+          onContextMenu={null}
+          onFocus={[Function]}
+          onMouseDown={null}
+          style={{}}
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            aria-invalid={false}
+            checked={false}
+            className="p-checkbox-input"
+            data-pc-section="input"
+            disabled={false}
+            id="root"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            readOnly={false}
+            required={false}
+            tabIndex={null}
+            type="checkbox"
+          />
+          <div
+            className="p-checkbox-box"
+            data-p-disabled={false}
+            data-p-highlight={false}
+            data-pc-section="box"
+          />
+        </div>
+        <label
+          htmlFor="root"
+        >
+          test
+           
+        </label>
+      </div>
+    </div>
+  </div>
+  <button
+    aria-label="Submit"
+    className="p-button p-component"
+    data-pc-name="button"
+    data-pc-section="root"
+    disabled={false}
+    type="submit"
+  >
+    <span
+      className="p-button-label p-c"
+      data-pc-section="label"
+    >
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="rjsf"
@@ -6404,15 +6503,15 @@ exports[`single fields optional data controls does not show optional controls wh
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id={null}
+            id="pr_id_16"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="null_header"
+              aria-labelledby="pr_id_16_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="null_content"
+              id="pr_id_16_content"
               role="region"
             >
               <div
@@ -6575,15 +6674,15 @@ exports[`single fields optional data controls does not show optional controls wh
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id={null}
+            id="pr_id_17"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="null_header"
+              aria-labelledby="pr_id_17_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="null_content"
+              id="pr_id_17_content"
               role="region"
             >
               <div
@@ -7600,15 +7699,15 @@ exports[`single fields optional data controls does not show optional controls wh
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_56"
+            id={null}
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_56_header"
+              aria-labelledby="null_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_56_content"
+              id="null_content"
               role="region"
             >
               <div
@@ -7771,15 +7870,15 @@ exports[`single fields optional data controls does not show optional controls wh
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_57"
+            id={null}
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_57_header"
+              aria-labelledby="null_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_57_content"
+              id="null_content"
               role="region"
             >
               <div
@@ -9015,15 +9114,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id={null}
+            id="pr_id_43"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="null_header"
+              aria-labelledby="pr_id_43_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="null_content"
+              id="pr_id_43_content"
               role="region"
             >
               <div
@@ -9161,15 +9260,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id={null}
+            id="pr_id_44"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="null_header"
+              aria-labelledby="pr_id_44_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="null_content"
+              id="pr_id_44_content"
               role="region"
             >
               <div
@@ -10203,15 +10302,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_83"
+            id={null}
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_83_header"
+              aria-labelledby="null_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_83_content"
+              id="null_content"
               role="region"
             >
               <div
@@ -10301,15 +10400,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_84"
+            id={null}
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_84_header"
+              aria-labelledby="null_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_84_content"
+              id="null_content"
               role="region"
             >
               <div
@@ -10858,15 +10957,15 @@ exports[`single fields optional data controls shows "add" optional controls when
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_24"
+            id={null}
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_24_header"
+              aria-labelledby="null_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_24_content"
+              id="null_content"
               role="region"
             >
               <div
@@ -11004,15 +11103,15 @@ exports[`single fields optional data controls shows "add" optional controls when
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_25"
+            id={null}
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_25_header"
+              aria-labelledby="null_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_25_content"
+              id="null_content"
               role="region"
             >
               <div
@@ -11513,15 +11612,15 @@ exports[`single fields optional data controls shows "add" optional controls when
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id={null}
+            id="pr_id_70"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="null_header"
+              aria-labelledby="pr_id_70_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="null_content"
+              id="pr_id_70_content"
               role="region"
             >
               <div
@@ -11611,15 +11710,15 @@ exports[`single fields optional data controls shows "add" optional controls when
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id={null}
+            id="pr_id_71"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="null_header"
+              aria-labelledby="pr_id_71_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="null_content"
+              id="pr_id_71_content"
               role="region"
             >
               <div
@@ -11952,6 +12051,178 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      style={
+        {
+          "display": "flex",
+          "flexDirection": "column",
+          "gap": "0.5rem",
+          "marginBottom": "1rem",
+        }
+      }
+    >
+      <label
+        htmlFor="root"
+      >
+        test
+         
+      </label>
+      <div
+        style={
+          {
+            "display": "flex",
+            "flexDirection": "row",
+            "gap": "1rem",
+          }
+        }
+      >
+        <div
+          style={
+            {
+              "alignItems": "center",
+              "display": "flex",
+            }
+          }
+        >
+          <div
+            aria-describedby="root__error root__description root__help"
+            className="p-radiobutton p-component"
+            data-p-checked={false}
+            data-pc-name="radiobutton"
+            data-pc-section="root"
+            id={null}
+            onBlur={[Function]}
+            onFocus={[Function]}
+            style={{}}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              className="p-radiobutton-input"
+              data-pc-section="input"
+              defaultChecked={false}
+              disabled={false}
+              id="root-0"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              required={false}
+              tabIndex={null}
+              type="radio"
+            />
+            <div
+              className="p-radiobutton-box"
+              data-pc-section="box"
+            >
+              <div
+                className="p-radiobutton-icon"
+                data-pc-section="icon"
+              />
+            </div>
+          </div>
+          <label
+            htmlFor="root-0"
+            style={
+              {
+                "marginLeft": "8px",
+              }
+            }
+          >
+            Yes
+          </label>
+        </div>
+        <div
+          style={
+            {
+              "alignItems": "center",
+              "display": "flex",
+            }
+          }
+        >
+          <div
+            aria-describedby="root__error root__description root__help"
+            className="p-radiobutton p-component"
+            data-p-checked={false}
+            data-pc-name="radiobutton"
+            data-pc-section="root"
+            id={null}
+            onBlur={[Function]}
+            onFocus={[Function]}
+            style={{}}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              className="p-radiobutton-input"
+              data-pc-section="input"
+              defaultChecked={false}
+              disabled={false}
+              id="root-1"
+              name="root"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              required={false}
+              tabIndex={null}
+              type="radio"
+            />
+            <div
+              className="p-radiobutton-box"
+              data-pc-section="box"
+            >
+              <div
+                className="p-radiobutton-icon"
+                data-pc-section="icon"
+              />
+            </div>
+          </div>
+          <label
+            htmlFor="root-1"
+            style={
+              {
+                "marginLeft": "8px",
+              }
+            }
+          >
+            No
+          </label>
+        </div>
+      </div>
+      <small>
+        <span
+          id="root__description"
+        >
+          This is a radio description
+        </span>
+      </small>
+    </div>
+  </div>
+  <button
+    aria-label="Submit"
+    className="p-button p-component"
+    data-pc-name="button"
+    data-pc-section="root"
+    disabled={false}
+    type="submit"
+  >
+    <span
+      className="p-button-label p-c"
+      data-pc-section="label"
+    >
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="rjsf"
@@ -13355,6 +13626,83 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      style={
+        {
+          "display": "flex",
+          "flexDirection": "column",
+          "gap": "0.5rem",
+          "marginBottom": "1rem",
+        }
+      }
+    >
+      <label
+        htmlFor="root"
+      >
+        test
+         
+      </label>
+      <select
+        aria-describedby="root__error root__description root__help"
+        autoFocus={false}
+        disabled={false}
+        id="root"
+        name="root"
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[Function]}
+        options={
+          [
+            {
+              "disabled": false,
+              "label": "Yes",
+              "value": "0",
+            },
+            {
+              "disabled": false,
+              "label": "No",
+              "value": "1",
+            },
+          ]
+        }
+        value=""
+      />
+      <small>
+        <span
+          id="root__description"
+        >
+          This is a select description
+        </span>
+      </small>
+    </div>
+  </div>
+  <button
+    aria-label="Submit"
+    className="p-button p-component"
+    data-pc-name="button"
+    data-pc-section="root"
+    disabled={false}
+    type="submit"
+  >
+    <span
+      className="p-button-label p-c"
+      data-pc-section="label"
+    >
+      Submit
+    </span>
+  </button>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/react-bootstrap/src/FieldTemplate/FieldTemplate.tsx b/packages/react-bootstrap/src/FieldTemplate/FieldTemplate.tsx
index 016f90ff0f..e979eac744 100644
--- a/packages/react-bootstrap/src/FieldTemplate/FieldTemplate.tsx
+++ b/packages/react-bootstrap/src/FieldTemplate/FieldTemplate.tsx
@@ -44,6 +44,8 @@ export default function FieldTemplate<
   if (hidden) {
     return <div className='hidden'>{children}</div>;
   }
+  const isCheckbox = uiOptions.widget === 'checkbox';
+
   return (
     <WrapIfAdditionalTemplate
       classNames={classNames}
@@ -61,14 +63,14 @@ export default function FieldTemplate<
       registry={registry}
     >
       <Form.Group>
-        {displayLabel && (
+        {displayLabel && !isCheckbox && (
           <Form.Label htmlFor={id} className={rawErrors.length > 0 ? 'text-danger' : ''}>
             {label}
             {required ? '*' : null}
           </Form.Label>
         )}
         {children}
-        {displayLabel && rawDescription && (
+        {displayLabel && rawDescription && !isCheckbox && (
           <Form.Text className={rawErrors.length > 0 ? 'text-danger' : 'text-muted'}>{description}</Form.Text>
         )}
         {errors}
diff --git a/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap b/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap
index 3d9755ac1e..9eec2255ac 100644
--- a/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap
@@ -3322,6 +3322,67 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div>
+      <div
+        aria-describedby="root__error root__description root__help"
+        className=""
+      >
+        <div>
+          <div
+            className="mb-3"
+            id="root__description"
+          >
+            This is a checkbox description
+          </div>
+        </div>
+        <div
+          className="form-check"
+        >
+          <input
+            autoFocus={false}
+            checked={false}
+            className="form-check-input"
+            disabled={false}
+            id="root"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            required={false}
+            type="checkbox"
+          />
+          <label
+            className="form-check-label"
+            htmlFor="root"
+            title=""
+          >
+            test
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="rjsf"
@@ -10460,6 +10521,100 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div>
+      <label
+        className="form-label"
+        htmlFor="root"
+      >
+        test
+      </label>
+      <div
+        className="mb-0"
+      >
+        <div
+          className="form-check"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            checked={false}
+            className="form-check-input"
+            disabled={false}
+            id="root-0"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            type="radio"
+            value="0"
+          />
+          <label
+            className="form-check-label"
+            htmlFor="root-0"
+            title=""
+          >
+            Yes
+          </label>
+        </div>
+        <div
+          className="form-check"
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            checked={false}
+            className="form-check-input"
+            disabled={false}
+            id="root-1"
+            name="root"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            type="radio"
+            value="1"
+          />
+          <label
+            className="form-check-label"
+            htmlFor="root-1"
+            title=""
+          >
+            No
+          </label>
+        </div>
+      </div>
+      <small
+        className="text-muted form-text"
+      >
+        <div>
+          <div
+            className="mb-3"
+            id="root__description"
+          >
+            This is a radio description
+          </div>
+        </div>
+      </small>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="rjsf"
@@ -11349,6 +11504,78 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div>
+      <label
+        className="form-label"
+        htmlFor="root"
+      >
+        test
+      </label>
+      <select
+        aria-describedby="root__error root__description root__help"
+        autoFocus={false}
+        className="form-select"
+        disabled={false}
+        id="root"
+        name="root"
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[Function]}
+        value=""
+      >
+        <option
+          value=""
+        />
+        <option
+          disabled={false}
+          id="Yes"
+          value="0"
+        >
+          Yes
+        </option>
+        <option
+          disabled={false}
+          id="No"
+          value="1"
+        >
+          No
+        </option>
+      </select>
+      <small
+        className="text-muted form-text"
+      >
+        <div>
+          <div
+            className="mb-3"
+            id="root__description"
+          >
+            This is a select description
+          </div>
+        </div>
+      </small>
+    </div>
+  </div>
+  <div>
+    <button
+      className="btn btn-primary"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/semantic-ui/src/FieldTemplate/FieldTemplate.tsx b/packages/semantic-ui/src/FieldTemplate/FieldTemplate.tsx
index f6982555f5..1fffdef1de 100644
--- a/packages/semantic-ui/src/FieldTemplate/FieldTemplate.tsx
+++ b/packages/semantic-ui/src/FieldTemplate/FieldTemplate.tsx
@@ -52,6 +52,8 @@ export default function FieldTemplate<
     return <div style={{ display: 'none' }}>{children}</div>;
   }
 
+  const isCheckbox = uiOptions.widget === 'checkbox';
+
   return (
     <WrapIfAdditionalTemplate
       classNames={classNames}
@@ -66,7 +68,7 @@ export default function FieldTemplate<
       <Form.Group key={id} widths='equal' grouped>
         <MaybeWrap wrap={wrapContent} className='sui-field-content'>
           {children}
-          {displayLabel && rawDescription && (
+          {displayLabel && rawDescription && !isCheckbox && (
             <MaybeWrap wrap={wrapLabel} className='sui-field-label'>
               {description}
             </MaybeWrap>
diff --git a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
index ae1e49d981..f33b00af70 100644
--- a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
@@ -2777,6 +2777,69 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="ui form rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="grouped equal width fields"
+    >
+      <p
+        className="sui-description"
+        id="root__description"
+      >
+        This is a checkbox description
+      </p>
+      <div
+        className="field"
+      >
+        <div
+          className="ui checkbox"
+          inverted="false"
+          onBlur={[Function]}
+          onChange={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onMouseDown={[Function]}
+          onMouseUp={[Function]}
+        >
+          <input
+            aria-describedby="root__error root__description root__help"
+            autoFocus={false}
+            checked={false}
+            className="hidden"
+            disabled={false}
+            id="root"
+            name="root"
+            readOnly={true}
+            required={false}
+            tabIndex={0}
+            type="checkbox"
+          />
+          <label
+            htmlFor="root"
+          >
+            test
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ui primary button"
+    onClick={[Function]}
+    type="submit"
+  >
+    Submit
+  </button>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="ui form rjsf"
@@ -7438,6 +7501,106 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="ui form rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="grouped equal width fields"
+    >
+      <div
+        className="grouped fields"
+      >
+        <div
+          className="field"
+        >
+          <div
+            className="ui radio checkbox"
+            fluid={true}
+            inverted={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              checked={false}
+              className="hidden"
+              disabled={false}
+              id="root-0"
+              name="root"
+              readOnly={true}
+              tabIndex={0}
+              type="radio"
+              value="0"
+            />
+            <label
+              htmlFor="root-0"
+            >
+              Yes
+            </label>
+          </div>
+        </div>
+        <div
+          className="field"
+        >
+          <div
+            className="ui radio checkbox"
+            fluid={true}
+            inverted={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+          >
+            <input
+              aria-describedby="root__error root__description root__help"
+              checked={false}
+              className="hidden"
+              disabled={false}
+              id="root-1"
+              name="root"
+              readOnly={true}
+              tabIndex={0}
+              type="radio"
+              value="1"
+            />
+            <label
+              htmlFor="root-1"
+            >
+              No
+            </label>
+          </div>
+        </div>
+      </div>
+      <p
+        className="sui-description"
+        id="root__description"
+      >
+        This is a radio description
+      </p>
+    </div>
+  </div>
+  <button
+    className="ui primary button"
+    onClick={[Function]}
+    type="submit"
+  >
+    Submit
+  </button>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="ui form rjsf"
@@ -8808,6 +8971,129 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="ui form rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="grouped equal width fields"
+    >
+      <div
+        className="field"
+      >
+        <label
+          htmlFor="root"
+        >
+          test
+        </label>
+        <div
+          aria-describedby="root__error root__description root__help"
+          aria-disabled={false}
+          aria-expanded={false}
+          aria-multiselectable={false}
+          autoFocus={false}
+          className="ui fluid selection scrolling dropdown"
+          id="root"
+          inverted="false"
+          name="root"
+          onBlur={[Function]}
+          onChange={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onKeyDown={[Function]}
+          onMouseDown={[Function]}
+          readOnly={false}
+          role="listbox"
+          tabIndex={0}
+        >
+          <i
+            aria-hidden="true"
+            className="dropdown icon"
+            onClick={[Function]}
+          />
+          <div
+            className="menu transition"
+          >
+            <div
+              aria-checked={true}
+              aria-selected={true}
+              className="active selected item"
+              onClick={[Function]}
+              role="option"
+              style={
+                {
+                  "pointerEvents": "all",
+                }
+              }
+            >
+              <span
+                className="text"
+              />
+            </div>
+            <div
+              aria-checked={false}
+              aria-disabled={false}
+              aria-selected={false}
+              className="item"
+              onClick={[Function]}
+              role="option"
+              style={
+                {
+                  "pointerEvents": "all",
+                }
+              }
+            >
+              <span
+                className="text"
+              >
+                Yes
+              </span>
+            </div>
+            <div
+              aria-checked={false}
+              aria-disabled={false}
+              aria-selected={false}
+              className="item"
+              onClick={[Function]}
+              role="option"
+              style={
+                {
+                  "pointerEvents": "all",
+                }
+              }
+            >
+              <span
+                className="text"
+              >
+                No
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <p
+        className="sui-description"
+        id="root__description"
+      >
+        This is a select description
+      </p>
+    </div>
+  </div>
+  <button
+    className="ui primary button"
+    onClick={[Function]}
+    type="submit"
+  >
+    Submit
+  </button>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="ui form rjsf"
diff --git a/packages/shadcn/src/FieldTemplate/FieldTemplate.tsx b/packages/shadcn/src/FieldTemplate/FieldTemplate.tsx
index 5756a6a694..dd052d3cd0 100644
--- a/packages/shadcn/src/FieldTemplate/FieldTemplate.tsx
+++ b/packages/shadcn/src/FieldTemplate/FieldTemplate.tsx
@@ -50,6 +50,7 @@ export default function FieldTemplate<
   if (hidden) {
     return <div className='hidden'>{children}</div>;
   }
+  const isCheckbox = uiOptions.widget === 'checkbox';
   return (
     <WrapIfAdditionalTemplate
       classNames={classNames}
@@ -67,7 +68,7 @@ export default function FieldTemplate<
       registry={registry}
     >
       <div className='flex flex-col gap-2'>
-        {displayLabel && (
+        {displayLabel && !isCheckbox && (
           <label
             className={cn(
               'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
@@ -80,7 +81,7 @@ export default function FieldTemplate<
           </label>
         )}
         {children}
-        {displayLabel && rawDescription && (
+        {displayLabel && rawDescription && !isCheckbox && (
           <span
             className={cn('text-xs font-medium text-muted-foreground', { ' text-destructive': rawErrors.length > 0 })}
           >
diff --git a/packages/shadcn/test/__snapshots__/Form.test.tsx.snap b/packages/shadcn/test/__snapshots__/Form.test.tsx.snap
index 39640d06f2..089f948c6f 100644
--- a/packages/shadcn/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/shadcn/test/__snapshots__/Form.test.tsx.snap
@@ -1791,8 +1791,8 @@ exports[`nameGenerator bracketNameGenerator select field with enum 1`] = `
                   >
                     <label
                       cmdk-label=""
-                      htmlFor="radix-:r1b:"
-                      id="radix-:r1a:"
+                      htmlFor="radix-:r1g:"
+                      id="radix-:r1f:"
                       style={
                         {
                           "borderWidth": "0",
@@ -3532,8 +3532,8 @@ exports[`nameGenerator dotNotationNameGenerator select field with enum 1`] = `
                   >
                     <label
                       cmdk-label=""
-                      htmlFor="radix-:r1g:"
-                      id="radix-:r1f:"
+                      htmlFor="radix-:r1l:"
+                      id="radix-:r1k:"
                       style={
                         {
                           "borderWidth": "0",
@@ -3863,6 +3863,94 @@ exports[`single fields checkbox field 1`] = `
 </form>
 `;
 
+exports[`single fields checkbox field with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="flex flex-col gap-2"
+    >
+      <div
+        aria-describedby="root__error root__description root__help"
+        className="relative "
+      >
+        <div>
+          <div
+            className="text-sm text-muted-foreground"
+            id="root__description"
+          >
+            This is a checkbox description
+          </div>
+        </div>
+        <div
+          className="flex items-center gap-2 my-2"
+        >
+          <button
+            aria-checked={false}
+            aria-required={false}
+            autoFocus={false}
+            className="peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+            data-slot="checkbox"
+            data-state="unchecked"
+            disabled={false}
+            id="root"
+            onBlur={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            role="checkbox"
+            type="button"
+            value="on"
+          />
+          <input
+            aria-hidden={true}
+            defaultChecked={false}
+            disabled={false}
+            name="root"
+            required={false}
+            style={
+              {
+                "margin": 0,
+                "opacity": 0,
+                "pointerEvents": "none",
+                "position": "absolute",
+                "transform": "translateX(-100%)",
+              }
+            }
+            tabIndex={-1}
+            type="checkbox"
+            value="on"
+          />
+          <label
+            className="flex items-center gap-2 text-sm font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 leading-tight"
+            data-slot="label"
+            htmlFor="root"
+            onMouseDown={[Function]}
+          >
+            test
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div>
+    <button
+      className="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 my-2"
+      data-slot="button"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields checkbox field with label 1`] = `
 <form
   className="rjsf"
@@ -6144,8 +6232,8 @@ exports[`single fields optional data controls does not show optional controls wh
                       >
                         <label
                           cmdk-label=""
-                          htmlFor="radix-:rv:"
-                          id="radix-:ru:"
+                          htmlFor="radix-:r14:"
+                          id="radix-:r13:"
                           style={
                             {
                               "borderWidth": "0",
@@ -6314,8 +6402,8 @@ exports[`single fields optional data controls does not show optional controls wh
                       >
                         <label
                           cmdk-label=""
-                          htmlFor="radix-:r12:"
-                          id="radix-:r11:"
+                          htmlFor="radix-:r17:"
+                          id="radix-:r16:"
                           style={
                             {
                               "borderWidth": "0",
@@ -7348,8 +7436,8 @@ exports[`single fields optional data controls does not show optional controls wh
                       >
                         <label
                           cmdk-label=""
-                          htmlFor="radix-:r15:"
-                          id="radix-:r14:"
+                          htmlFor="radix-:r1a:"
+                          id="radix-:r19:"
                           style={
                             {
                               "borderWidth": "0",
@@ -7518,8 +7606,8 @@ exports[`single fields optional data controls does not show optional controls wh
                       >
                         <label
                           cmdk-label=""
-                          htmlFor="radix-:r18:"
-                          id="radix-:r17:"
+                          htmlFor="radix-:r1d:"
+                          id="radix-:r1c:"
                           style={
                             {
                               "borderWidth": "0",
@@ -11210,6 +11298,171 @@ exports[`single fields radio field 1`] = `
 </form>
 `;
 
+exports[`single fields radio widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="flex flex-col gap-2"
+    >
+      <label
+        className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+        htmlFor="root"
+      >
+        test
+      </label>
+      <div
+        className="mb-0"
+      >
+        <div
+          aria-describedby="root__error root__description root__help"
+          aria-orientation="vertical"
+          aria-required={false}
+          className="gap-3 flex flex-wrap flex-col"
+          data-orientation="vertical"
+          data-slot="radio-group"
+          dir="ltr"
+          onBlur={[Function]}
+          onFocus={[Function]}
+          onMouseDown={[Function]}
+          role="radiogroup"
+          style={
+            {
+              "outline": "none",
+            }
+          }
+          tabIndex={0}
+        >
+          <div
+            className="flex items-center gap-2"
+          >
+            <button
+              aria-checked={false}
+              className="border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+              data-orientation="vertical"
+              data-radix-collection-item=""
+              data-slot="radio-group-item"
+              data-state="unchecked"
+              disabled={false}
+              id="root-0"
+              onClick={[Function]}
+              onFocus={[Function]}
+              onKeyDown={[Function]}
+              onMouseDown={[Function]}
+              role="radio"
+              tabIndex={-1}
+              type="button"
+              value="0"
+            />
+            <input
+              aria-hidden={true}
+              defaultChecked={false}
+              disabled={false}
+              required={false}
+              style={
+                {
+                  "margin": 0,
+                  "opacity": 0,
+                  "pointerEvents": "none",
+                  "position": "absolute",
+                  "transform": "translateX(-100%)",
+                }
+              }
+              tabIndex={-1}
+              type="radio"
+              value="0"
+            />
+            <label
+              className="flex items-center gap-2 text-sm font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 leading-tight"
+              data-slot="label"
+              htmlFor="root-0"
+              onMouseDown={[Function]}
+            >
+              Yes
+            </label>
+          </div>
+          <div
+            className="flex items-center gap-2"
+          >
+            <button
+              aria-checked={false}
+              className="border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+              data-orientation="vertical"
+              data-radix-collection-item=""
+              data-slot="radio-group-item"
+              data-state="unchecked"
+              disabled={false}
+              id="root-1"
+              onClick={[Function]}
+              onFocus={[Function]}
+              onKeyDown={[Function]}
+              onMouseDown={[Function]}
+              role="radio"
+              tabIndex={-1}
+              type="button"
+              value="1"
+            />
+            <input
+              aria-hidden={true}
+              defaultChecked={false}
+              disabled={false}
+              required={false}
+              style={
+                {
+                  "margin": 0,
+                  "opacity": 0,
+                  "pointerEvents": "none",
+                  "position": "absolute",
+                  "transform": "translateX(-100%)",
+                }
+              }
+              tabIndex={-1}
+              type="radio"
+              value="1"
+            />
+            <label
+              className="flex items-center gap-2 text-sm font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 leading-tight"
+              data-slot="label"
+              htmlFor="root-1"
+              onMouseDown={[Function]}
+            >
+              No
+            </label>
+          </div>
+        </div>
+      </div>
+      <span
+        className="text-xs font-medium text-muted-foreground"
+      >
+        <div>
+          <div
+            className="text-sm text-muted-foreground"
+            id="root__description"
+          >
+            This is a radio description
+          </div>
+        </div>
+      </span>
+    </div>
+  </div>
+  <div>
+    <button
+      className="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 my-2"
+      data-slot="button"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields schema examples 1`] = `
 <form
   className="rjsf"
@@ -12699,6 +12952,116 @@ exports[`single fields select field single choice uiSchema disabled using radio
 </form>
 `;
 
+exports[`single fields select widget with description in schema and FieldTemplate 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-boolean"
+  >
+    <div
+      className="flex flex-col gap-2"
+    >
+      <label
+        className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+        htmlFor="root"
+      >
+        test
+      </label>
+      <div
+        className="p-0.5"
+      >
+        <div
+          aria-describedby="root__error root__description root__help"
+          aria-disabled={false}
+          autoFocus={false}
+          className="text-popover-foreground flex h-full w-full flex-col rounded-md overflow-visible bg-transparent"
+          cmdk-root=""
+          data-slot="command"
+          onBlur={[Function]}
+          onFocus={[Function]}
+          onKeyDown={[Function]}
+          tabIndex={-1}
+        >
+          <label
+            cmdk-label=""
+            htmlFor="radix-:rv:"
+            id="radix-:ru:"
+            style={
+              {
+                "borderWidth": "0",
+                "clip": "rect(0, 0, 0, 0)",
+                "height": "1px",
+                "margin": "-1px",
+                "overflow": "hidden",
+                "padding": "0",
+                "position": "absolute",
+                "whiteSpace": "nowrap",
+                "width": "1px",
+              }
+            }
+          />
+          <div
+            className="flex h-9 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+            onClick={[Function]}
+          >
+            <span
+              className="flex-1 line-clamp-1 text-muted-foreground"
+            >
+              Select...
+            </span>
+            <svg
+              aria-hidden="true"
+              className="lucide lucide-chevron-down h-4 w-4 opacity-50"
+              fill="none"
+              height={24}
+              stroke="currentColor"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth={2}
+              viewBox="0 0 24 24"
+              width={24}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m6 9 6 6 6-6"
+              />
+            </svg>
+          </div>
+          <div
+            className="relative"
+          />
+        </div>
+      </div>
+      <span
+        className="text-xs font-medium text-muted-foreground"
+      >
+        <div>
+          <div
+            className="text-sm text-muted-foreground"
+            id="root__description"
+          >
+            This is a select description
+          </div>
+        </div>
+      </span>
+    </div>
+  </div>
+  <div>
+    <button
+      className="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-9 px-4 py-2 has-[>svg]:px-3 my-2"
+      data-slot="button"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
 exports[`single fields slider field 1`] = `
 <form
   className="rjsf"
diff --git a/packages/snapshot-tests/src/formTests.tsx b/packages/snapshot-tests/src/formTests.tsx
index 639252fc71..5f87fb8703 100644
--- a/packages/snapshot-tests/src/formTests.tsx
+++ b/packages/snapshot-tests/src/formTests.tsx
@@ -355,6 +355,45 @@ export function formTests(Form: ComponentType<FormProps>, customOptions: FormRen
       const tree = renderer.create(<Form schema={schema} uiSchema={uiSchema} validator={validator} />).toJSON();
       expect(tree).toMatchSnapshot();
     });
+
+    test('checkbox field with description in schema and FieldTemplate', () => {
+      const schema: RJSFSchema = {
+        type: 'boolean',
+        title: 'test',
+        description: 'This is a checkbox description',
+      };
+      const uiSchema: UiSchema = {
+        'ui:widget': 'checkbox',
+      };
+      const tree = renderer.create(<Form schema={schema} uiSchema={uiSchema} validator={validator} />).toJSON();
+      expect(tree).toMatchSnapshot();
+    });
+
+    test('radio widget with description in schema and FieldTemplate', () => {
+      const schema: RJSFSchema = {
+        type: 'boolean',
+        title: 'test',
+        description: 'This is a radio description',
+      };
+      const uiSchema: UiSchema = {
+        'ui:widget': 'radio',
+      };
+      const tree = renderer.create(<Form schema={schema} uiSchema={uiSchema} validator={validator} />).toJSON();
+      expect(tree).toMatchSnapshot();
+    });
+
+    test('select widget with description in schema and FieldTemplate', () => {
+      const schema: RJSFSchema = {
+        type: 'boolean',
+        title: 'test',
+        description: 'This is a select description',
+      };
+      const uiSchema: UiSchema = {
+        'ui:widget': 'select',
+      };
+      const tree = renderer.create(<Form schema={schema} uiSchema={uiSchema} validator={validator} />).toJSON();
+      expect(tree).toMatchSnapshot();
+    });
     test('checkboxes field', () => {
       const schema: RJSFSchema = {
         type: 'array',